@kidecms/core 0.1.5 → 0.1.7

package/admin/components/DocumentActions.tsx

@@ -149,11 +149,19 @@ export default function DocumentActions({
     const form = document.createElement("form");
     form.method = "post";
     form.action = restoreEndpoint;
-    form.innerHTML = `
-      <input type="hidden" name="_action" value="restore" />
-      <input type="hidden" name="version" value="${version}" />
-      <input type="hidden" name="redirectTo" value="${redirectTo ?? window.location.pathname + window.location.search}" />
-    `;
+
+    const addInput = (name: string, value: string) => {
+      const input = document.createElement("input");
+      input.type = "hidden";
+      input.name = name;
+      input.value = value;
+      form.appendChild(input);
+    };
+
+    addInput("_action", "restore");
+    addInput("version", String(version));
+    addInput("redirectTo", redirectTo ?? window.location.pathname + window.location.search);
+
     document.body.appendChild(form);
     form.submit();
   };

package/admin/layouts/AdminLayout.astro

@@ -167,7 +167,8 @@ navItems.sort((a, b) => a.weight - b.weight);
     <meta name="viewport" content="width=device-width" />
     <link
       rel="icon"
-      href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ctext y='.9em' font-size='90'%3E%F0%9F%AA%90%3C/text%3E%3C/svg%3E"
+      type="image/svg+xml"
+      href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='85' height='107' viewBox='0 0 85 107' fill='none'%3E%3Cpath d='M27.5894 91.1365C22.7555 86.7178 21.3444 77.4335 23.3583 70.7072C26.8503 74.948 31.6888 76.2914 36.7005 77.0497C44.4375 78.2199 52.0359 77.7822 59.2232 74.2459C60.0454 73.841 60.8052 73.3027 61.7036 72.7574C62.378 74.714 62.5535 76.6892 62.318 78.6996C61.7452 83.5957 59.3086 87.3778 55.4332 90.2448C53.8835 91.3916 52.2437 92.4167 50.6432 93.4979C45.7262 96.8213 44.3959 100.718 46.2435 106.386C46.2874 106.525 46.3267 106.663 46.426 107C43.9155 105.876 42.0817 104.24 40.6845 102.089C39.2087 99.8193 38.5066 97.3081 38.4696 94.5909C38.4511 93.2686 38.4511 91.9345 38.2733 90.6309C37.8391 87.4527 36.3471 86.0297 33.5364 85.9478C30.6518 85.8636 28.37 87.6469 27.7649 90.4554C27.7187 90.6707 27.6517 90.8837 27.5847 91.1341L27.5894 91.1365Z' fill='white'/%3E%3Cpath d='M27.5894 91.1365C22.7555 86.7178 21.3444 77.4335 23.3583 70.7072C26.8503 74.948 31.6888 76.2914 36.7005 77.0497C44.4375 78.2199 52.0359 77.7822 59.2232 74.2459C60.0454 73.841 60.8052 73.3027 61.7036 72.7574C62.378 74.714 62.5535 76.6892 62.318 78.6996C61.7452 83.5957 59.3086 87.3778 55.4332 90.2448C53.8835 91.3916 52.2437 92.4167 50.6432 93.4979C45.7262 96.8213 44.3959 100.718 46.2435 106.386C46.2874 106.525 46.3267 106.663 46.426 107C43.9155 105.876 42.0817 104.24 40.6845 102.089C39.2087 99.8193 38.5066 97.3081 38.4696 94.5909C38.4511 93.2686 38.4511 91.9345 38.2733 90.6309C37.8391 87.4527 36.3471 86.0297 33.5364 85.9478C30.6518 85.8636 28.37 87.6469 27.7649 90.4554C27.7187 90.6707 27.6517 90.8837 27.5847 91.1341L27.5894 91.1365Z' fill='url(%23paint0_linear_1_59)'/%3E%3Cpath d='M0 69.5866C0 69.5866 14.3139 62.6137 28.6678 62.6137L39.4901 29.1204C39.8953 27.5007 41.0783 26.3999 42.4139 26.3999C43.7495 26.3999 44.9325 27.5007 45.3377 29.1204L56.1601 62.6137C73.1601 62.6137 84.8278 69.5866 84.8278 69.5866C84.8278 69.5866 60.5145 3.35233 60.467 3.21944C59.7692 1.2612 58.5911 0 57.0029 0H27.8274C26.2392 0 25.1087 1.2612 24.3634 3.21944C24.3108 3.34983 0 69.5866 0 69.5866Z' fill='white'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_1_59' x1='22.4702' y1='107' x2='69.1451' y2='84.9468' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23D83333'/%3E%3Cstop offset='1' stop-color='%23F041FF'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E"
     />
     <title>{title}</title>
     <script is:inline>

package/dist/api.js

@@ -5,6 +5,7 @@ import { getCollectionMap, getTranslatableFieldNames, isStructuralField } from "
 import { getDb } from "./runtime";
 import { getSchema } from "./schema";
 import { cloneValue, createRichTextFromPlainText, slugify } from "./values";
+import { dispatchWebhooks } from "./webhooks";
 const now = () => new Date().toISOString();
 const pick = (input, keys) => Object.fromEntries(keys.filter((key) => key in input).map((key) => [key, input[key]]));
 const isJsonField = (field) => field.type === "richText" ||
@@ -405,6 +406,7 @@ export const createCms = (config) => {
                 }
                 const result = await this.findById(docId, {}, context);
                 await collection.hooks?.afterCreate?.(result, hookContext);
+                dispatchWebhooks(config, "create", slug, result, context.user);
                 return result;
             },
             async update(id, data, context = {}) {
@@ -479,6 +481,7 @@ export const createCms = (config) => {
                 }
                 const result = await this.findById(id, { status: "any" }, context);
                 await collection.hooks?.afterUpdate?.(result, hookContext);
+                dispatchWebhooks(config, "update", slug, result, context.user);
                 return result;
             },
             async delete(id, context = {}) {
@@ -499,6 +502,7 @@ export const createCms = (config) => {
                     await db.delete(tables.versions).where(eq(tables.versions._docId, id));
                 await db.delete(tables.main).where(eq(tables.main._id, id));
                 await collection.hooks?.afterDelete?.(existing, hookContext);
+                dispatchWebhooks(config, "delete", slug, existing, context.user);
             },
             async publish(id, context = {}) {
                 if (!collection.drafts)
@@ -529,6 +533,7 @@ export const createCms = (config) => {
                 await db.update(tables.main).set(updateValues).where(eq(tables.main._id, id));
                 const result = await this.findById(id, { status: "any" }, context);
                 await collection.hooks?.afterPublish?.(result, hookContext);
+                dispatchWebhooks(config, "publish", slug, result, context.user);
                 return result;
             },
             async unpublish(id, context = {}) {
@@ -559,6 +564,7 @@ export const createCms = (config) => {
                 await db.update(tables.main).set(updateValues).where(eq(tables.main._id, id));
                 const result = (await this.findById(id, { status: "any" }, context));
                 await collection.hooks?.afterUnpublish?.(result, hookContext);
+                dispatchWebhooks(config, "unpublish", slug, result, context.user);
                 return result;
             },
             async schedule(id, publishAt, unpublishAt, context = {}) {

package/dist/integration.js

@@ -149,6 +149,43 @@ export default function cmsIntegration(options) {
                                 "virtual:kide/custom-fields": customFieldsBarrel,
                             },
                         },
+                        // Pre-bundle admin component deps. Without this, Vite's dep scanner skips
+                        // the admin/ source (it lives in node_modules), so packages like @tiptap/react
+                        // are served raw — and their CJS sub-deps (use-sync-external-store/shim) break
+                        // browser ESM imports. Use "@kidecms/core > X" syntax so Vite resolves the
+                        // packages through @kidecms/core's nested node_modules under pnpm.
+                        optimizeDeps: {
+                            include: [
+                                "@kidecms/core > @tiptap/react",
+                                "@kidecms/core > @tiptap/starter-kit",
+                                "@kidecms/core > @tiptap/extension-image",
+                                "@kidecms/core > @tiptap/extension-link",
+                                "@kidecms/core > @tiptap/markdown",
+                                "@kidecms/core > @tiptap/core",
+                                "@kidecms/core > @dnd-kit/core",
+                                "@kidecms/core > @dnd-kit/sortable",
+                                "@kidecms/core > @dnd-kit/utilities",
+                                "@kidecms/core > @radix-ui/react-dropdown-menu",
+                                "@kidecms/core > @radix-ui/react-popover",
+                                "@kidecms/core > @base-ui/react/alert-dialog",
+                                "@kidecms/core > @base-ui/react/button",
+                                "@kidecms/core > @base-ui/react/checkbox",
+                                "@kidecms/core > @base-ui/react/collapsible",
+                                "@kidecms/core > @base-ui/react/dialog",
+                                "@kidecms/core > @base-ui/react/input",
+                                "@kidecms/core > @base-ui/react/merge-props",
+                                "@kidecms/core > @base-ui/react/select",
+                                "@kidecms/core > @base-ui/react/separator",
+                                "@kidecms/core > @base-ui/react/tooltip",
+                                "@kidecms/core > @base-ui/react/use-render",
+                                "@kidecms/core > @tanstack/react-table",
+                                "@kidecms/core > class-variance-authority",
+                                "@kidecms/core > clsx",
+                                "@kidecms/core > cmdk",
+                                "@kidecms/core > lucide-react",
+                                "@kidecms/core > tailwind-merge",
+                            ],
+                        },
                     },
                 });
                 // Inject admin pages

package/dist/webhooks.js

@@ -0,0 +1,71 @@
+const MAX_RETRIES = 3;
+const TIMEOUT_MS = 5000;
+const RETRY_DELAYS = [1000, 3000, 9000];
+const sleep = (ms) => new Promise((resolve) => setTimeout(resolve, ms));
+async function deliverOnce(webhook, body) {
+    const controller = new AbortController();
+    const timeout = setTimeout(() => controller.abort(), TIMEOUT_MS);
+    try {
+        const response = await fetch(webhook.url, {
+            method: webhook.method ?? "POST",
+            headers: { "Content-Type": "application/json", ...webhook.headers },
+            body,
+            signal: controller.signal,
+        });
+        return { ok: response.ok, status: response.status };
+    }
+    catch (err) {
+        return { ok: false, error: err instanceof Error ? err.message : String(err) };
+    }
+    finally {
+        clearTimeout(timeout);
+    }
+}
+async function deliverWebhook(webhook, body) {
+    for (let attempt = 0; attempt <= MAX_RETRIES; attempt++) {
+        const result = await deliverOnce(webhook, body);
+        if (result.ok) {
+            if (attempt > 0) {
+                console.log(`  [webhook] ${webhook.name} delivered after ${attempt + 1} attempts`);
+            }
+            return;
+        }
+        const detail = result.status ? `HTTP ${result.status}` : result.error;
+        if (attempt < MAX_RETRIES) {
+            console.warn(`  [webhook] ${webhook.name} failed (${detail}) — retrying in ${RETRY_DELAYS[attempt]}ms`);
+            await sleep(RETRY_DELAYS[attempt]);
+        }
+        else {
+            console.error(`  [webhook] ${webhook.name} failed permanently after ${MAX_RETRIES + 1} attempts: ${detail}`);
+        }
+    }
+}
+export async function dispatchWebhooks(config, event, collectionSlug, doc, user) {
+    const webhooks = config.admin?.webhooks;
+    if (!webhooks || webhooks.length === 0)
+        return;
+    const matching = webhooks.filter((webhook) => {
+        if (!webhook.events.includes(event))
+            return false;
+        if (webhook.collections && !webhook.collections.includes(collectionSlug))
+            return false;
+        return true;
+    });
+    if (matching.length === 0)
+        return;
+    const context = {
+        user: user ?? null,
+        event,
+        collection: collectionSlug,
+        timestamp: new Date().toISOString(),
+    };
+    // Fire all matching webhooks in parallel — don't block the operation
+    for (const webhook of matching) {
+        const payload = webhook.payload ? webhook.payload(doc, context) : { event, collection: collectionSlug, doc, user, timestamp: context.timestamp };
+        const body = JSON.stringify(payload);
+        // Fire and forget — failures are logged but don't bubble up
+        deliverWebhook(webhook, body).catch((err) => {
+            console.error(`  [webhook] ${webhook.name} dispatcher error:`, err);
+        });
+    }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kidecms/core",
-  "version": "0.1.5",
+  "version": "0.1.7",
   "description": "Code-first CMS framework built for Astro.",
   "author": "Matti Hernesniemi",
   "license": "MIT",