fix: ssr render err for map (#41)

* fix: ssr render err for map

* chore: changeset

* chore: version (beta) (#40)

* build: add mako

* chore: changets

* chore: types for webpack-bundle-analyzer

* ci: typo

---------

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

Author: lvisei

.changeset/odd-ways-draw.md

@@ -0,0 +1,5 @@
+---
+'@antv/gpt-vis': minor
+---
+
+fix: ssr render err for map

.changeset/pre.json

@@ -0,0 +1,8 @@
+{
+  "mode": "exit",
+  "tag": "beta",
+  "initialVersions": {
+    "@antv/gpt-vis": "0.2.2"
+  },
+  "changesets": ["odd-ways-draw"]
+}

.dumirc.ts

@@ -1,4 +1,5 @@
 import { defineConfig } from 'dumi';
+import os from 'node:os';
 
 export default defineConfig({
   outputPath: 'docs-dist',
@@ -13,6 +14,15 @@ Powered by <a herf="https://antv.antgroup.com">AntV</a>`,
       github: 'https://github.com/antvis/GPT-Vis',
     },
   },
+  // ssr:
+  //   process.env.NODE_ENV === 'production'
+  //     ? {
+  //         builder: 'mako',
+  //       }
+  //     : false,
+  hash: true,
+  mfsu: false,
+  mako: ['Darwin', 'Linux'].includes(os.type()) ? {} : false,
   externals: {
     'mapbox-gl': 'window.mapboxgl',
     'maplibre-gl': 'window.maplibregl',

.fatherrc.ts

@@ -17,7 +17,7 @@ export default defineConfig({
     },
     platform: 'browser',
     targets: {
-      chrome: 51,
+      chrome: 80,
     },
     externals: {
       lodash: '_',

.github/workflows/preview.yml

@@ -22,4 +22,4 @@ jobs:
           surge_token: ${{ secrets.SURGE_TOKEN }}
           github_token: ${{ secrets.GITHUB_TOKEN }}
           dist: docs-dist
-          build: pn docs:build
+          build: pnpm docs:build

.gitignore

@@ -78,4 +78,5 @@ jspm_packages/
 # Build
 dist
 docs-dist
+server
 .dumi

CHANGELOG.md

@@ -1,5 +1,11 @@
 # @antv/gpt-vis
 
+## 0.3.0-beta.0
+
+### Minor Changes
+
+- [`62d0c56`](https://github.com/antvis/GPT-Vis/commit/62d0c5644ed7a310de17f0accd71f4ca5d603a83) Thanks [@lvisei](https://github.com/lvisei)! - fix: ssr render err for map
+
 ## 0.2.2
 
 ### Patch Changes

mako.config.json

@@ -0,0 +1,9 @@
+{
+  "optimization": {
+    "skipModules": false,
+    "concatenateModules": false
+  },
+  "codeSplitting": {
+    "strategy": "auto"
+  }
+}

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antv/gpt-vis",
-  "version": "0.2.2",
+  "version": "0.3.0-beta.0",
   "description": "Components for GPTs, generative AI, and LLM projects. Not only UI Components.",
   "keywords": [
     "antv",
@@ -23,6 +23,10 @@
   "typings": "dist/esm/index.d.ts",
   "jsdelivr": "dist/umd/index.min.js",
   "unpkg": "dist/umd/index.min.js",
+  "browser": {
+    "./src/export-map.ts": "./src/export-map.browser.ts",
+    "./dist/esm/export-map.js": "./dist/esm/export-map.browser.js"
+  },
   "files": [
     "dist",
     "README.md",
@@ -70,6 +74,7 @@
     "@types/jest": "^29.5.14",
     "@types/lodash": "^4.17.13",
     "@types/react": "^18.0.0",
+    "@types/webpack-bundle-analyzer": "^4.7.0",
     "antd": "^5.0.0",
     "dumi": "^2.4.13",
     "eslint": "^9.14.0",

src/export-map.browser.ts

@@ -0,0 +1,5 @@
+// organize-imports-ignore
+export { default as Map, type MapProps } from './Map';
+export { default as PinMap, type PinMapProps } from './PinMap';
+export { default as HeatMap, type HeatMapProps } from './HeatMap';
+export { default as PathMap, type PathMapProps } from './PathMap';

src/export-map.ts

@@ -0,0 +1,18 @@
+// Map Components mock for use in environments without `document` / `window`, like ssr pre render
+import type { FC } from 'react';
+
+function MockMap() {
+  return null;
+}
+
+import { type HeatMapProps } from './HeatMap';
+import { type MapProps } from './Map';
+import { type PathMapProps } from './PathMap';
+import { type PinMapProps } from './PinMap';
+
+export const Map: FC<MapProps> = MockMap;
+export const HeatMap: FC<HeatMapProps> = MockMap;
+export const PathMap: FC<PathMapProps> = MockMap;
+export const PinMap: FC<PinMapProps> = MockMap;
+
+export type { HeatMapProps, MapProps, PathMapProps, PinMapProps };

src/export.ts

@@ -1,11 +1,11 @@
+// organize-imports-ignore
 import { ChartType } from './types';
 
 /********** plot chart **********/
 import { default as Area, type AreaProps } from './Area';
 import { default as Bar, type BarProps } from './Bar';
 import { default as Column, type ColumnProps } from './Column';
 import { default as DualAxes, type DualAxesProps } from './DualAxes';
-import { default as HeatMap, type HeatMapProps } from './HeatMap';
 import { default as Histogram, type HistogramProps } from './Histogram';
 import { default as Line, type LineProps } from './Line';
 import { default as Pie, type PieProps } from './Pie';
@@ -20,12 +20,18 @@ import { default as FlowDiagram, type FlowDiagramProps } from './FlowDiagram';
 import { default as MindMap, type MindMapProps } from './MindMap';
 import { default as NetworkGraph, type NetworkGraphProps } from './NetworkGraph';
 export { default as IndentedTree, type IndentedTreeProps } from './IndentedTree';
-export { default as Map, type MapProps } from './Map';
 export { default as OrganizationChart, type OrganizationChartProps } from './OrganizationChart';
 
 /********** map chart **********/
-import { default as PathMap, type PathMapProps } from './PathMap';
-import { default as PinMap, type PinMapProps } from './PinMap';
+export { Map, type MapProps } from './export-map';
+import {
+  PinMap,
+  type PinMapProps,
+  HeatMap,
+  type HeatMapProps,
+  PathMap,
+  type PathMapProps,
+} from './export-map';
 
 /********** NTV **********/
 export { VisText, type VisTextProps } from './Text';
@@ -77,10 +83,8 @@ export const DEFAULT_CHART_COMPONENTS: Record<string, React.FC<any>> = {
   [ChartType.Area]: Area,
   [ChartType.Scatter]: Scatter,
   [ChartType.PinMap]: PinMap,
-  [ChartType.PathMap]: PathMap,
   [ChartType.HeatMap]: HeatMap,
   [ChartType.MindMap]: MindMap,
   [ChartType.FlowDiagram]: FlowDiagram,
   [ChartType.NetworkGraph]: NetworkGraph,
-  [ChartType.FishboneDiagram]: FishboneDiagram,
 };

src/version.ts

@@ -1 +1 @@
-export default '0.2.2';
+export default '0.3.0-beta.0';

tsconfig.eslint.json

@@ -2,13 +2,5 @@
   "extends": "./tsconfig.json",
   "compilerOptions": {
     "noEmit": true
-  },
-  // paths intend to lint
-  "include": [
-    "./*.?*.ts",
-    "src",
-    // test workspace lint
-    "__tests__"
-  ],
-  "exclude": ["node_modules", "dist"]
+  }
 }

tsconfig.json

@@ -14,5 +14,6 @@
       "@antv/gpt-vis": ["./src/index.ts"]
     }
   },
+  "include": ["./*.?*.ts", "src", "__tests__"],
   "exclude": ["node_modules", "dist"]
 }