@hywax/cms 0.0.23 → 1.0.1

package/.nuxt/cms/editor/index.ts

@@ -1,2 +0,0 @@
-export { default as callout } from './callout'
-export { default as uploraImage } from './uplora-image'

package/.nuxt/cms/form-panel-section.ts

@@ -1,8 +1,8 @@
 export default {
   "slots": {
     "root": "",
-    "title": "text-base text-pretty font-semibold text-highlighted",
+    "title": "text-base text-pretty font-semibold text-highlighted mb-2",
     "description": "text-[15px] text-pretty text-muted mt-1",
-    "body": "relative rounded-lg bg-elevated/50 ring ring-default grid gap-x-8 gap-y-4 p-4 sm:p-6 mt-4"
+    "body": "relative rounded-lg bg-elevated/50 ring ring-default grid gap-x-8 gap-y-4 p-4 sm:p-6"
   }
 }

package/.nuxt/cms/index.ts

@@ -1,21 +1,8 @@
-export { default as autocompleteSelect } from './autocomplete-select'
-export { default as buttonClear } from './button-clear'
-export { default as buttonCopy } from './button-copy'
-export { default as buttonDelete } from './button-delete'
-export { default as editorContentFull } from './editor-content-full'
-export { default as editorContentLight } from './editor-content-light'
-export { default as formPanel } from './form-panel'
-export { default as formPanelAsideSection } from './form-panel-aside-section'
-export { default as formPanelSection } from './form-panel-section'
-export { default as inputSeo } from './input-seo'
-export { default as inputSlug } from './input-slug'
-export { default as inputUploraImage } from './input-uplora-image'
-export { default as modalConfirm } from './modal-confirm'
-export { default as tableCellPreview } from './table-cell-preview'
-export { default as tableCellSeo } from './table-cell-seo'
-export { default as tableCellUser } from './table-cell-user'
-export { default as tablePanel } from './table-panel'
-export { default as tablePanelColumnSorting } from './table-panel-column-sorting'
-export { default as tablePanelColumnVisibility } from './table-panel-column-visibility'
-export { default as tablePanelFilters } from './table-panel-filters'
-export { default as uploraImage } from './uplora-image'
+export { default as ButtonDeleteConfirm } from './button-delete-confirm'
+export { default as FormPanel } from './form-panel'
+export { default as FormPanelAsideSection } from './form-panel-aside-section'
+export { default as FormPanelSection } from './form-panel-section'
+export { default as ModalConfirm } from './modal-confirm'
+export { default as TablePanel } from './table-panel'
+export { default as TableSearchInput } from './table-search-input'
+export { default as UploraImage } from './uplora-image'

package/.nuxt/cms/table-search-input.ts

@@ -0,0 +1,6 @@
+export default {
+  "slots": {
+    "root": "",
+    "input": "basis-54 shrink-0"
+  }
+}

package/dist/module.json

@@ -1,9 +1,9 @@
 {
   "name": "@hywax/cms",
-  "version": "0.0.23",
+  "version": "1.0.1",
   "configKey": "cms",
   "builder": {
-    "@nuxt/module-builder": "1.0.1",
-    "unbuild": "3.5.0"
+    "@nuxt/module-builder": "1.0.2",
+    "unbuild": "3.6.1"
   }
 }

package/dist/module.mjs

@@ -6,7 +6,7 @@ import { snakeCase, kebabCase } from 'scule';
 import { readFile, writeFile } from 'node:fs/promises';
 
 const name = "@hywax/cms";
-const version = "0.0.23";
+const version = "1.0.1";
 
 function createContext(options, nuxt) {
   const { resolve } = createResolver(import.meta.url);
@@ -68,19 +68,20 @@ function prepareAutoImports({ resolve, options, nuxt }) {
     global: true
   });
   addPlugin(resolve("./runtime/plugins/api"));
+  addPlugin(resolve("./runtime/plugins/zod"));
   addImports([
-    ...httpCodesImports,
-    { name: "docToMarkdown", from: resolve("./runtime/editor/markdown") },
-    { name: "markdownToDoc", from: resolve("./runtime/editor/markdown") }
+    ...httpCodesImports
+    // { name: 'docToMarkdown', from: resolve('./runtime/editor/markdown') },
+    // { name: 'markdownToDoc', from: resolve('./runtime/editor/markdown') },
   ]);
   addImportsDir([
     resolve("./runtime/utils"),
     resolve("./runtime/composables")
   ]);
   addServerImports([
-    ...httpCodesImports,
-    { name: "docToMarkdown", from: resolve("./runtime/editor/markdown") },
-    { name: "markdownToDoc", from: resolve("./runtime/editor/markdown") }
+    ...httpCodesImports
+    // { name: 'docToMarkdown', from: resolve('./runtime/editor/markdown') },
+    // { name: 'markdownToDoc', from: resolve('./runtime/editor/markdown') },
   ]);
   addServerImportsDir([
     resolve("./runtime/utils"),
@@ -110,8 +111,8 @@ async function prepareGenerateEnv({ nuxt }) {
 }
 
 async function prepareInstallModules(_context) {
-  if (!hasNuxtModule("@nuxt/ui-pro")) {
-    await installModule("@nuxt/ui-pro");
+  if (!hasNuxtModule("@nuxt/ui")) {
+    await installModule("@nuxt/ui");
   }
   if (!hasNuxtModule("@nuxtjs/mdc")) {
     await installModule("@nuxtjs/mdc");
@@ -125,33 +126,35 @@ async function prepareInstallModules(_context) {
 }
 
 const icons = {
-  edit: "lucide:pencil",
-  trash: "lucide:trash-2",
-  imageUp: "lucide:image-up",
-  arrowDownUp: "lucide:arrow-down-up",
+  calendar: "lucide:calendar",
+  sort: "lucide:arrow-down-up",
   sortAsc: "lucide:arrow-up-wide-narrow",
   sortDesc: "lucide:arrow-down-wide-narrow",
   columns: "lucide:columns-3-cog",
   filter: "lucide:filter",
-  link: "lucide:link-2",
-  linkOff: "lucide:link-2-off",
   ellipsisVertical: "lucide:ellipsis-vertical",
+  repeat: "lucide:repeat-2",
+  clipboard: "lucide:clipboard",
+  trash: "lucide:trash",
+  paragraph: "lucide:type",
+  heading1: "lucide:heading-1",
   heading2: "lucide:heading-2",
   heading3: "lucide:heading-3",
   heading4: "lucide:heading-4",
   list: "lucide:list",
   listOrdered: "lucide:list-ordered",
-  checkSquare: "lucide:check-square",
-  image: "lucide:image",
-  quote: "lucide:quote",
-  code: "lucide:code",
-  paragraph: "lucide:paragraph",
-  pilcrow: "lucide:pilcrow",
-  info: "lucide:info",
+  blockquote: "lucide:text-quote",
+  codeBlock: "lucide:square-code",
+  horizontalRule: "lucide:separator-horizontal",
+  enter: "lucide:corner-down-left",
+  link: "lucide:link",
+  download: "lucide:download",
   bold: "lucide:bold",
   italic: "lucide:italic",
   underline: "lucide:underline",
-  strike: "lucide:strikethrough"
+  strikethrough: "lucide:strikethrough",
+  code: "lucide:code",
+  image: "lucide:image"
 };
 
 function prepareMergeConfigs({ nuxt, options }) {
@@ -162,7 +165,40 @@ function prepareMergeConfigs({ nuxt, options }) {
   nuxt.options.runtimeConfig.nitro ||= {};
   nuxt.options.runtimeConfig.nitro.envPrefix = options.envPrefix;
   nuxt.options.appConfig.ui = defu(nuxt.options.appConfig.ui || {}, {
-    icons
+    icons,
+    input: {
+      slots: {
+        root: "w-full"
+      }
+    },
+    form: {
+      base: "flex flex-col gap-4"
+    },
+    select: {
+      slots: {
+        base: "overflow-hidden w-full"
+      }
+    },
+    selectMenu: {
+      slots: {
+        base: "overflow-hidden w-full"
+      }
+    },
+    inputMenu: {
+      slots: {
+        root: "overflow-hidden w-full"
+      }
+    },
+    table: {
+      variants: {
+        pinned: {
+          true: {
+            th: "bg-unset",
+            td: "bg-unset"
+          }
+        }
+      }
+    }
   });
   nuxt.options.ui = defu(nuxt.options.ui || {}, {
     colorMode: true,
@@ -200,58 +236,12 @@ function prepareServerRoutes({ resolve }) {
   });
 }
 
-const autocompleteSelect = {
+const buttonDeleteConfirm = {
   slots: {
     root: ""
   }
 };
 
-const buttonClear = {
-  slots: {
-    base: "p-0"
-  }
-};
-
-const buttonCopy = {
-  slots: {
-    root: ""
-  }
-};
-
-const buttonDelete = {
-  slots: {
-    root: ""
-  }
-};
-
-const editorContentFull = {
-  slots: {
-    root: "h-full w-full relative",
-    editor: "min-h-full w-full focus:outline-none editor-content-full relative"
-  },
-  variants: {
-    disabled: {
-      true: {
-        root: "cursor-not-allowed opacity-75"
-      }
-    }
-  }
-};
-
-const editorContentLight = {
-  slots: {
-    root: "relative",
-    editor: "w-full focus:outline-none editor-content-light relative"
-  },
-  variants: {
-    disabled: {
-      true: {
-        root: "cursor-not-allowed opacity-75"
-      }
-    }
-  }
-};
-
 const formPanel = {
   slots: {
     root: "",
@@ -281,44 +271,9 @@ const formPanelAsideSection = {
 const formPanelSection = {
   slots: {
     root: "",
-    title: "text-base text-pretty font-semibold text-highlighted",
+    title: "text-base text-pretty font-semibold text-highlighted mb-2",
     description: "text-[15px] text-pretty text-muted mt-1",
-    body: "relative rounded-lg bg-elevated/50 ring ring-default grid gap-x-8 gap-y-4 p-4 sm:p-6 mt-4"
-  }
-};
-
-const inputSeo = {
-  slots: {
-    root: "flex flex-col gap-4"
-  }
-};
-
-const inputSlug = {
-  slots: {
-    root: "flex flex-col gap-4"
-  }
-};
-
-const inputUploraImage = {
-  slots: {
-    root: "relative w-full rounded-md overflow-hidden ring ring-inset ring-accented aspect-3/2 text-sm",
-    image: "",
-    imageActions: "absolute top-4 right-4 flex gap-2",
-    uploader: "flex flex-col items-center justify-center w-full h-full p-4",
-    uploaderPendingIcon: "size-6 animate-spin",
-    uploaderIdleButton: "cursor-pointer bg-muted/50 border border-default border-dashed rounded-md h-full w-full",
-    uploaderIdleIcon: "size-10 text-primary",
-    uploaderIdleText: "mt-2 font-medium",
-    uploaderIdleExtensions: "mt-2 text-xs text-muted uppercase",
-    uploaderErrorText: "text-center font-medium",
-    uploaderErrorActions: "flex gap-2 mt-4"
-  },
-  variants: {
-    disabled: {
-      true: {
-        root: "cursor-not-allowed opacity-75"
-      }
-    }
+    body: "relative rounded-lg bg-elevated/50 ring ring-default grid gap-x-8 gap-y-4 p-4 sm:p-6"
   }
 };
 
@@ -328,32 +283,6 @@ const modalConfirm = {
   }
 };
 
-const tableCellPreview = {
-  slots: {
-    root: "flex items-center gap-2",
-    image: "bg-elevated size-7 rounded-md",
-    container: "text-xs",
-    title: "font-medium text-default",
-    description: "text-muted truncate max-w-40"
-  }
-};
-
-const tableCellSeo = {
-  slots: {
-    root: "flex gap-2"
-  }
-};
-
-const tableCellUser = {
-  slots: {
-    root: "flex items-center gap-2",
-    avatar: "bg-elevated size-7 rounded-full",
-    container: "text-xs",
-    name: "font-medium text-default",
-    description: "text-muted truncate max-w-40"
-  }
-};
-
 const tablePanel = {
   slots: {
     root: "",
@@ -363,25 +292,14 @@ const tablePanel = {
   }
 };
 
-const tablePanelColumnSorting = {
+const tableSearchInput = {
   slots: {
-    root: ""
-  }
-};
-
-const tablePanelColumnVisibility = {
-  slots: {
-    root: ""
-  }
-};
-
-const tablePanelFilters = {
-  slots: {
-    root: ""
+    root: "",
+    input: "basis-54 shrink-0"
   }
 };
 
-const uploraImage$2 = {
+const uploraImage$1 = {
   slots: {
     root: "relative grid grid-cols-[100%] grid-rows-[100%] overflow-hidden",
     lqip: "bg-cover bg-no-repeat bg-center col-[1] row-[1]",
@@ -392,61 +310,18 @@ const uploraImage$2 = {
 
 const theme = {
   __proto__: null,
-  autocompleteSelect: autocompleteSelect,
-  buttonClear: buttonClear,
-  buttonCopy: buttonCopy,
-  buttonDelete: buttonDelete,
-  editorContentFull: editorContentFull,
-  editorContentLight: editorContentLight,
-  formPanel: formPanel,
-  formPanelAsideSection: formPanelAsideSection,
-  formPanelSection: formPanelSection,
-  inputSeo: inputSeo,
-  inputSlug: inputSlug,
-  inputUploraImage: inputUploraImage,
-  modalConfirm: modalConfirm,
-  tableCellPreview: tableCellPreview,
-  tableCellSeo: tableCellSeo,
-  tableCellUser: tableCellUser,
-  tablePanel: tablePanel,
-  tablePanelColumnSorting: tablePanelColumnSorting,
-  tablePanelColumnVisibility: tablePanelColumnVisibility,
-  tablePanelFilters: tablePanelFilters,
-  uploraImage: uploraImage$2
-};
-
-const callout = {
-  slots: {
-    root: "px-4 py-3 text-sm/6 rounded-md border flex gap-2"
-  },
-  variants: {
-    type: {
-      caution: {
-        root: "border border-error/25 bg-error/10 text-error-600 dark:text-error-300"
-      },
-      note: {
-        root: "border border-info/25 bg-info/10 text-info-600 dark:text-info-300"
-      },
-      warning: {
-        root: "border border-warning/25 bg-warning/10 text-warning-600 dark:text-warning-300"
-      },
-      tip: {
-        root: "border border-success/25 bg-success/10 text-success-600 dark:text-success-300"
-      }
-    }
-  }
-};
-
-const uploraImage$1 = {
-  slots: {
-    root: ""
-  }
+  ButtonDeleteConfirm: buttonDeleteConfirm,
+  FormPanel: formPanel,
+  FormPanelAsideSection: formPanelAsideSection,
+  FormPanelSection: formPanelSection,
+  ModalConfirm: modalConfirm,
+  TablePanel: tablePanel,
+  TableSearchInput: tableSearchInput,
+  UploraImage: uploraImage$1
 };
 
 const themeEditor = {
-  __proto__: null,
-  callout: callout,
-  uploraImage: uploraImage$1
+  __proto__: null
 };
 
 const uploraImage = {
@@ -578,7 +453,7 @@ function prepareTemplates(context) {
   }
 }
 
-const module = defineNuxtModule({
+const module$1 = defineNuxtModule({
   meta: {
     name,
     version,
@@ -596,4 +471,4 @@ const module = defineNuxtModule({
   }
 });
 
-export { module as default };
+export { module$1 as default };

package/dist/runtime/components/AutocompleteSelect.d.vue.ts

@@ -0,0 +1,56 @@
+import type { InputMenuItem } from '@nuxt/ui';
+import type { Pagination, PaginationQueryRaw } from '../types';
+type PaginationQuery = Required<PaginationQueryRaw>;
+export type AutocompleteSelectItem = Extract<InputMenuItem, object> & {
+    id?: string | number;
+    name?: string;
+};
+type GetModelValue<T extends AutocompleteSelectItem, VK extends keyof T, M extends boolean> = M extends true ? (T[VK][] | undefined) : (T[VK] | undefined);
+export type HandlerParams = PaginationQuery & {
+    search: string;
+    ids?: string[] | number[];
+};
+export type Handler<T extends AutocompleteSelectItem = AutocompleteSelectItem> = (params: HandlerParams, signal?: AbortSignal) => Promise<{
+    items: T[];
+    pagination: Pagination;
+}>;
+export interface Props<T extends AutocompleteSelectItem = AutocompleteSelectItem, VK extends keyof T = 'id', M extends boolean = false> {
+    modelValue?: GetModelValue<T, VK, M>;
+    cacheKey: string;
+    handler: Handler<T>;
+    /** @defaultValue 'id' */
+    valueKey?: VK;
+    /** @defaultValue 'name' */
+    labelKey?: keyof T;
+    multiple?: M & boolean;
+    placeholder?: string;
+    initSelected?: boolean;
+}
+export interface Emits<T extends AutocompleteSelectItem = AutocompleteSelectItem, VK extends keyof T = 'id', M extends boolean = false> {
+    'update:modelValue': [payload: GetModelValue<T, VK, M>];
+}
+export interface Slots<T extends AutocompleteSelectItem = AutocompleteSelectItem> {
+    'item-label': (props: {
+        item: T;
+    }) => any;
+}
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: <T extends AutocompleteSelectItem, VK extends keyof T = "id", M extends boolean = false>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: import("vue").PublicProps & __VLS_PrettifyLocal<Props<T, VK, M> & {
+        "onUpdate:modelValue"?: ((payload: GetModelValue<T, VK, M>) => any) | undefined;
+    }> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: Slots<T>;
+    emit: (evt: "update:modelValue", payload: GetModelValue<T, VK, M>) => void;
+}>) => import("vue").VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};