fix: build

Author: echarles

hatch_build.py

@@ -12,8 +12,7 @@
 from hatchling.builders.hooks.plugin.interface import BuildHookInterface
 
 
-JLPM = 'npm'
-# JLPM = 'jlpm'
+JLPM = 'jlpm'
 
 
 HERE = os.path.abspath(os.path.dirname(__file__))
@@ -27,22 +26,18 @@ def clean_dist():
         print(f"Cleaned dist folder: {dist_path}")
 
     # Also remove tsconfig.tsbuildinfo if it exists
-    tsbuildinfo_path = os.path.join(HERE, 'tsconfig.tsbuildinfo')
-    if os.path.exists(tsbuildinfo_path):
-        os.remove(tsbuildinfo_path)
-        print(f"Removed tsconfig.tsbuildinfo: {tsbuildinfo_path}")
+    # tsbuildinfo_path = os.path.join(HERE, 'tsconfig.tsbuildinfo')
+    # if os.path.exists(tsbuildinfo_path):
+    #     os.remove(tsbuildinfo_path)
+    #     print(f"Removed tsconfig.tsbuildinfo: {tsbuildinfo_path}")
 
 
 def build_javascript():
-    clean_dist()
-    if not (Path("jupyter_viewer/labextension/static/style.js")).exists():
-        check_call([JLPM, 'install'], cwd=HERE)
-        check_call(
-            [JLPM, 'install'],
-            cwd=HERE,
-        )
+    # clean_dist()
+#    if not (Path("jupyter_viewer/labextension/static/style.js")).exists():
+    check_call([JLPM, 'install'], cwd=HERE)
     check_call(
-        [JLPM, 'run', 'build:webpack:prod'],
+        [JLPM, 'build:webpack:prod'],
         cwd=HERE,
     )
     for file in glob.glob(r'./dist/*.*'):

package.json

@@ -108,8 +108,12 @@
     "@types/webpack-env": "^1.18.2",
     "@typescript-eslint/eslint-plugin": "^8.29.1",
     "@typescript-eslint/parser": "^8.29.1",
+    "assert": "^2.0.0",
     "babel-loader": "^9.1.2",
+    "browserify-zlib": "^0.2.0",
+    "buffer": "^6.0.3",
     "cross-env": "^7.0.3",
+    "crypto-browserify": "^3.12.1",
     "css-loader": "^6.9.1",
     "eslint": "^9.0.0",
     "eslint-config-prettier": "^10.1.2",
@@ -120,8 +124,12 @@
     "jest-playwright-preset": "^3.0.1",
     "mkdirp": "^1.0.3",
     "npm-run-all": "^4.1.5",
+    "os-browserify": "^0.3.0",
+    "path-browserify": "^1.0.1",
     "playwright": "^1.31.1",
     "prettier": "^3.3.2",
+    "process": "^0.11.10",
+    "querystring-es3": "^0.2.1",
     "raw-loader": "^4.0.2",
     "rimraf": "^6.0.1",
     "stream": "^0.0.2",
@@ -134,7 +142,9 @@
     "svg-url-loader": "^7.1.1",
     "ts-jest": "^29.0.5",
     "typescript": "^5.8.3",
+    "url": "^0.11.4",
     "url-loader": "^4.0.0",
+    "util": "^0.12.5",
     "webpack": "^5.74.0",
     "webpack-bundle-analyzer": "^4.5.0",
     "webpack-cli": "^4.10.0",

webpack.lab-config.js

@@ -1,17 +1,47 @@
 /*
- * Copyright (c) 2021-2025 Datalayer, Inc.
- * Distributed under the terms of the Modified BSD License.
- */
-
-/*
- * Copyright (c) 2021-2023 Datalayer, Inc.
+ * Copyright (c) 2021-2024 Datalayer, Inc.
  *
- * MIT License
+ * Datalayer License
  */
 
 module.exports = {
+  externals: {
+    'keytar': 'commonjs keytar',
+  },
+  resolve: {
+    fallback: {
+      "fs": false,
+      "path": require.resolve("path-browserify"),
+      "stream": require.resolve("stream-browserify"),
+      "crypto": require.resolve("crypto-browserify"),
+      "buffer": require.resolve("buffer"),
+      "util": require.resolve("util"),
+      "assert": require.resolve("assert"),
+      "url": require.resolve("url"),
+      "querystring": require.resolve("querystring-es3"),
+      "os": require.resolve("os-browserify/browser"),
+      "zlib": require.resolve("browserify-zlib"),
+      "process": require.resolve("process/browser"),
+    },
+  },
+  experiments: {
+    asyncWebAssembly: true,
+    syncWebAssembly: true,
+  },
   module: {
     rules: [
+      {
+        test: /\.jsx$/,
+        loader: 'babel-loader',
+        options: {
+          presets: ['@babel/preset-react'],
+          cacheDirectory: true
+        }
+      },
+      {
+        test: /\.s[ac]ss$/i,
+        use: [ "style-loader", "css-loader", "sass-loader" ],
+      },
       // Rule to deal with the service-worker.ts file
       // It will include the transpiled file as a text file named `[name][ext]`
       // That file is available from the static folder of this extension. That
@@ -41,4 +71,4 @@ module.exports = {
       },
     ],
   },
-};
+};