Build for PR #1

build/index.html

@@ -6,7 +6,7 @@
     <link rel="stylesheet" href="/index.css">
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="theme-color" content="#000000" />
-    <meta name="description" content="Fun times (and math) ahead." />
+    <meta name="description" content="A minimal writing interface for the game Tunic, in translating its language" />
     <link rel="manifest" href="/manifest.json" />
     <title>Tunic Writer</title>
   </head>

build/index.js

@@ -11114,19 +11114,19 @@ function $e6afbd83fe6ebbd2$export$4c014de7c8940b4c(props, domRef) {
   };
 }
 
-/*! *****************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
+/*! *****************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
 ***************************************************************************** */
 
 /* global Reflect, Promise */
@@ -18195,9 +18195,10 @@ const RuneContainer = props => {
   } = $f7dceffc5ad7768b$export$4e328f61c538687f({
     within: true
   });
-  const topConsonant = selectedKeys.has(RUNE_KEY.CTL) || selectedKeys.has(RUNE_KEY.CTT) || selectedKeys.has(RUNE_KEY.CTR);
-  const bottomConsonant = selectedKeys.has(RUNE_KEY.CBL) || selectedKeys.has(RUNE_KEY.CBB) || selectedKeys.has(RUNE_KEY.CBR);
-  const spine = topConsonant && bottomConsonant;
+  const hasTopConsonant = selectedKeys.has(RUNE_KEY.CTL) || selectedKeys.has(RUNE_KEY.CTT) || selectedKeys.has(RUNE_KEY.CTR);
+  const hasTopSpine = selectedKeys.has(RUNE_KEY.CTT);
+  const hasBottomSpine = selectedKeys.has(RUNE_KEY.CBB);
+  const showSpine = hasTopSpine || hasTopConsonant && hasBottomSpine;
   return /*#__PURE__*/jsxRuntime.exports.jsxs("div", {
     className: classNames('rune-pad', {
       'rune-pad--focused': isFocused || isHovered || selectedKeys.size == 0
@@ -18206,7 +18207,7 @@ const RuneContainer = props => {
     children: [/*#__PURE__*/jsxRuntime.exports.jsxs("ul", { ...listBoxProps,
       ref: ref,
       className: 'rune-pad__list',
-      children: [spine && /*#__PURE__*/jsxRuntime.exports.jsx("div", {
+      children: [showSpine && /*#__PURE__*/jsxRuntime.exports.jsx("div", {
         className: 'rune-pad__line rune-pad__line--spine'
       }), [...state.collection].map(item => /*#__PURE__*/jsxRuntime.exports.jsx(RuneLine, {
         item: item,

package.json

@@ -37,7 +37,7 @@
     "eslint": "^7.32.0",
     "eslint-plugin-import": "^2.24.1",
     "eslint-plugin-react": "^7.24.0",
-    "node-sass": "^6.0.1",
+    "node-sass": "^9.0.0",
     "rollup": "^2.56.3",
     "rollup-plugin-copy": "^3.4.0",
     "rollup-plugin-includepaths": "^0.2.4",

public/index.html

@@ -6,7 +6,7 @@
     <link rel="stylesheet" href="/index.css">
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="theme-color" content="#000000" />
-    <meta name="description" content="A minimal writing interface for the game Tunic, in translating its langauge" />
+    <meta name="description" content="A minimal writing interface for the game Tunic, in translating its language" />
     <link rel="manifest" href="/manifest.json" />
     <title>Tunic Writer</title>
   </head>