@heyramzi/ui 2.0.0 → 2.0.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@heyramzi/ui",
-  "version": "2.0.0",
+  "version": "2.0.1",
   "description": "Svelte 5 UI for apps: primitives, effects and animations, plus tasks, charts, slides, an editor, onboarding and a canvas as subpaths.",
   "license": "MIT",
   "repository": {
@@ -337,44 +337,44 @@
   "dependencies": {
     "@dagrejs/dagre": "^3.1.1",
     "@shadcn-svelte/primitives": "^0.0.1",
-    "@tiptap/core": "^3.31.4",
-    "@tiptap/extension-drag-handle": "^3.31.4",
-    "@tiptap/extension-image": "^3.31.4",
-    "@tiptap/extension-placeholder": "^3.31.4",
-    "@tiptap/pm": "^3.31.4",
-    "@tiptap/starter-kit": "^3.31.4",
+    "@tiptap/core": "^3.32.0",
+    "@tiptap/extension-drag-handle": "^3.32.0",
+    "@tiptap/extension-image": "^3.32.0",
+    "@tiptap/extension-placeholder": "^3.32.0",
+    "@tiptap/pm": "^3.32.0",
+    "@tiptap/starter-kit": "^3.32.0",
     "@zag-js/svelte": "^1.46.0",
     "@zag-js/tour": "^1.46.0",
     "clsx": "^2.1.1",
     "d3-scale": "^4.0.2",
     "d3-shape": "^3.2.0",
-    "layerchart": "^2.5.1",
-    "markdown-it": "^15.0.2",
-    "marked": "^18.1.0",
+    "layerchart": "^2.8.1",
+    "markdown-it": "^15.0.3",
+    "marked": "^18.1.1",
     "perfect-freehand": "^1.2.3",
-    "phosphor-svelte": "^3.1.0",
+    "phosphor-svelte": "^3.1.1",
     "roughjs": "^4.6.6",
     "shiki": "^4.5.0",
     "tailwind-merge": "^3.7.0",
     "tailwind-variants": "^3.3.1",
-    "zod": "^4.6.5"
+    "zod": "^4.6.7"
   },
   "devDependencies": {
     "@internationalized/date": "^3.12.4",
     "@sveltejs/vite-plugin-svelte": "^7.3.1",
     "@types/d3-scale": "^4.0.9",
     "@types/d3-shape": "^3.2.0",
-    "@types/node": "^26.6.4",
+    "@types/node": "^26.6.5",
     "@xyflow/svelte": "^1.7.0",
-    "bits-ui": "^2.19.5",
-    "jsdom": "^30.1.2",
+    "bits-ui": "^2.20.0",
+    "jsdom": "^30.1.3",
     "mode-watcher": "^1.1.0",
     "svelte": "^5.57.2",
-    "svelte-check": "^4.7.6",
+    "svelte-check": "^4.7.7",
     "svelte-sonner": "^1.2.1",
     "typescript": "~7.0.2",
-    "vite-plus": "^1.0.0",
-    "vitest": "^5.0.3"
+    "vite-plus": "^1.3.0",
+    "vitest": "^5.0.5"
   },
   "peerDependencies": {
     "@internationalized/date": "^3.12.4",

package/scripts/sync-shadcn.mjs

@@ -69,6 +69,8 @@ const DEMO_ALIASES = [
   ["$lib/utils.js", "@heyramzi/utils"],
   // The peer here is the runes build, published under its own name.
   ["@tabler/icons-svelte/", "@tabler/icons-svelte-runes/"],
+  // Upstream's docs live under /docs/components; ours are at /components, and the prerender follows the link.
+  ['href="/docs/components"', 'href="/components"'],
 ];
 
 /* Registry primitives this package does not ship: no product imports them. Skipped, so a sync does not bring them back. */

package/src/editor/editor.svelte

@@ -3,6 +3,7 @@
 // IMPORTS
 // =========================
 import { Editor } from "@tiptap/core";
+import { untrack } from "svelte";
 import "./content.css";
 import { buildExtensions } from "./extensions.js";
 import { buildSlashItems, type SlashItem } from "./slash-items.js";
@@ -176,7 +177,7 @@ function deleteActiveImage() {
 	activeImageElement = null;
 }
 
-$effect(() => {
+function mount() {
 	if (!editorElement || editorInstance) return;
 
 	const extensions = buildExtensions({ preset, placeholder, blockIds });
@@ -270,6 +271,12 @@ $effect(() => {
 		editorInstance?.destroy();
 		editorInstance = null;
 	};
+}
+
+// Only the element mounts the editor. Read tracked, `content` (fed back by onchange) and the
+// `tick++` each transaction makes would destroy and rebuild it until Svelte stops the loop.
+$effect(() => {
+	if (editorElement) return untrack(mount);
 });
 </script>
 

package/src/gallery.test.ts

@@ -28,7 +28,12 @@ const SITE = join(PKG, "..", "..", "site", "src", "lib");
 
 describe("site gallery coverage", () => {
   it("gives every animation a stage", () => {
-    const section = readFileSync(join(SITE, "demos", "motion.svelte"), "utf8");
+    // Each animation's stage is its own file under demos/motion/.
+    const stages = join(SITE, "demos", "motion");
+    const section = readdirSync(stages)
+      .filter((file) => file.endsWith(".svelte"))
+      .map((file) => readFileSync(join(stages, file), "utf8"))
+      .join("\n");
     const missing = readdirSync(join(PKG, "src", "animations"))
       .filter((file) => file.endsWith(".css") && file !== "index.css")
       .filter((file) => !section.includes(`animations/${file.replace(".css", "")}`));
@@ -43,6 +48,20 @@ describe("site gallery coverage", () => {
     expect(vendored.filter((name) => !manifest.includes(`name: "${name}"`))).toEqual([]);
   });
 
+  it("gives every component, AI part and effect a place on the site", () => {
+    const walk = (dir: string): string[] =>
+      readdirSync(dir, { withFileTypes: true }).flatMap((d) =>
+        d.isDirectory() ? walk(join(dir, d.name)) : /\.(svelte|ts)$/.test(d.name) ? [join(dir, d.name)] : [],
+      );
+    const site = walk(join(SITE, "..")).map((file) => readFileSync(file, "utf8")).join("\n");
+    const parts = ["components", "ai", "effects"].flatMap((top) =>
+      readdirSync(join(PKG, "src", top), { withFileTypes: true })
+        .filter((d) => d.isDirectory())
+        .map((d) => `${top}/${d.name}`),
+    );
+    expect(parts.filter((part) => !site.includes(`${part}/`) && !site.includes(`${part}"`))).toEqual([]);
+  });
+
   it("keeps a demo file behind every listed primitive", () => {
     const manifest = readFileSync(join(SITE, "shadcn-demos", "index.ts"), "utf8");
     const listed = [...manifest.matchAll(/name: "([a-z-]+)"/g)].map((m) => m[1]);