edytor 1.0.0 → 3.0.0

package/dist/utils.d.ts

@@ -15,3 +15,5 @@ export declare class PreventionError extends Error {
 export declare const isPrevention: (error: unknown) => error is PreventionError;
 /** A hook's `prevent`: veto the gesture, and optionally run `cb` in its place. */
 export type Prevent = (cb?: () => void) => void;
+/** The cleanups `call` answers for each of `items` (a hook answers a function or nothing). */
+export declare const cleanups: <T>(items: readonly T[], call: (item: T) => unknown) => (() => void)[];

package/dist/utils.js

@@ -39,3 +39,8 @@ export const vetoable = (call) => {
         throw veto;
     return out;
 };
+/** The cleanups `call` answers for each of `items` (a hook answers a function or nothing). */
+export const cleanups = (items, call) => items.flatMap((item) => {
+    const action = call(item);
+    return typeof action === 'function' ? [action] : [];
+});

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "edytor",
 	"license": "MIT",
-	"version": "1.0.0",
+	"version": "3.0.0",
 	"repository": {
 		"type": "git",
 		"url": "git+https://github.com/beynar/edytor.git"
@@ -50,6 +50,9 @@
 		"bench:browser": "node bench/browser.js",
 		"bench:runs": "BENCH_RUNS=1 vitest --config ./vitest.crdt.config.ts --run src/tests/crdt/runs/runs.bench.test.ts",
 		"size": "node scripts/bundle-size.mjs --by dir",
+		"registry:build": "shadcn-svelte registry build ./registry.json --output site/public/r",
+		"check:registry": "node scripts/check-registry.mjs",
+		"test:registry-install": "sh tests/registry-install/run.sh",
 		"census": "node scripts/census.mjs"
 	},
 	"exports": {
@@ -66,6 +69,10 @@
 			"types": "./dist/crdt/index.d.ts",
 			"default": "./dist/crdt/index.js"
 		},
+		"./export": {
+			"types": "./dist/export/index.d.ts",
+			"default": "./dist/export/index.js"
+		},
 		"./protocol": {
 			"types": "./dist/crdt/protocol.d.ts",
 			"default": "./dist/crdt/protocol.js"
@@ -99,6 +106,9 @@
 		"@cloudflare/vitest-plugin": "1.3.0",
 		"@cloudflare/workers-types": "^5.20260927.1",
 		"@eslint/js": "^10.0.1",
+		"@floating-ui/dom": "1.8.0",
+		"@internationalized/date": "^3.12.4",
+		"@lucide/svelte": "^1.56.0",
 		"@playwright/test": "^1.59.1",
 		"@sveltejs/adapter-static": "^3.0.10",
 		"@sveltejs/kit": "^2.55.0",
@@ -110,6 +120,8 @@
 		"@typescript-eslint/parser": "^8.58.0",
 		"@vitest/ui": "^4.1.2",
 		"@y/protocols": "1.0.6-rc.1",
+		"bits-ui": "^2.19.5",
+		"cn": "^0.4.0",
 		"eslint": "^10.1.0",
 		"eslint-config-prettier": "^10.1.8",
 		"eslint-plugin-svelte": "^3.17.0",
@@ -117,12 +129,16 @@
 		"globals": "^17.6.0",
 		"jsdom": "^29.0.1",
 		"katex": "0.18.7",
+		"linkedom": "^0.18.12",
 		"prettier": "^3.8.1",
 		"prettier-plugin-svelte": "^3.5.1",
 		"publint": "^0.3.18",
+		"shadcn-svelte": "^1.7.0",
 		"svelte": "5.55.1",
 		"svelte-check": "^4.4.6",
+		"tailwind-variants": "^3.3.1",
 		"tailwindcss": "^4.2.2",
+		"tw-animate-css": "^1.4.0",
 		"typescript": "^5.9.3",
 		"vite": "^8.0.3",
 		"vitest": "^4.1.2",
@@ -148,6 +164,7 @@
 	},
 	"dependencies": {
 		"@tanstack/highlight": "^0.1.0",
+		"@tanstack/markdown": "1.0.0",
 		"esm-env": "^1.2.2",
 		"lib0-v14": "npm:lib0@1.0.0-rc.32"
 	}

package/dist/dnd/vendor/pragmatic/pragmatic-drag-and-drop/util/max-z-index.js

@@ -1,3 +0,0 @@
-// Maximum possible z-index
-// https://stackoverflow.com/questions/491052/minimum-and-maximum-value-of-z-index
-export const maxZIndex = 2147483647;

package/dist/dnd/vendor/pragmatic/pragmatic-drag-and-drop/util/supports-popover.js

@@ -1,16 +0,0 @@
-import { once } from '../public-utils/once.js';
-
-// Using `once` as the value won't change in a browser
-
-/**
- * Returns `true` if the browser supports the Popover API (top-layer).
- *
- * When supported, elements with `popover="manual"` can be promoted to the
- * browser's top layer via `element.showPopover()`, which is more reliable
- * than `z-index` for ensuring an element renders above everything else.
- *
- * @see https://developer.mozilla.org/en-US/docs/Web/API/Popover_API
- */
-export const supportsPopover = once(function supportsPopover() {
-  return typeof HTMLElement !== 'undefined' && typeof HTMLElement.prototype.showPopover === 'function';
-});

package/dist/dnd/vendor/pragmatic/pragmatic-drag-and-drop-auto-scroll/shared/is-axis-allowed.js

@@ -1,3 +0,0 @@
-export function isAxisAllowed(axis, allowedAxis) {
-  return allowedAxis === 'all' || axis === allowedAxis;
-}

package/dist/plugins/code/LanguageMenu.svelte

@@ -1,25 +0,0 @@
-<script lang="ts">
-	import type { Snippet } from 'svelte';
-	import type { LanguageMenu } from './languageMenu.svelte.js';
-
-	/**
-	 * The code language list (`LanguageMenu`), in the overlay under the
-	 * language button of its block: the plugin's `menu` snippet, placed. Its
-	 * keys and ARIA are the controller's attachments (`keys`, `popup`,
-	 * `option(index)`).
-	 */
-	let { menu, snippet }: { menu: LanguageMenu; snippet: Snippet<[LanguageMenu]> } = $props();
-
-	const place = $derived(menu.open && menu.panel.place(4));
-</script>
-
-{#if place}
-	<div
-		data-edytor-code-language-panel
-		style:position="absolute"
-		style:left="{place.left}px"
-		style:top="{place.top}px"
-	>
-		{@render snippet(menu)}
-	</div>
-{/if}

package/dist/plugins/code/LanguageMenu.svelte.d.ts

@@ -1,9 +0,0 @@
-import type { Snippet } from 'svelte';
-import type { LanguageMenu } from './languageMenu.svelte.js';
-type $$ComponentProps = {
-    menu: LanguageMenu;
-    snippet: Snippet<[LanguageMenu]>;
-};
-declare const LanguageMenu: import("svelte").Component<$$ComponentProps, {}, "">;
-type LanguageMenu = ReturnType<typeof LanguageMenu>;
-export default LanguageMenu;

package/dist/plugins/equation/EquationEditor.svelte

@@ -1,27 +0,0 @@
-<script lang="ts">
-	import type { Snippet } from 'svelte';
-	import type { EquationEditor } from './equation.svelte.js';
-
-	/**
-	 * The equation editor (`EquationEditor`), in the overlay under the edited
-	 * equation (Notion's), centered under a block one: the plugin's `panel`
-	 * snippet, placed. It takes the field's focus and keys through the
-	 * controller's attachment (`field`).
-	 */
-	let { editor, panel }: { editor: EquationEditor; panel: Snippet<[EquationEditor]> } = $props();
-
-	const place = $derived(editor.place);
-</script>
-
-{#if place}
-	<div
-		data-edytor-equation-panel
-		data-display={editor.display ? 'block' : 'inline'}
-		style:position="absolute"
-		style:left="{place.left}px"
-		style:top="{place.top}px"
-		style:transform={editor.display ? 'translateX(-50%)' : undefined}
-	>
-		{@render panel(editor)}
-	</div>
-{/if}

package/dist/plugins/equation/EquationEditor.svelte.d.ts

@@ -1,9 +0,0 @@
-import type { Snippet } from 'svelte';
-import type { EquationEditor } from './equation.svelte.js';
-type $$ComponentProps = {
-    editor: EquationEditor;
-    panel: Snippet<[EquationEditor]>;
-};
-declare const EquationEditor: import("svelte").Component<$$ComponentProps, {}, "">;
-type EquationEditor = ReturnType<typeof EquationEditor>;
-export default EquationEditor;

package/dist/plugins/image/ImageToolbarHost.svelte

@@ -1,37 +0,0 @@
-<script lang="ts">
-	import type { Snippet } from 'svelte';
-	import type { ImageToolbar } from './toolbar.svelte.js';
-
-	/**
-	 * The image toolbar's place: the app's `toolbar` at the top right of the
-	 * image the chrome is on, while it shows and no handle drags.
-	 */
-	let { toolbar, snippet }: { toolbar: ImageToolbar; snippet: Snippet<[ImageToolbar]> } = $props();
-	const controls = $derived(toolbar.controls);
-</script>
-
-{#if controls.shown && controls.box && !controls.drag}
-	{@const box = controls.box}
-	<div
-		data-edytor-image-toolbar-slot
-		style:left="{box.x + box.width - 6}px"
-		style:top="{box.y + 6}px"
-		data-selecting={controls.selecting ? 'true' : undefined}
-	>
-		{@render snippet(toolbar)}
-	</div>
-{/if}
-
-<style>
-	/* The toolbar's place: the image's top right, sized to its markup. */
-	[data-edytor-image-toolbar-slot] {
-		position: absolute;
-		width: max-content;
-		transform: translateX(-100%);
-	}
-
-	/* A text selection in progress: the chrome takes no pointer. */
-	[data-selecting='true'] {
-		pointer-events: none;
-	}
-</style>

package/dist/plugins/image/ImageToolbarHost.svelte.d.ts

@@ -1,9 +0,0 @@
-import type { Snippet } from 'svelte';
-import type { ImageToolbar } from './toolbar.svelte.js';
-type $$ComponentProps = {
-    toolbar: ImageToolbar;
-    snippet: Snippet<[ImageToolbar]>;
-};
-declare const ImageToolbarHost: import("svelte").Component<$$ComponentProps, {}, "">;
-type ImageToolbarHost = ReturnType<typeof ImageToolbarHost>;
-export default ImageToolbarHost;

package/dist/plugins/richtext/CalloutIconPicker.svelte

@@ -1,26 +0,0 @@
-<script lang="ts">
-	import type { Snippet } from 'svelte';
-	import type { CalloutIconPicker } from './calloutIcons.svelte.js';
-
-	/**
-	 * A callout's icon picker (`callout.icon`), in the overlay under the icon:
-	 * the app's `picker` snippet, hidden until its first placement (never
-	 * `display: none`: it takes the focus as it mounts). Its keys and popup
-	 * are the controller's attachments (`keys`, `popup`) and rows (`option`).
-	 */
-	let { picker, menu }: { picker: CalloutIconPicker; menu: Snippet<[CalloutIconPicker]> } =
-		$props();
-	const place = $derived(picker.isOpen && picker.panel.place(4));
-</script>
-
-{#if picker.isOpen}
-	<div
-		data-edytor-callout-icons
-		style:position="absolute"
-		style:left="{place ? place.left : 0}px"
-		style:top="{place ? place.top : 0}px"
-		style:opacity={place ? undefined : 0}
-	>
-		{@render menu(picker)}
-	</div>
-{/if}

package/dist/plugins/richtext/CalloutIconPicker.svelte.d.ts

@@ -1,9 +0,0 @@
-import type { Snippet } from 'svelte';
-import type { CalloutIconPicker } from './calloutIcons.svelte.js';
-type $$ComponentProps = {
-    picker: CalloutIconPicker;
-    menu: Snippet<[CalloutIconPicker]>;
-};
-declare const CalloutIconPicker: import("svelte").Component<$$ComponentProps, {}, "">;
-type CalloutIconPicker = ReturnType<typeof CalloutIconPicker>;
-export default CalloutIconPicker;