Switched to Svelte

.eslintrc.js

@@ -0,0 +1,123 @@
+/* eslint-env node */
+
+module.exports = {
+  parserOptions: {
+    parser: "@typescript-eslint/parser",
+    project: "./tsconfig.json",
+    sourceType: "script",
+  },
+  env: {
+    browser: true,
+    node: false,
+  },
+  plugins: ["svelte3", "@typescript-eslint"],
+  extends: [
+    "eslint:recommended",
+    "plugin:@typescript-eslint/recommended",
+    "plugin:@typescript-eslint/recommended-requiring-type-checking",
+    "plugin:prettier/recommended",
+  ],
+  rules: {
+    "no-warning-comments": "warn",
+    "@typescript-eslint/array-type": ["error", { default: "generic" }],
+    "@typescript-eslint/consistent-indexed-object-style": "error",
+    "@typescript-eslint/consistent-type-assertions": "error",
+    "@typescript-eslint/consistent-type-definitions": "error",
+    "@typescript-eslint/consistent-type-imports": "error",
+    "@typescript-eslint/explicit-function-return-type": "error",
+    "@typescript-eslint/explicit-member-accessibility": "error",
+    "@typescript-eslint/explicit-module-boundary-types": "error",
+    "@typescript-eslint/member-delimiter-style": "error",
+    "@typescript-eslint/member-ordering": "error",
+    "@typescript-eslint/method-signature-style": ["error", "method"],
+    "@typescript-eslint/no-base-to-string": "error",
+    "@typescript-eslint/no-confusing-non-null-assertion": "error",
+    "@typescript-eslint/no-confusing-void-expression": "error",
+    "@typescript-eslint/no-extraneous-class": "error",
+    "@typescript-eslint/no-invalid-void-type": "error",
+    "@typescript-eslint/no-meaningless-void-operator": "error",
+    "@typescript-eslint/no-namespace": ["error", { allowDeclarations: true }],
+    "@typescript-eslint/no-non-null-asserted-nullish-coalescing": "error",
+    "@typescript-eslint/no-parameter-properties": "error",
+    "@typescript-eslint/no-unnecessary-boolean-literal-compare": "error",
+    "@typescript-eslint/no-unnecessary-condition": "error",
+    "@typescript-eslint/no-unnecessary-qualifier": "error",
+    "@typescript-eslint/non-nullable-type-assertion-style": "error",
+    "@typescript-eslint/prefer-for-of": "error",
+    "@typescript-eslint/prefer-function-type": "error",
+    "@typescript-eslint/prefer-includes": "error",
+    "@typescript-eslint/prefer-literal-enum-member": "error",
+    "@typescript-eslint/prefer-nullish-coalescing": "error",
+    "@typescript-eslint/prefer-optional-chain": "error",
+    "@typescript-eslint/prefer-readonly": "error",
+    "@typescript-eslint/prefer-reduce-type-parameter": "error",
+    "@typescript-eslint/prefer-regexp-exec": "error",
+    "@typescript-eslint/prefer-return-this-type": "error",
+    "@typescript-eslint/prefer-string-starts-ends-with": "error",
+    "@typescript-eslint/promise-function-async": "error",
+    "@typescript-eslint/require-array-sort-compare": "error",
+    "@typescript-eslint/sort-type-union-intersection-members": "error",
+    "@typescript-eslint/strict-boolean-expressions": "error",
+    "@typescript-eslint/switch-exhaustiveness-check": "error",
+    "@typescript-eslint/unified-signatures": "error",
+    "@typescript-eslint/no-non-null-assertion": "off",
+  },
+  settings: {
+    "svelte3/typescript": require("typescript"),
+    "svelte3/ignore-styles": () => true,
+  },
+  overrides: [
+    {
+      files: ["*.svelte"],
+      processor: "svelte3/svelte3",
+    },
+    {
+      parserOptions: {
+        project: null,
+      },
+      files: ["gulpfile.js", "frontend.webpack.config.js", ".eslintrc.js"],
+      rules: {
+        "@typescript-eslint/await-thenable": "off",
+        "@typescript-eslint/explicit-function-return-type": "off",
+        "@typescript-eslint/no-base-to-string": "off",
+        "@typescript-eslint/no-confusing-void-expression": "off",
+        "@typescript-eslint/no-floating-promises": "off",
+        "@typescript-eslint/no-implied-eval": "off",
+        "@typescript-eslint/no-meaningless-void-operator": "off",
+        "@typescript-eslint/no-misused-promises": "off",
+        "@typescript-eslint/no-unnecessary-boolean-literal-compare": "off",
+        "@typescript-eslint/no-unnecessary-condition": "off",
+        "@typescript-eslint/no-unnecessary-qualifier": "off",
+        "@typescript-eslint/no-unnecessary-type-assertion": "off",
+        "@typescript-eslint/no-unsafe-argument": "off",
+        "@typescript-eslint/no-unsafe-assignment": "off",
+        "@typescript-eslint/no-unsafe-call": "off",
+        "@typescript-eslint/no-unsafe-member-access": "off",
+        "@typescript-eslint/no-unsafe-return": "off",
+        "@typescript-eslint/no-var-requires": "off",
+        "@typescript-eslint/non-nullable-type-assertion-style": "off",
+        "@typescript-eslint/prefer-includes": "off",
+        "@typescript-eslint/prefer-nullish-coalescing": "off",
+        "@typescript-eslint/prefer-readonly": "off",
+        "@typescript-eslint/prefer-reduce-type-parameter": "off",
+        "@typescript-eslint/prefer-regexp-exec": "off",
+        "@typescript-eslint/prefer-return-this-type": "off",
+        "@typescript-eslint/prefer-string-starts-ends-with": "off",
+        "@typescript-eslint/promise-function-async": "off",
+        "@typescript-eslint/require-array-sort-compare": "off",
+        "@typescript-eslint/require-await": "off",
+        "@typescript-eslint/restrict-plus-operands": "off",
+        "@typescript-eslint/restrict-template-expressions": "off",
+        "@typescript-eslint/strict-boolean-expressions": "off",
+        "@typescript-eslint/switch-exhaustiveness-check": "off",
+        "@typescript-eslint/unbound-method": "off",
+      },
+    },
+  ],
+  globals: {
+    google: "readonly",
+    MoveError: "readonly",
+    MoveResponse: "readonly",
+    NamedRecord: "readonly",
+  },
+};

backend.tsconfig.json

@@ -0,0 +1,8 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "target": "es5",
+    "lib": ["es5"],
+    "types": ["google-apps-script"]
+  }
+}

frontend.tsconfig.json

@@ -0,0 +1,6 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "target": "es6"
+  }
+}

frontend.webpack.config.js

@@ -1,65 +1,63 @@
 /* eslint-env node */
 
 const HtmlWebpackPlugin = require("html-webpack-plugin");
-const ScriptExtHtmlWebPackPlugin = require("script-ext-html-webpack-plugin");
-const TerserPlugin = require("terser-webpack-plugin");
-const VueLoaderPlugin = require("vue-loader/lib/plugin");
+const sveltePreprocess = require("svelte-preprocess");
+
+const path = require("path");
 
 module.exports = {
   mode: "production",
-  optimization: {
-    minimize: true,
-    minimizer: [
-      new TerserPlugin({
-        extractComments: false,
-      }),
-    ],
-  },
   plugins: [
     new HtmlWebpackPlugin({
       template: "src/frontend/index.html",
-      scriptLoading: "blocking",
-    }),
-    new ScriptExtHtmlWebPackPlugin({
-      inline: /\.js$/,
+      minify: false,
+      inject: false,
     }),
-    new VueLoaderPlugin(),
   ],
   module: {
     rules: [
       {
-        test: /\.vue$/,
-        loader: "vue-loader",
-      },
-      {
-        test: /\.ts$/,
-        loader: "ts-loader",
-        options: {
-          appendTsSuffixTo: [/\.vue$/],
+        test: /\.svelte/,
+        use: {
+          loader: "svelte-loader",
+          options: {
+            preprocess: sveltePreprocess({
+              tsconfigFile: "./frontend.tsconfig.json",
+            }),
+          },
         },
-        exclude: /node_modules/,
       },
       {
-        test: /\.css$/,
+        test: /\.(sa|sc|c)ss$/,
         use: [
-          "vue-style-loader",
+          "style-loader",
+          "css-loader",
           {
-            loader: "css-loader",
+            loader: "sass-loader",
             options: {
-              esModule: false,
+              sassOptions: {
+                includePaths: ["./src/frontend", "./node_modules"],
+              },
             },
           },
         ],
       },
     ],
   },
   resolve: {
-    extensions: [".ts", ".js"],
+    alias: {
+      svelte: path.resolve("node_modules", "svelte"),
+    },
+    extensions: [".ts", ".js", ".svelte"],
+    mainFields: ["svelte", "browser", "module", "main"],
   },
   entry: {
     index: "./src/frontend/index.ts",
   },
   output: {
     filename: "[name].js",
   },
+  performance: {
+    hints: false,
+  },
 };

gulpfile.js

@@ -3,6 +3,8 @@
 const gulp = require("gulp");
 
 const concat = require("gulp-concat");
+const filter = require("gulp-filter");
+const replace = require("gulp-replace");
 const ts = require("gulp-typescript");
 const webpack = require("webpack-stream");
 
@@ -14,6 +16,8 @@ gulp.task("build:frontend", function () {
   return gulp
     .src("src/frontend/index.ts")
     .pipe(webpack(require("./frontend.webpack.config.js")))
+    .pipe(filter(["index.html"]))
+    .pipe(replace("\u0085", "\\u0085"))
     .pipe(gulp.dest("dist/"));
 });