fix: crash when running on node.js (#467)

* fix: crash when running on node.js

* fix

Author: ota-meshi

packages/cheetah-grid/package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "cheetah-grid",
-  "version": "2.1.0",
+  "version": "2.1.1",
   "description": "Cheetah Grid is a high performance grid engine that works on canvas",
   "keywords": [
     "spreadsheet",
@@ -53,7 +53,7 @@
     "test:watch": "karma start --min",
     "test:ff": "karma start --browsers Firefox",
     "test:chrome": "karma start --browsers Chrome",
-    "build": "npm run build:tsdown",
+    "build": "npm run build:tsdown && npm run test:node",
     "build:tsdown": "tsdown",
     "eslint": "eslint . --ext .js,.ts",
     "eslint:fix": "eslint . --fix --ext .js,.ts",
@@ -76,7 +76,7 @@
     "@typescript-eslint/eslint-plugin": "^4.0.0",
     "@typescript-eslint/parser": "^4.0.0",
     "babel-loader": "^8.1.0",
-    "cheetah-grid-icon-svg-loader": "^2.0.0",
+    "cheetah-grid-icon-svg-loader": "^2.1.0",
     "cross-env": "^7.0.2",
     "css-loader": "^4.2.1",
     "cssnano": "^4.1.10",

packages/cheetah-grid/package.json

@@ -891,18 +891,21 @@ const gridMap = new WeakMap<
   // eslint-disable-next-line @typescript-eslint/no-explicit-any -- Accept any type
   ListGrid<any>
 >();
-const resizeObserver = new ResizeObserver((entries) => {
-  for (const entry of entries) {
-    if (entry.contentBoxSize) {
-      const grid = gridMap.get(entry.target);
-      if (grid) {
-        grid.updateSize();
-        grid.updateScroll();
-        grid.invalidate();
-      }
-    }
-  }
-});
+const resizeObserver =
+  typeof ResizeObserver === "undefined"
+    ? { observe: () => {}, unobserve: () => {} }
+    : new ResizeObserver((entries) => {
+        for (const entry of entries) {
+          if (entry.contentBoxSize) {
+            const grid = gridMap.get(entry.target);
+            if (grid) {
+              grid.updateSize();
+              grid.updateScroll();
+              grid.invalidate();
+            }
+          }
+        }
+      });
 /**
  * ListGrid
  * @classdesc cheetahGrid.ListGrid

packages/cheetah-grid/src/js/ListGrid.ts

@@ -50,7 +50,7 @@
     "style-loader": "^2.0.0",
     "url-loader": "^1.1.1",
     "vue": "^3.0.1",
-    "vue-cheetah-grid": "^2.0.0",
+    "vue-cheetah-grid": "^2.1.0",
     "vue-loader": "^16.0.0-beta.8",
     "vue-router": "^4.0.0-beta.13",
     "webpack": "^4.19.1",

packages/demo/package-lock.json

@@ -8,6 +8,7 @@
     "build:ci": "npm run build",
     "postbuild": "tsc src/* --declaration --emitDeclarationOnly --jsx react-jsx --esModuleInterop --target es2020 --outDir dist --moduleResolution node",
     "serve": "vite preview",
+    "pretest": "npx -y link ../cheetah-grid",
     "test": "jest"
   },
   "repository": {

packages/demo/package.json

@@ -1,2 +1,5 @@
+const { execSync } = require('child_process')
+execSync('npx -y link ../../packages/cheetah-grid', { stdio: 'inherit' })
+
 require('./vetur')
 require('./vue3-types')