@gridsheet/preact-core 2.0.0-rc.0

package/dist/types.d.ts

@@ -0,0 +1,310 @@
+import { RendererType } from './renderers/core';
+import { ParserType } from './parsers/core';
+import { UserTable, Table } from './lib/table';
+import { FunctionMapping } from './formula/functions/__base';
+import { FC, RefObject, CSSProperties, KeyboardEvent } from 'react';
+import { Hub, HubReactiveType } from './lib/hub';
+import { PolicyType } from './policy/core';
+import { Dispatcher } from './store';
+export type Y = number;
+export type X = number;
+export type Height = number;
+export type Width = number;
+export type ShapeType = {
+    height: Height;
+    width: Width;
+};
+export type RectType = {
+    y: Y;
+    x: X;
+    height: Height;
+    width: Width;
+};
+export type MatrixType<T = any> = T[][];
+export type Labeler = (n: number) => string;
+export type Renderers = {
+    [s: string]: RendererType;
+};
+export type Parsers = {
+    [s: string]: ParserType;
+};
+export type Labelers = {
+    [s: string]: Labeler;
+};
+export type Policies = {
+    [s: string]: PolicyType;
+};
+export type TableRef = {
+    table: UserTable;
+    dispatch: (table: UserTable) => void;
+};
+export type CursorStateType = {
+    pointing: PointType;
+    selectingFrom: PointType;
+    selectingTo: PointType;
+};
+export type FeedbackType = (table: UserTable, points?: CursorStateType) => void;
+export type ModeType = 'light' | 'dark';
+export type HeadersType = 'both' | 'vertical' | 'horizontal' | 'none';
+export type CellType<T = any, Custom = any> = {
+    value?: T;
+    style?: CSSProperties;
+    justifyContent?: CSSProperties['justifyContent'];
+    alignItems?: CSSProperties['alignItems'];
+    labeler?: string;
+    width?: Width;
+    height?: Height;
+    renderer?: string;
+    parser?: string;
+    policy?: string;
+    custom?: Custom;
+    disableFormula?: boolean;
+    prevention?: OperationType;
+    system?: {
+        id: string;
+        sheetId: number;
+        changedAt: Date;
+        dependents: Set<string>;
+    };
+};
+export type RawCellType = {
+    value?: string;
+    style?: CSSProperties;
+    skip?: boolean;
+};
+export type CellPatchType = CellType;
+export type CellFilter = (cell: CellType) => boolean;
+export type CellsByAddressType = {
+    [address: string]: CellType;
+};
+export type CellsByIdType = {
+    [id: Id]: CellType | undefined;
+};
+export type OptionsType = {
+    sheetHeight?: number;
+    sheetWidth?: number;
+    sheetResize?: CSSProperties['resize'];
+    historyLimit?: number;
+    headerHeight?: number;
+    headerWidth?: number;
+    editingOnEnter?: boolean;
+    showAddress?: boolean;
+    showFormulaBar?: boolean;
+    minNumRows?: number;
+    maxNumRows?: number;
+    minNumCols?: number;
+    maxNumCols?: number;
+    mode?: ModeType;
+    renderers?: Renderers;
+    parsers?: Parsers;
+    labelers?: Labelers;
+    policies?: Policies;
+    onSave?: FeedbackType;
+    onChange?: FeedbackType;
+    onSelect?: FeedbackType;
+    onKeyUp?: (e: EditorEvent, points: CursorStateType) => void;
+    onInit?: (table: UserTable) => void;
+    additionalFunctions?: FunctionMapping;
+    contextMenuItems?: FC<ContextMenuProps>[];
+};
+export type RangeType = {
+    start: number;
+    end: number;
+};
+export type PointType = {
+    y: Y;
+    x: X;
+};
+export type ExtraPointType = {
+    y: Y;
+    x: X;
+    absY?: boolean;
+    absX?: boolean;
+    table?: Table;
+};
+export type PositionType = {
+    y: Y;
+    x: X;
+};
+export type ZoneType = {
+    startY: Y;
+    startX: X;
+    endY: Y;
+    endX: X;
+};
+export type AreaType = {
+    top: Y;
+    left: X;
+    bottom: Y;
+    right: X;
+};
+export type WriterType = (value: string) => void;
+export type StoreType = {
+    sheetId: number;
+    table: Table;
+    rootRef: RefObject<HTMLDivElement>;
+    mainRef: RefObject<HTMLDivElement>;
+    editorRef: RefObject<HTMLTextAreaElement>;
+    largeEditorRef: RefObject<HTMLTextAreaElement>;
+    tabularRef: RefObject<HTMLDivElement>;
+    searchInputRef: RefObject<HTMLTextAreaElement>;
+    entering: boolean;
+    choosing: PointType;
+    inputting: string;
+    selectingZone: ZoneType;
+    autofillDraggingTo: PointType | null;
+    leftHeaderSelecting: boolean;
+    topHeaderSelecting: boolean;
+    editingAddress: string;
+    editorRect: RectType;
+    dragging: boolean;
+    sheetHeight: number;
+    sheetWidth: number;
+    headerHeight: number;
+    headerWidth: number;
+    minNumRows: number;
+    maxNumRows: number;
+    minNumCols: number;
+    maxNumCols: number;
+    mode: ModeType;
+    searchQuery?: string;
+    searchCaseSensitive: boolean;
+    matchingCells: string[];
+    matchingCellIndex: number;
+    editingOnEnter: boolean;
+    showAddress: boolean;
+    contextMenuPosition: PositionType;
+    contextMenuItems: FC<ContextMenuProps>[];
+    resizingPositionY: [Y, Y, Y];
+    resizingPositionX: [X, X, X];
+    onSave?: FeedbackType;
+};
+export type Props = {
+    initialCells: CellsByAddressType;
+    sheetName?: string;
+    hubReactive?: HubReactiveType;
+    tableRef?: RefObject<TableRef | null>;
+    options?: OptionsType;
+    className?: string;
+    style?: CSSProperties;
+};
+export type Id = string;
+export type Ids = Id[];
+export type IdMatrix = Ids[];
+export type Address = string;
+export type MatricesByAddress<T> = {
+    [origin: Address]: MatrixType<T>;
+};
+export type HubPatchType = Partial<Hub>;
+export type StorePatchType = {
+    sheetId: number;
+    choosing?: PointType;
+    selectingZone?: ZoneType | undefined;
+    hub?: HubPatchType;
+};
+export type HistoryUpdateType = {
+    operation: 'UPDATE';
+    srcSheetId: number;
+    dstSheetId: number;
+    applyed: boolean;
+    undoReflection?: StorePatchType;
+    redoReflection?: StorePatchType;
+    diffBefore: CellsByIdType;
+    diffAfter: CellsByIdType;
+    partial: boolean;
+};
+export type HistoryMoveType = {
+    operation: 'MOVE';
+    srcSheetId: number;
+    dstSheetId: number;
+    applyed: boolean;
+    undoReflection?: StorePatchType;
+    redoReflection?: StorePatchType;
+    diffBefore: CellsByIdType;
+    src: AreaType;
+    dst: AreaType;
+    matrixFrom: IdMatrix;
+    matrixTo: IdMatrix;
+    matrixNew: IdMatrix;
+    lostRows: MatricesByAddress<Id>;
+};
+export type HistoryInsertRowsType = {
+    operation: 'INSERT_ROWS';
+    srcSheetId: number;
+    dstSheetId: number;
+    applyed: boolean;
+    undoReflection?: StorePatchType;
+    redoReflection?: StorePatchType;
+    y: number;
+    numRows: number;
+    idMatrix: IdMatrix;
+    diffBefore?: CellsByIdType;
+    diffAfter?: CellsByIdType;
+    partial?: true;
+};
+export type HistoryRemoveRowsType = {
+    operation: 'REMOVE_ROWS';
+    srcSheetId: number;
+    dstSheetId: number;
+    applyed: boolean;
+    undoReflection?: StorePatchType;
+    redoReflection?: StorePatchType;
+    ys: number[];
+    deleted: IdMatrix;
+};
+export type HistoryInsertColsType = {
+    operation: 'INSERT_COLS';
+    srcSheetId: number;
+    dstSheetId: number;
+    applyed: boolean;
+    undoReflection?: StorePatchType;
+    redoReflection?: StorePatchType;
+    x: number;
+    numCols: number;
+    idMatrix: IdMatrix;
+    diffBefore?: CellsByIdType;
+    diffAfter?: CellsByIdType;
+    partial?: true;
+};
+export type HistoryRemoveColsType = {
+    operation: 'REMOVE_COLS';
+    srcSheetId: number;
+    dstSheetId: number;
+    applyed: boolean;
+    undoReflection?: StorePatchType;
+    redoReflection?: StorePatchType;
+    xs: number[];
+    deleted: IdMatrix;
+};
+export type HistoryType = HistoryUpdateType | HistoryMoveType | HistoryInsertRowsType | HistoryRemoveRowsType | HistoryInsertColsType | HistoryRemoveColsType;
+export type Virtualization = {
+    xs: number[];
+    ys: number[];
+    adjuster: AreaType;
+};
+export type OperatorType = 'USER' | 'SYSTEM';
+export type OperationType = number;
+export type StoreDispatchType = {
+    store: StoreType;
+    dispatch: Dispatcher;
+};
+export type ContextsBySheetId = {
+    [sheetId: string]: StoreDispatchType;
+};
+export type SheetIdsByName = {
+    [sheetName: string]: number;
+};
+export type RefPaletteType = {
+    [address: string]: number;
+};
+export type EditorEvent = KeyboardEvent<HTMLTextAreaElement>;
+export type EditorEventWithNativeEvent = EditorEvent & {
+    nativeEvent: KeyboardEvent & {
+        isComposing: boolean;
+    };
+};
+export type ContextMenuProps = {
+    store: StoreType;
+    dispatch: Dispatcher;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/utils.d.ts

@@ -0,0 +1,2 @@
+export declare const setDefault: <K = PropertyKey, D = any>(target: any, key: K, defaultValue: D) => D;
+//# sourceMappingURL=utils.d.ts.map

package/exports.ts

@@ -0,0 +1,35 @@
+export {
+  useState,
+  useReducer,
+  useEffect,
+  useLayoutEffect,
+  useRef,
+  useImperativeHandle,
+  useMemo,
+  useCallback,
+  useContext,
+  useDebugValue,
+  createElement,
+  createContext,
+  createRef,
+  Fragment,
+  Component,
+  version,
+  Children,
+  render as compatRender,
+  hydrate,
+  unmountComponentAtNode,
+  createPortal,
+  createFactory,
+  cloneElement,
+  isValidElement,
+  findDOMNode,
+  PureComponent,
+  memo,
+  forwardRef,
+  unstable_batchedUpdates,
+  StrictMode,
+  Suspense,
+  SuspenseList,
+  lazy,
+} from 'preact/compat';

package/index.ts

@@ -0,0 +1,3 @@
+export { h, render } from 'preact';
+export * from '../react-core/src/index';
+export * from './exports';

package/package.json

@@ -0,0 +1,28 @@
+{
+  "name": "@gridsheet/preact-core",
+  "version": "2.0.0-rc.0",
+  "description": "Spreadsheet component for Preact",
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "scripts": {
+    "copy-types": "rsync -avm --include='*/' --include='*.d.ts' --exclude='*' ../react-core/dist/ ./dist/",
+    "append-preact": "echo '\nexport { h, render } from \"preact\";' >> dist/index.d.ts && cat exports.ts >> dist/index.d.ts",
+    "build": "rm -rf ./dist || true && vite build && pnpm copy-types && pnpm append-preact"
+  },
+  "peerDependencies": {
+    "dayjs": "^1.11.13",
+    "preact": "^10.26.6"
+  },
+  "devDependencies": {
+    "@types/react": "^19.1.4",
+    "@types/react-dom": "^19.1.5",
+    "@vitejs/plugin-react": "^4.3.4",
+    "typescript": "^5.8.2",
+    "vite": "^6.2.2",
+    "vite-plugin-dts": "^4.5.3",
+    "@preact/preset-vite": "^2.10.1"
+  },
+  "author": "righ",
+  "license": "Apache-2.0"
+}

package/tsconfig.json

@@ -0,0 +1,25 @@
+{
+  "compilerOptions": {
+    "types": ["vite/client", "react"],
+    "target": "ES2015",
+    "module": "ES2015",
+    "moduleResolution": "node",
+    "lib": ["DOM", "ESNext", "DOM.Iterable", "ScriptHost", "ES2016.Array.Include"],
+    "declaration": true,
+    "declarationMap": true,
+    "allowJs": true,
+    "jsx": "react-jsx",
+    "jsxImportSource": "react",
+    "sourceMap": true,
+    "outDir": "./dist/",
+    "strict": true,
+    "noImplicitAny": true,
+    "strictNullChecks": true,
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "baseUrl": "./src/",
+    "forceConsistentCasingInFileNames": true
+  },
+  "exclude": ["node_modules", "storybook", "dist", "e2e", "plugins"],
+  "include": ["**/*.ts", "**/*.tsx"]
+}

package/vite.config.js

@@ -0,0 +1,37 @@
+// packages/preact-core/vite.config.ts
+import { defineConfig } from 'vite';
+import path from 'path';
+import { fileURLToPath } from 'url';
+import { dirname } from 'path';
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = dirname(__filename);
+
+export default defineConfig({
+  build: {
+    lib: {
+      entry: path.resolve(__dirname, './index.ts'),
+      name: 'GridsheetPreactCore',
+      formats: ['es'],
+      fileName: (_, name) => `${name}.js`,
+    },
+    outDir: 'dist',
+    emptyOutDir: true,
+    preserveModules: true,
+    preserveModulesRoot: 'src',
+    rollupOptions: {
+      external: [/^preact/],
+      input: path.resolve(__dirname, './index.ts'),
+    }
+  },
+  optimizeDeps: {
+    include: ['preact/jsx-runtime'],
+  },
+  resolve: {
+    alias: {
+      react: 'preact/compat',
+      'react-dom': 'preact/compat',
+      'react/jsx-runtime': 'preact/jsx-runtime',
+    },
+  },
+});