fix: build system

Author: LastLeaf

.github/workflows/npm-test.yml

@@ -13,17 +13,16 @@ jobs:
       matrix:
         include:
           - os: windows-latest
-            platform: win32
-            arch: x64
+          - os: ubuntu-latest
           - os: macos-latest
-            platform: darwin
-            arch: arm64
     runs-on: ${{ matrix.os }}
     steps:
     - uses: actions/checkout@v4
     - uses: actions/setup-node@v4
       with:
         node-version: 20.x
         cache: 'npm'
-    - run: npm ci
+    - run: xvfb-run -a npm test
+      if: runner.os == 'Linux'
     - run: npm test
+      if: runner.os != 'Linux'

.vscode/tasks.json

@@ -3,23 +3,6 @@
 {
 	"version": "2.0.0",
 	"tasks": [
-		{
-			"type": "shell",
-			"label": "cp-wasm",
-			"command": "cp node_modules/float-pigment-css/float_pigment_css_bg.wasm dist/",
-			"problemMatcher": "$ts-webpack-watch",
-			"isBackground": true,
-			"presentation": {
-				"reveal": "never",
-				"group": "watchers"
-			},
-			"group": {
-				"kind": "build"
-			},
-			"options": {
-				"cwd": "${workspaceFolder}"
-			}
-		},
 		{
 			"type": "npm",
 			"script": "watch",
@@ -55,16 +38,14 @@
 			"label": "tasks: watch-tests",
 			"dependsOn": [
 				"npm: watch",
-				"cp-wasm",
 				"npm: watch-tests"
 			],
 			"problemMatcher": []
 		},
 		{
 			"label": "tasks: watch",
 			"dependsOn": [
-				"npm: watch",
-				"cp-wasm"
+				"npm: watch"
 			],
 			"problemMatcher": []
 		}

package-lock.json

@@ -87,6 +87,7 @@
     "@vscode/test-cli": "^0.0.10",
     "@vscode/test-electron": "^2.4.1",
     "assert": "^2.1.0",
+    "copy-webpack-plugin": "^12.0.2",
     "eslint": "^7.17.0",
     "eslint-config-airbnb-base": "^14.2.1",
     "eslint-config-prettier": "^8.6.0",

package.json

@@ -1,31 +1,32 @@
 //@ts-check
 
-'use strict';
+'use strict'
 
-const path = require('path');
+const path = require('path')
+const CopyPlugin = require('copy-webpack-plugin')
 
 //@ts-check
 /** @typedef {import('webpack').Configuration} WebpackConfig **/
 
 /** @type WebpackConfig */
 const extensionConfig = {
   target: 'node', // VS Code extensions run in a Node.js-context 📖 -> https://webpack.js.org/configuration/node/
-	mode: 'none', // this leaves the source code as close as possible to the original (when packaging we set this to 'production')
+  mode: 'none', // this leaves the source code as close as possible to the original (when packaging we set this to 'production')
 
   entry: './src/extension.ts', // the entry point of this extension, 📖 -> https://webpack.js.org/configuration/entry-context/
   output: {
     // the bundle is stored in the 'dist' folder (check package.json), 📖 -> https://webpack.js.org/configuration/output/
     path: path.resolve(__dirname, 'dist'),
     filename: 'extension.js',
-    libraryTarget: 'commonjs2'
+    libraryTarget: 'commonjs2',
   },
   externals: {
-    vscode: 'commonjs vscode' // the vscode-module is created on-the-fly and must be excluded. Add other modules that cannot be webpack'ed, 📖 -> https://webpack.js.org/configuration/externals/
+    vscode: 'commonjs vscode', // the vscode-module is created on-the-fly and must be excluded. Add other modules that cannot be webpack'ed, 📖 -> https://webpack.js.org/configuration/externals/
     // modules added here also need to be added in the .vscodeignore file
   },
   resolve: {
     // support reading TypeScript and JavaScript files, 📖 -> https://github.com/TypeStrong/ts-loader
-    extensions: ['.ts', '.js']
+    extensions: ['.ts', '.js'],
   },
   module: {
     rules: [
@@ -34,15 +35,20 @@ const extensionConfig = {
         exclude: /node_modules/,
         use: [
           {
-            loader: 'ts-loader'
-          }
-        ]
-      }
-    ]
+            loader: 'ts-loader',
+          },
+        ],
+      },
+    ],
   },
   devtool: 'nosources-source-map',
   infrastructureLogging: {
-    level: "log", // enables logging required for problem matchers
+    level: 'log', // enables logging required for problem matchers
   },
-};
-module.exports = [ extensionConfig ];
+  plugins: [
+    new CopyPlugin({
+      patterns: [{ from: 'node_modules/float-pigment-css/float_pigment_css_bg.wasm', to: '.' }],
+    }),
+  ],
+}
+module.exports = [extensionConfig]