feat: default excel id

Author: nusr

README.md

@@ -15,7 +15,7 @@
 git clone https://github.com/nusr/excel.git
 cd excel
 
-npm i -g pnpm jscpd
+npm i -g pnpm
 pnpm i
 npm run start
 ```
@@ -29,7 +29,6 @@ npm run test
 ## E2E Test
 
 ```bash
-pnpm exec playwright install --with-deps
 npm run e2e
 ```
 

package.json

@@ -29,22 +29,22 @@
     "@testing-library/jest-dom": "6.6.3",
     "@testing-library/react": "16.0.1",
     "@types/jest": "29.5.14",
-    "@types/node": "22.9.1",
+    "@types/node": "22.10.1",
     "@types/pixelmatch": "5.2.6",
     "@types/pngjs": "6.0.5",
     "@types/react": "18.3.12",
     "@types/react-dom": "18.3.1",
-    "@vitejs/plugin-react": "4.3.3",
+    "@vitejs/plugin-react": "4.3.4",
     "canvas": "2.11.2",
     "husky": "9.1.7",
     "jest": "29.7.0",
     "jest-environment-jsdom": "29.7.0",
-    "nx": "20.1.3",
+    "nx": "20.1.4",
     "pixelmatch": "6.0.0",
     "pngjs": "7.0.0",
     "ts-jest": "29.2.5",
-    "typescript": "5.6.3",
-    "vite": "5.4.11",
+    "typescript": "5.7.2",
+    "vite": "6.0.1",
     "vite-plugin-dts": "4.3.0"
   },
   "engines": {

packages/demo/src/index.tsx

@@ -7,18 +7,17 @@ import {
   initCollaboration,
   initDoc,
   wrap,
+  getDocId,
 } from '@excel/react';
 import '@excel/react/style';
-import { copyOrCut, paste, getDocId, type WorkerMethod } from '@excel/shared';
+import { copyOrCut, paste, type WorkerMethod } from '@excel/shared';
 import './sentry';
 import Worker from './worker?worker';
 
-console.log(import.meta.env);
-
 const workerInstance = wrap<WorkerMethod>(new Worker());
 
 async function initView() {
-  const docId = getDocId();
+  const docId = getDocId(import.meta.env.VITE_DEFAULT_EXCEL_ID);
   location.hash = `#${docId}`;
   const doc = initDoc({ guid: docId });
   const { isServer, provider } = await initCollaboration(doc);

packages/react/src/containers/MenuBar/index.tsx

@@ -6,9 +6,18 @@ import { Theme } from './Theme';
 import { $ } from '../../i18n';
 import { I18N } from './I18N';
 import { FPS } from './FPS';
-import { saveAs, isInIframe, getDocId } from '@excel/shared';
+import { saveAs, isInIframe, DEFAULT_EXCEL_ID } from '@excel/shared';
 import { useExcel } from '../store';
 
+export function getDocId(defaultExcelId: string = '') {
+  const docId =
+    (window?.top?.location?.hash || '').slice(1) ||
+    window.location.hash.slice(1) ||
+    defaultExcelId ||
+    DEFAULT_EXCEL_ID;
+  return docId;
+}
+
 export const MenuBarContainer = memo(() => {
   const { controller } = useExcel();
   const handleExportXLSX = useCallback(() => {

packages/react/src/containers/index.tsx

@@ -20,3 +20,4 @@ export const App = memo(() => {
 App.displayName = 'App';
 
 export { StateContext, useExcel } from './store';
+export { getDocId } from './MenuBar'

packages/react/src/index.ts

@@ -1,7 +1,7 @@
 import { App } from './containers';
 import { initController } from './controller';
 import './global.css';
-import { StateContext, useExcel } from './containers';
+import { StateContext, useExcel, getDocId } from './containers';
 import { initCollaboration } from './collaboration';
 import * as Y from 'yjs';
 import workerMethod from './canvas/worker';
@@ -14,6 +14,7 @@ export function initDoc(...params: ConstructorParameters<typeof Y.Doc>) {
 }
 
 export {
+  getDocId,
   initCollaboration,
   StateContext,
   useExcel,

packages/shared/src/util/util.ts

@@ -3,7 +3,6 @@ import {
   SPLITTER,
   FORMULA_PREFIX,
   MERGE_CELL_LINE_BREAK,
-  DEFAULT_EXCEL_ID as DEFAULT_DOC_ID,
 } from './constant';
 import type {
   WorksheetType,
@@ -236,11 +235,3 @@ export function isMergeContent(isMergeCell: boolean, text: string) {
 export function isInIframe() {
   return window?.top !== window;
 }
-
-export function getDocId() {
-  const docId =
-    (window?.top?.location?.hash || '').slice(1) ||
-    window.location.hash.slice(1) ||
-    DEFAULT_DOC_ID;
-  return docId;
-}