Split tsconfig.json for front end & back end to fix local balena builds - closes #3200

Author: benfrancis

.github/workflows/build.yml

@@ -30,7 +30,7 @@ jobs:
           npm ci
       - name: Check formatting
         run: |
-          npx prettier -u -c '*.ts' '*.js' config src static tools
+          npx prettier -u -c '*.js' config src static tools
       - name: Lint with eslint and stylelint
         run: |
           npm run lint

docker-compose.yml

@@ -3,7 +3,7 @@ version: "2.1"
 services:
   webthings-gateway:
     container_name: webthings-gateway
-    image: webthingsio/gateway:2.0.0-beta.1
+    build: .
     restart: unless-stopped
     network_mode: host
     # "ports" are ignored because of "network_mode: host". Either use "ports"

global.d.ts src/global.d.tsglobal.d.ts renamed to src/global.d.ts

@@ -0,0 +1,31 @@
+{
+  "compilerOptions": {
+    "target": "es2018",
+    "module": "commonjs",
+    "moduleResolution": "node",
+    "lib": ["es2018", "dom"],
+    "declaration": true,
+    "declarationMap": true,
+    "sourceMap": true,
+    "outDir": "../build/static",
+    "rootDir": ".",
+    "strict": true,
+    "noImplicitAny": true,
+    "strictNullChecks": true,
+    "strictFunctionTypes": true,
+    "strictBindCallApply": true,
+    "strictPropertyInitialization": true,
+    "noImplicitThis": true,
+    "alwaysStrict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noImplicitReturns": true,
+    "esModuleInterop": true,
+    "allowJs": true,
+    "checkJs": false,
+    "resolveJsonModule": true,
+    "types": ["node", "jest"]
+  },
+  "include": ["./**/*.ts"],
+  "exclude": []
+}

static/tsconfig.json

@@ -11,6 +11,7 @@
     "declarationMap": true,
     "sourceMap": true,
     "outDir": "build",
+    "rootDir": "src",
     "strict": true,
     "noImplicitAny": true,
     "strictNullChecks": true,
@@ -24,7 +25,7 @@
     "noImplicitReturns": true,
     "esModuleInterop": true,
     "allowJs": true,
-    "checkJs": true,
+    "checkJs": false,
     "resolveJsonModule": true,
     "types": [
       "node",
@@ -33,11 +34,12 @@
     ]
   },
   "include": [
-    "**/*.ts"
+    "src/**/*.ts"
   ],
   "exclude": [
     "node_modules",
     "build",
-    "image"
+    "image",
+    "static"
   ]
 }

tsconfig.json

@@ -164,6 +164,7 @@ const webpackWeb = {
         loader: 'ts-loader',
         options: {
           onlyCompileBundledFiles: true,
+          configFile: path.resolve(__dirname, 'static', 'tsconfig.json'),
         },
       },
       {