@fileverse-dev/ddoc 6.0.0-drop-in.3 → 6.0.0

package/package.json

@@ -2,7 +2,7 @@
   "name": "@fileverse-dev/ddoc",
   "private": false,
   "description": "DDoc",
-  "version": "6.0.0-drop-in.3",
+  "version": "6.0.0",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/fileverse/fileverse-ddocs.git"
@@ -18,6 +18,10 @@
       "import": "./dist/headless-editor-utils.es.js",
       "types": "./dist/headless-editor-utils.d.ts"
     },
+    "./persistence": {
+      "import": "./dist/persistence.es.js",
+      "types": "./dist/persistence.d.ts"
+    },
     "./styles": "./dist/style.css",
     "./types": "./dist/package/types.d.ts",
     "./tailwind": "./tailwind.preset.cjs"
@@ -131,7 +135,7 @@
     "vaul": "^0.9.1",
     "vite-plugin-dts": "^3.6.3",
     "ws": "^8.18.0",
-    "y-indexeddb": "^9.0.12",
+    "y-indexeddb": "9.0.12",
     "y-prosemirror": "^1.2.5",
     "y-protocols": "^1.0.6",
     "zustand": "^5.0.12"
@@ -163,7 +167,6 @@
     "file-entry-cache": "6.0.1"
   },
   "devDependencies": {
-    "fake-indexeddb": "^6.2.5",
     "@testing-library/jest-dom": "^6.4.0",
     "@testing-library/react": "^16.0.0",
     "@types/dompurify": "^3.0.5",
@@ -183,6 +186,7 @@
     "eslint-plugin-prettier": "^5.2.1",
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-react-refresh": "^0.4.4",
+    "fake-indexeddb": "^6.2.5",
     "husky": "^9.1.7",
     "jsdom": "^25.0.0",
     "lint-staged": "^15.2.10",

package/tailwind.preset.cjs

@@ -1,16 +1,8 @@
 // This file is the `@fileverse-dev/ddoc/tailwind` preset. It composes the ui preset
 // (dark mode, theme, design-system classes) and adds the `mobile` screen.
-// It also adds the ddoc-* variants (docs/DROP_IN_EDITOR.md §2.9).
 // Consumers: `presets: [require('@fileverse-dev/ddoc/tailwind')]` and add
 // node_modules/@fileverse-dev/ddoc/dist/**/*.{js,mjs} plus
 // node_modules/@fileverse/ui/dist/**/*.{js,mjs} to `content` (the dist is chunked).
-const plugin = require('tailwindcss/plugin');
-
-// Same widths as the screens, evaluated against the editor root when the
-// element is inside one and against the window otherwise. :where() keeps the
-// window form at the specificity of a screen variant.
-const DDOC_BREAKPOINTS = { sm: 640, md: 768, mobile: 960, lg: 1024, xl: 1280 };
-
 module.exports = {
   presets: [require('@fileverse/ui/tailwind')],
   theme: {
@@ -20,38 +12,4 @@ module.exports = {
       },
     },
   },
-  plugins: [
-    plugin(({ addVariant, matchVariant }) => {
-      const breakpoints = Object.entries(DDOC_BREAKPOINTS);
-      // Registration order is CSS order. Like Tailwind's screens: max variants
-      // first, widest first, so the narrower one wins; then min, ascending.
-      for (const [name, px] of [...breakpoints].reverse()) {
-        addVariant(`ddoc-max-${name}`, [
-          `@container ddoc-editor (max-width: ${px - 0.02}px)`,
-          `@media (max-width: ${px - 0.02}px) { &:where(:not(.ddoc-editor-cq *)) }`,
-        ]);
-      }
-      for (const [name, px] of breakpoints) {
-        addVariant(`ddoc-${name}`, [
-          `@container ddoc-editor (min-width: ${px}px)`,
-          `@media (min-width: ${px}px) { &:where(:not(.ddoc-editor-cq *)) }`,
-        ]);
-      }
-      // One-off widths: ddoc-min-[1410px]: and ddoc-max-[1280px]: (inclusive).
-      for (const bound of ['min', 'max']) {
-        matchVariant(
-          `ddoc-${bound}`,
-          (value) => [
-            `@container ddoc-editor (${bound}-width: ${value})`,
-            `@media (${bound}-width: ${value}) { &:where(:not(.ddoc-editor-cq *)) }`,
-          ],
-          {
-            sort: (a, z) =>
-              (parseFloat(a.value) - parseFloat(z.value)) *
-              (bound === 'min' ? 1 : -1),
-          },
-        );
-      }
-    }),
-  ],
 };

package/dist/package/components/editor-navbar.d.ts

@@ -1,12 +0,0 @@
-import { Editor } from '@tiptap/react';
-import { DdocProps } from '../types';
-
-type EditorNavbarProps = {
-    editor: Editor | null;
-    renderNavbar?: DdocProps['renderNavbar'];
-    /** undefined: in flow. null: host element not attached yet, render nothing. */
-    container?: HTMLElement | null;
-    isHidden: boolean;
-};
-export declare const EditorNavbar: ({ editor, renderNavbar, container, isHidden, }: EditorNavbarProps) => import("react/jsx-runtime").JSX.Element | null;
-export {};

package/dist/package/hooks/use-canvas-metrics.d.ts

@@ -1,16 +0,0 @@
-import { RefObject } from 'react';
-import { EditorWidthStore } from '../utils/editor-width-store';
-
-export declare const computeWidthDecisions: (width: number, scaledWidth: number, leftWidth: number) => {
-    shouldHideRight: boolean;
-    shouldScroll: boolean;
-};
-type WidthDecisions = ReturnType<typeof computeWidthDecisions>;
-export declare const useCanvasMetrics: ({ canvasRef, rootRef, scaledWidth, leftWidth, widthStore, }: {
-    canvasRef: RefObject<HTMLElement | null>;
-    rootRef: RefObject<HTMLElement | null>;
-    scaledWidth: number;
-    leftWidth: number;
-    widthStore?: EditorWidthStore;
-}) => WidthDecisions;
-export {};

package/dist/package/hooks/use-controllable-state.d.ts

@@ -1,3 +0,0 @@
-import { Dispatch, SetStateAction } from 'react';
-
-export declare const useControllableState: <T>(value: T | undefined, defaultValue: T, onChange?: (next: T) => void, legacySetter?: (next: T) => void) => [T, Dispatch<SetStateAction<T>>];

package/dist/package/hooks/use-editor-media-query.d.ts

@@ -1,4 +0,0 @@
-import { EditorWidthStore } from '../utils/editor-width-store';
-
-export declare const EditorWidthContext: import('react').Context<EditorWidthStore | null>;
-export declare const useEditorMediaQuery: (query: string, store?: EditorWidthStore) => boolean;

package/dist/package/utils/container-query-support.d.ts

@@ -1 +0,0 @@
-export declare const canUseEditorContainerQueries: () => boolean;

package/dist/package/utils/editor-width-store.d.ts

@@ -1,6 +0,0 @@
-export type EditorWidthStore = {
-    get(): number | null;
-    set(width: number): void;
-    subscribe(listener: () => void): () => void;
-};
-export declare const createEditorWidthStore: () => EditorWidthStore;

package/dist/package/utils/stats-publisher.d.ts

@@ -1,8 +0,0 @@
-import { DdocStats } from '../types';
-
-export declare const createStatsPublisher: (emit: (stats: DdocStats) => void) => {
-    beginTab(pages: number | null): void;
-    publish(patch: Partial<DdocStats>, options?: {
-        tick?: boolean;
-    }): void;
-};