@xleddyl/nuxt-cms 0.9.3 → 0.10.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xleddyl/nuxt-cms",
-  "version": "0.9.3",
+  "version": "0.10.0",
   "description": "Lightweight CMS that ships with your Nuxt app: runs on the Nitro server, content types defined in code, /cms admin panel, GraphQL API, SQLite or Postgres. No external CMS needed!",
   "license": "MIT",
   "author": "Edoardo Alberti (https://github.com/xleddyl)",
@@ -46,6 +46,10 @@
     "./generate": {
       "types": "./dist/runtime/generate.d.ts",
       "import": "./dist/runtime/generate.js"
+    },
+    "./webhooks": {
+      "types": "./dist/runtime/webhooks.d.ts",
+      "import": "./dist/runtime/webhooks.js"
     }
   },
   "main": "./dist/module.mjs",
@@ -69,7 +73,7 @@
     "@tiptap/pm": "^3.32.0",
     "@tiptap/starter-kit": "^3.32.0",
     "@tiptap/vue-3": "^3.32.0",
-    "@xleddyl/443-components-vue": "^0.16.51",
+    "@xleddyl/443-components-vue": "^0.16.101",
     "aws4fetch": "^1.0.20",
     "drizzle-kit": "^0.31.0",
     "drizzle-orm": "^0.44.0",

package/dist/runtime/app/components/cms/BlockOutline.vue

@@ -1,88 +0,0 @@
-<template>
-   <KTree
-      :nodes="nodes"
-      :selected="selectedId"
-      label="Blocks"
-      size="sm"
-      :bordered="false"
-      reorderable
-      @select="onSelect"
-      @move="onMove"
-   >
-      <template #label="{ node }">
-         <span class="cms-outline-text" :class="{ 'is-hidden': hiddenIds.has(node.id) }">
-            <span class="cms-outline-label">{{ node.label }}</span>
-            <span v-if="node.description" class="cms-outline-summary">
-               {{ node.description }}
-            </span>
-         </span>
-      </template>
-      <template #meta="{ node }">
-         <template v-if="hiddenIds.has(node.id)">
-            <KIcon name="eye-slash" class="cms-outline-hidden" />
-            <KVisuallyHidden>Hidden</KVisuallyHidden>
-         </template>
-      </template>
-   </KTree>
-</template>
-
-<script setup>
-import { isHiddenBlock } from "#nuxt-cms";
-import {
-  Icon as KIcon,
-  Tree as KTree,
-  VisuallyHidden as KVisuallyHidden
-} from "@xleddyl/443-components-vue";
-import { computed } from "#imports";
-import { blockSummary } from "../../../shared/preview";
-import { useCmsRuntime } from "../../composables/cms-runtime";
-import { cmsIcon } from "../../utils/ui";
-const props = defineProps({
-  items: { type: Array, required: true },
-  field: { type: Object, required: true },
-  locale: { type: String, required: true },
-  selected: { type: [Number, null], required: true }
-});
-const emit = defineEmits(["select", "move"]);
-const { i18n } = useCmsRuntime();
-let uidCounter = 0;
-const uids = /* @__PURE__ */ new WeakMap();
-function uidFor(item) {
-  let uid = uids.get(item);
-  if (uid === void 0) {
-    uid = ++uidCounter;
-    uids.set(item, uid);
-  }
-  return uid;
-}
-function blockOf(item) {
-  return props.field.blocks?.[String(item.type)];
-}
-const nodes = computed(
-  () => props.items.map((item) => {
-    const block = blockOf(item);
-    return {
-      id: uidFor(item),
-      label: block?.label ?? String(item.type),
-      description: blockSummary(block, item, props.locale, i18n.defaultLocale, 60) || void 0,
-      icon: cmsIcon(block?.icon ?? "rectangle-stack")
-    };
-  })
-);
-const hiddenIds = computed(
-  () => new Set(
-    props.items.filter((item) => isHiddenBlock(item)).map((item) => uidFor(item))
-  )
-);
-const selectedId = computed(() => {
-  const item = props.selected === null ? void 0 : props.items[props.selected];
-  return item ? uidFor(item) : null;
-});
-function onSelect(node) {
-  const index = nodes.value.findIndex((entry) => entry.id === node.id);
-  if (index !== -1) emit("select", index);
-}
-function onMove(move) {
-  emit("move", move.from.index, move.to.index);
-}
-</script>

package/dist/runtime/app/components/cms/BlockPalette.vue

@@ -1,31 +0,0 @@
-<template>
-   <div class="cms-palette" role="group" :aria-label="label">
-      <button
-         v-for="(block, type) in blocks"
-         :key="type"
-         type="button"
-         class="cms-palette-item"
-         @click="emit('pick', String(type))"
-      >
-         <span class="cms-palette-icon">
-            <KIcon :name="cmsIcon(block.icon ?? 'rectangle-stack')" />
-         </span>
-         <span class="cms-palette-text">
-            <span class="cms-palette-label">{{ block.label }}</span>
-            <span v-if="block.description" class="cms-palette-description">
-               {{ block.description }}
-            </span>
-         </span>
-      </button>
-   </div>
-</template>
-
-<script setup>
-import { Icon as KIcon } from "@xleddyl/443-components-vue";
-import { cmsIcon } from "../../utils/ui";
-defineProps({
-  blocks: { type: Object, required: true },
-  label: { type: String, required: false, default: "Available blocks" }
-});
-const emit = defineEmits(["pick"]);
-</script>

package/dist/runtime/app/components/cms/SettingsModal.d.vue.ts

@@ -1,12 +0,0 @@
-type __VLS_ModelProps = {
-    'open'?: boolean;
-};
-declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    logout: () => any;
-    "update:open": (value: boolean) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
-    onLogout?: (() => any) | undefined;
-    "onUpdate:open"?: ((value: boolean) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/runtime/app/components/cms/SettingsModal.vue

@@ -1,126 +0,0 @@
-<template>
-   <KSettingsModal
-      v-model:open="open"
-      v-model:section="section"
-      :sections="sections"
-      :account="account"
-      :presets="false"
-      hide-session
-      close-label="Close settings"
-      :on-sign-out="signOut"
-   >
-      <template #section-appearance>
-         <KAppearanceSettings
-            :presets="false"
-            theme-label="Theme"
-            theme-text="Choose how the panel looks. System follows your device."
-         />
-      </template>
-
-      <template #account-fields>
-         <CmsSettingsAccount />
-      </template>
-
-      <template #actions-users>
-         <KButton
-            v-if="!usersCreating"
-            label="Add user"
-            :icon="cmsIcon('user-plus')"
-            size="sm"
-            @click="usersCreating = true"
-         />
-      </template>
-      <template #section-users>
-         <CmsSettingsUsers v-model:creating="usersCreating" />
-      </template>
-
-      <template v-for="item in entries" :key="item.key" #[`actions-${item.key}`]>
-         <span class="cms-settings-status" :class="`is-${entryStatus}`" aria-live="polite">
-            {{ STATUS_LABELS[entryStatus] }}
-         </span>
-      </template>
-      <template v-for="item in entries" :key="item.key" #[`section-${item.key}`]>
-         <CmsSettingsEntry v-model:status="entryStatus" :name="item.name" />
-      </template>
-   </KSettingsModal>
-</template>
-
-<script setup>
-import {
-  AppearanceSettings as KAppearanceSettings,
-  Button as KButton,
-  SettingsModal as KSettingsModal
-} from "@xleddyl/443-components-vue";
-import { computed, ref, watch } from "#imports";
-import cmsConfig from "#cms-config";
-import { useCmsAccount } from "../../composables/cms-account";
-import { cmsIcon } from "../../utils/ui";
-const KIND_ICONS = {
-  collection: "square-3-stack-3d",
-  single: "document-text",
-  page: "window",
-  content: "newspaper"
-};
-const KIND_LABELS = {
-  collection: "Collection",
-  single: "Single",
-  page: "Pages",
-  content: "Content"
-};
-const STATUS_LABELS = {
-  idle: "Changes save automatically",
-  saving: "Saving\u2026",
-  saved: "Saved",
-  error: "Not saved"
-};
-const ENTRY_PREFIX = "entry:";
-const { isSuperAdmin, displayName, email } = useCmsAccount();
-const open = defineModel("open", { type: Boolean, ...{ default: false } });
-const emit = defineEmits(["logout"]);
-const entries = Object.entries(cmsConfig).map(([name, entry]) => ({
-  name,
-  key: `${ENTRY_PREFIX}${name}`,
-  label: entry.label,
-  kind: entry.kind,
-  icon: entry.icon ?? KIND_ICONS[entry.kind]
-}));
-const account = computed(() => ({
-  name: displayName.value,
-  email: email.value,
-  role: isSuperAdmin.value ? "Super admin" : "Admin"
-}));
-const sections = computed(() => [
-  {
-    id: "account",
-    label: "Account",
-    icon: cmsIcon("user-circle"),
-    description: "Your profile and your password."
-  },
-  { id: "appearance", label: "Appearance", icon: cmsIcon("swatch") },
-  ...isSuperAdmin.value ? [
-    {
-      id: "users",
-      label: "Users",
-      icon: cmsIcon("users"),
-      description: "Users can do everything in the panel, except manage users."
-    }
-  ] : [],
-  ...entries.map((item) => ({
-    id: item.key,
-    label: item.label,
-    icon: cmsIcon(item.icon),
-    group: "Content",
-    description: KIND_LABELS[item.kind]
-  }))
-]);
-const section = ref("account");
-const usersCreating = ref(false);
-const entryStatus = ref("idle");
-watch(section, () => {
-  usersCreating.value = false;
-  entryStatus.value = "idle";
-});
-function signOut() {
-  emit("logout");
-}
-</script>

package/dist/runtime/app/components/cms/SettingsModal.vue.d.ts

@@ -1,12 +0,0 @@
-type __VLS_ModelProps = {
-    'open'?: boolean;
-};
-declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    logout: () => any;
-    "update:open": (value: boolean) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
-    onLogout?: (() => any) | undefined;
-    "onUpdate:open"?: ((value: boolean) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/runtime/app/composables/cms-field-focus.d.ts

@@ -1,4 +0,0 @@
-export declare function useCmsFieldFocus(): {
-    highlighted: import("vue").Ref<string | null, string | null>;
-    reveal: (root: () => HTMLElement | null | undefined, key: string) => void;
-};

package/dist/runtime/app/composables/cms-field-focus.js

@@ -1,20 +0,0 @@
-import { nextTick, onBeforeUnmount, ref } from "#imports";
-const HIGHLIGHT_MS = 2400;
-export function useCmsFieldFocus() {
-  const highlighted = ref(null);
-  let timer;
-  function reveal(root, key) {
-    void nextTick(() => {
-      const element = root()?.querySelector(`[data-cms-field="${CSS.escape(key)}"]`);
-      if (!element) return;
-      element.scrollIntoView({ block: "center", behavior: "smooth" });
-      highlighted.value = key;
-      clearTimeout(timer);
-      timer = setTimeout(() => {
-        highlighted.value = null;
-      }, HIGHLIGHT_MS);
-    });
-  }
-  onBeforeUnmount(() => clearTimeout(timer));
-  return { highlighted, reveal };
-}