@hywax/cms 0.0.3 → 0.0.5

package/.nuxt/cms/autocomplete-select.ts

@@ -0,0 +1,5 @@
+export default {
+  "slots": {
+    "root": ""
+  }
+}

package/.nuxt/cms/button-copy.ts

@@ -0,0 +1,5 @@
+export default {
+  "slots": {
+    "root": ""
+  }
+}

package/.nuxt/cms/button-delete.ts

@@ -0,0 +1,5 @@
+export default {
+  "slots": {
+    "root": ""
+  }
+}

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

@@ -0,0 +1,9 @@
+export default {
+  "slots": {
+    "root": "",
+    "header": "flex items-center gap-2 mb-2",
+    "icon": "size-5",
+    "title": "break-words text-sm font-semibold",
+    "body": ""
+  }
+}

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

@@ -0,0 +1,8 @@
+export default {
+  "slots": {
+    "root": "",
+    "title": "text-base text-pretty font-semibold text-highlighted",
+    "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"
+  }
+}

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

@@ -0,0 +1,15 @@
+export default {
+  "slots": {
+    "root": "",
+    "form": "flex flex-1 flex-row",
+    "body": "flex-1 overflow-y-auto w-full lg:max-w-2xl mx-auto p-4 sm:p-6",
+    "sidebar": "flex-1 overflow-y-auto border-l border-default w-full max-w-xs p-4 sm:p-4"
+  },
+  "variants": {
+    "asideDivide": {
+      "true": {
+        "sidebar": "*:not-last:after:absolute *:not-last:after:inset-x-1 *:not-last:after:bottom-0 *:not-last:after:bg-border *:not-last:after:h-px *:not-last:relative *:not-last:pb-4 flex flex-col gap-4"
+      }
+    }
+  }
+}

package/.nuxt/cms/http-codes.ts

@@ -0,0 +1,8 @@
+export const HTTP_CODE_BAD_REQUEST = '400: Неверный запрос'
+export const HTTP_CODE_UNAUTHORIZED = '401: Не авторизован'
+export const HTTP_CODE_FORBIDDEN = '403: Доступ запрещен'
+export const HTTP_CODE_NOT_FOUND = '404: Не найдено'
+export const HTTP_CODE_REQUEST_TIMEOUT = '408: Время ожидания запроса истекло'
+export const HTTP_CODE_INTERNAL_SERVER_ERROR = '500: Внутренняя ошибка сервера'
+export const HTTP_CODE_BAD_GATEWAY = '502: Ошибка шлюза'
+export const HTTP_CODE_SERVICE_UNAVAILABLE = '503: Сервис недоступен'

package/.nuxt/cms/index.ts

@@ -1,2 +1,18 @@
+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 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 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'

package/.nuxt/cms/input-seo.ts

@@ -0,0 +1,5 @@
+export default {
+  "slots": {
+    "root": "flex flex-col gap-4"
+  }
+}

package/.nuxt/cms/input-slug.ts

@@ -0,0 +1,5 @@
+export default {
+  "slots": {
+    "root": "flex flex-col gap-4"
+  }
+}

package/.nuxt/cms/modal-confirm.ts

@@ -0,0 +1,5 @@
+export default {
+  "slots": {
+    "root": ""
+  }
+}

package/.nuxt/cms/table-cell-preview.ts

@@ -0,0 +1,9 @@
+export default {
+  "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"
+  }
+}

package/.nuxt/cms/table-cell-seo.ts

@@ -0,0 +1,5 @@
+export default {
+  "slots": {
+    "root": "flex gap-2"
+  }
+}

package/.nuxt/cms/table-cell-user.ts

@@ -0,0 +1,5 @@
+export default {
+  "slots": {
+    "root": ""
+  }
+}

package/.nuxt/cms/table-panel-column-sorting.ts

@@ -0,0 +1,5 @@
+export default {
+  "slots": {
+    "root": ""
+  }
+}

package/.nuxt/cms/table-panel-column-visibility.ts

@@ -0,0 +1,5 @@
+export default {
+  "slots": {
+    "root": ""
+  }
+}

package/.nuxt/cms/table-panel-filters.ts

@@ -0,0 +1,5 @@
+export default {
+  "slots": {
+    "root": ""
+  }
+}

package/.nuxt/cms/table-panel.ts

@@ -0,0 +1,8 @@
+export default {
+  "slots": {
+    "root": "",
+    "table": "",
+    "loader": "absolute z-10 inset-0 left-0 bg-default/90 flex items-center justify-center",
+    "loaderIcon": "animate-spin size-6"
+  }
+}

package/cli/templates.mjs

@@ -23,7 +23,7 @@ import { computed, useAppConfig } from '#imports'
 import { Primitive } from 'reka-ui'
 import { tv } from '${prose ? '../../utils/tv' : '../utils/tv'}'
 
-type ${upperName} = ComponentConfig<typeof theme, AppConfig, ${upperName}>
+type ${upperName} = ComponentConfig<typeof theme, AppConfig, '${camelName}'>
 
 export interface ${upperName}Props {
   as?: any
@@ -62,13 +62,14 @@ function test({ name, prose }) {
       ? undefined
       : `
 import type { ${upperName}Props, ${upperName}Slots } from '../../../src/runtime/components/${upperName}.vue'
-import { describe, it, expect } from 'vitest'
+import { describe, expect, it } from 'vitest'
 import ${upperName} from '../../../src/runtime/components/${upperName}.vue'
 import ComponentRender from '../../component-render'
 
 describe('${upperName}', () => {
   it.each([
     // Props
+    ['базовый компонент', { props: {} }],
     ['с алиасом', { props: { as: 'section' } }],
     ['с class', { props: { class: '' } }],
     ['с ui', { props: { ui: {} } }],

package/dist/module.d.mts

@@ -1,17 +1,7 @@
 import * as _nuxt_schema from '@nuxt/schema';
 export * from '../dist/runtime/types/index.js';
 
-declare module '@nuxt/schema' {
-    interface ConfigSchema {
-        public?: {
-            cms: {
-                fluxorUrl: string;
-            };
-        };
-    }
-}
-
-interface ModuleOptions {
+interface CMSOptions {
     /**
      * Name of the module
      * @defaultValue 'cms'
@@ -27,8 +17,27 @@ interface ModuleOptions {
      * @defaultValue 'https://fluxor.uplora.ru'
      */
     fluxorUrl?: string;
+    /**
+     * Prefix for the environment variables
+     * @defaultValue 'APP_'
+     */
+    envPrefix?: string;
+    /**
+     * HTTP codes
+     * @defaultValue {}
+     */
+    httpCodes?: Record<string, string>;
 }
-declare const _default: _nuxt_schema.NuxtModule<ModuleOptions, ModuleOptions, false>;
+
+declare module '@nuxt/schema' {
+    interface ConfigSchema {
+        public?: {
+            fluxorUrl: string;
+            version: string;
+        };
+    }
+}
+
+declare const _default: _nuxt_schema.NuxtModule<CMSOptions, CMSOptions, false>;
 
 export { _default as default };
-export type { ModuleOptions };

package/dist/module.json

@@ -1,6 +1,6 @@
 {
   "name": "@hywax/cms",
-  "version": "0.0.3",
+  "version": "0.0.5",
   "configKey": "cms",
   "builder": {
     "@nuxt/module-builder": "1.0.1",

package/dist/module.mjs

@@ -1,10 +1,89 @@
-import { addTypeTemplate, addTemplate, defineNuxtModule, hasNuxtModule, installModule, createResolver, addComponentsDir, addImportsDir, addPlugin } from '@nuxt/kit';
+import { createResolver, addComponentsDir, addImportsDir, addPlugin, addImports, addServerImports, addServerImportsDir, addTypeTemplate, addTemplate, addServerTemplate, defineNuxtModule, hasNuxtModule, installModule } from '@nuxt/kit';
 import { defu } from 'defu';
-import 'node:url';
-import { kebabCase } from 'scule';
+import { fileURLToPath } from 'node:url';
+import { dirname } from 'pathe';
+import { snakeCase, kebabCase } from 'scule';
 
 const name = "@hywax/cms";
-const version = "0.0.3";
+const version = "0.0.5";
+
+function createContext(options, nuxt) {
+  const { resolve } = createResolver(import.meta.url);
+  const distDir = dirname(fileURLToPath(import.meta.url));
+  const runtimeDir = fileURLToPath(new URL("./runtime", import.meta.url));
+  return {
+    options,
+    resolve,
+    distDir,
+    runtimeDir,
+    nuxt
+  };
+}
+
+function getDefaultCMSConfig() {
+  return {};
+}
+const defaultModuleOptions = {
+  name: "cms",
+  prefix: "C",
+  fluxorUrl: "https://fluxor.uplora.ru",
+  envPrefix: "APP_",
+  httpCodes: {
+    badRequest: "400: \u041D\u0435\u0432\u0435\u0440\u043D\u044B\u0439 \u0437\u0430\u043F\u0440\u043E\u0441",
+    unauthorized: "401: \u041D\u0435 \u0430\u0432\u0442\u043E\u0440\u0438\u0437\u043E\u0432\u0430\u043D",
+    forbidden: "403: \u0414\u043E\u0441\u0442\u0443\u043F \u0437\u0430\u043F\u0440\u0435\u0449\u0435\u043D",
+    notFound: "404: \u041D\u0435 \u043D\u0430\u0439\u0434\u0435\u043D\u043E",
+    requestTimeout: "408: \u0412\u0440\u0435\u043C\u044F \u043E\u0436\u0438\u0434\u0430\u043D\u0438\u044F \u0437\u0430\u043F\u0440\u043E\u0441\u0430 \u0438\u0441\u0442\u0435\u043A\u043B\u043E",
+    internalServerError: "500: \u0412\u043D\u0443\u0442\u0440\u0435\u043D\u043D\u044F\u044F \u043E\u0448\u0438\u0431\u043A\u0430 \u0441\u0435\u0440\u0432\u0435\u0440\u0430",
+    badGateway: "502: \u041E\u0448\u0438\u0431\u043A\u0430 \u0448\u043B\u044E\u0437\u0430",
+    serviceUnavailable: "503: \u0421\u0435\u0440\u0432\u0438\u0441 \u043D\u0435\u0434\u043E\u0441\u0442\u0443\u043F\u0435\u043D"
+  }
+};
+
+function transformHttpCodes(httpCodes) {
+  return Object.entries(httpCodes).map(([code, value]) => ({
+    code: `HTTP_CODE_${snakeCase(code).toUpperCase()}`,
+    value
+  }));
+}
+
+function prepareAutoImports({ resolve, options, nuxt }) {
+  const httpCodesPath = resolve(nuxt.options.buildDir, "cms/http-codes.ts");
+  const httpCodesImports = transformHttpCodes(options.httpCodes).map(({ code }) => ({ name: code, from: httpCodesPath }));
+  addComponentsDir({
+    path: resolve("./runtime/components"),
+    pathPrefix: false,
+    prefix: options?.prefix,
+    ignore: ["prose/**"]
+  });
+  addComponentsDir({
+    path: resolve("./runtime/components/prose"),
+    prefix: "Prose",
+    pathPrefix: false,
+    global: true
+  });
+  addImportsDir(resolve("./runtime/composables"));
+  addPlugin(resolve("./runtime/plugins/api.ts"));
+  addImports([
+    ...httpCodesImports,
+    { name: "docToMarkdown", from: resolve("./runtime/editor/markdown") },
+    { name: "markdownToDoc", from: resolve("./runtime/editor/markdown") }
+  ]);
+  addServerImports([
+    ...httpCodesImports,
+    { name: "docToMarkdown", from: resolve("./runtime/editor/markdown") },
+    { name: "markdownToDoc", from: resolve("./runtime/editor/markdown") }
+  ]);
+  addServerImportsDir(resolve("./runtime/server/utils"));
+  nuxt.options.nitro.alias ||= {};
+  nuxt.options.nitro.alias["#cms/http-codes"] = httpCodesPath;
+}
+
+const autocompleteSelect = {
+  slots: {
+    root: ""
+  }
+};
 
 const buttonClear = {
   slots: {
@@ -12,6 +91,120 @@ const buttonClear = {
   }
 };
 
+const buttonCopy = {
+  slots: {
+    root: ""
+  }
+};
+
+const buttonDelete = {
+  slots: {
+    root: ""
+  }
+};
+
+const formPanel = {
+  slots: {
+    root: "",
+    form: "flex flex-1 flex-row",
+    body: "flex-1 overflow-y-auto w-full lg:max-w-2xl mx-auto p-4 sm:p-6",
+    sidebar: "flex-1 overflow-y-auto border-l border-default w-full max-w-xs p-4 sm:p-4"
+  },
+  variants: {
+    asideDivide: {
+      true: {
+        sidebar: "*:not-last:after:absolute *:not-last:after:inset-x-1 *:not-last:after:bottom-0 *:not-last:after:bg-border *:not-last:after:h-px *:not-last:relative *:not-last:pb-4 flex flex-col gap-4"
+      }
+    }
+  }
+};
+
+const formPanelAsideSection = {
+  slots: {
+    root: "",
+    header: "flex items-center gap-2 mb-2",
+    icon: "size-5",
+    title: "break-words text-sm font-semibold",
+    body: ""
+  }
+};
+
+const formPanelSection = {
+  slots: {
+    root: "",
+    title: "text-base text-pretty font-semibold text-highlighted",
+    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 modalConfirm = {
+  slots: {
+    root: ""
+  }
+};
+
+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: ""
+  }
+};
+
+const tablePanel = {
+  slots: {
+    root: "",
+    table: "",
+    loader: "absolute z-10 inset-0 left-0 bg-default/90 flex items-center justify-center",
+    loaderIcon: "animate-spin size-6"
+  }
+};
+
+const tablePanelColumnSorting = {
+  slots: {
+    root: ""
+  }
+};
+
+const tablePanelColumnVisibility = {
+  slots: {
+    root: ""
+  }
+};
+
+const tablePanelFilters = {
+  slots: {
+    root: ""
+  }
+};
+
 const uploraImage$1 = {
   slots: {
     root: "relative grid grid-cols-[100%] grid-rows-[100%] overflow-hidden",
@@ -23,7 +216,23 @@ const uploraImage$1 = {
 
 const theme = {
   __proto__: null,
+  autocompleteSelect: autocompleteSelect,
   buttonClear: buttonClear,
+  buttonCopy: buttonCopy,
+  buttonDelete: buttonDelete,
+  formPanel: formPanel,
+  formPanelAsideSection: formPanelAsideSection,
+  formPanelSection: formPanelSection,
+  inputSeo: inputSeo,
+  inputSlug: inputSlug,
+  modalConfirm: modalConfirm,
+  tableCellPreview: tableCellPreview,
+  tableCellSeo: tableCellSeo,
+  tableCellUser: tableCellUser,
+  tablePanel: tablePanel,
+  tablePanelColumnSorting: tablePanelColumnSorting,
+  tablePanelColumnVisibility: tablePanelColumnVisibility,
+  tablePanelFilters: tablePanelFilters,
   uploraImage: uploraImage$1
 };
 
@@ -38,7 +247,7 @@ const themeProse = {
   uploraImage: uploraImage
 };
 
-function getTemplates(options) {
+function getAppTemplates({ options }) {
   const templates = [];
   function writeThemeTemplate(theme2, path) {
     for (const component in theme2) {
@@ -97,8 +306,11 @@ function getTemplates(options) {
     filename: "types/cms.d.ts",
     getContents: () => `import * as cms from '#build/cms'
 import type { TVConfig } from '@nuxt/ui'
+import type { RouteLocationRaw } from 'vue-router'
+
+type AppConfigCMS = {
 
-type AppConfigCMS = TVConfig<typeof cms>
+} & TVConfig<typeof cms>
 
 declare module '@nuxt/schema' {
   interface AppConfigInput {
@@ -112,20 +324,48 @@ declare module '@nuxt/schema' {
 export {}
 `
   });
+  templates.push({
+    filename: "cms/http-codes.ts",
+    write: true,
+    getContents: () => {
+      const httpCodes = transformHttpCodes(options.httpCodes);
+      const content = httpCodes.map(({ code, value }) => `export const ${code} = '${value}'`).join("\n");
+      return `${content}
+`;
+    }
+  });
+  return templates;
+}
+function getServerTemplates(_context) {
+  const templates = [];
   return templates;
 }
-function addTemplates(options) {
-  const templates = getTemplates(options);
-  for (const template of templates) {
+function prepareTemplates(context) {
+  const appTemplates = getAppTemplates(context);
+  const serverTemplates = getServerTemplates();
+  for (const template of appTemplates) {
     if (template.filename.endsWith(".d.ts")) {
       addTypeTemplate(template);
     } else {
       addTemplate(template);
     }
   }
+  for (const template of serverTemplates) {
+    if (template.filename.endsWith(".d.ts")) {
+      addTypeTemplate(template, { nitro: true, nuxt: false });
+    } else {
+      addServerTemplate(template);
+    }
+  }
 }
 
-const icons = {};
+const icons = {
+  sortAsc: "lucide:arrow-up-wide-narrow",
+  sortDesc: "lucide:arrow-down-wide-narrow",
+  columns: "lucide:columns-3-cog",
+  filter: "lucide:filter",
+  link: "lucide:link-2"
+};
 
 const module = defineNuxtModule({
   meta: {
@@ -133,15 +373,15 @@ const module = defineNuxtModule({
     version,
     configKey: "cms"
   },
-  defaults: {
-    name: "cms",
-    prefix: "C",
-    fluxorUrl: "https://fluxor.uplora.ru"
-  },
+  defaults: defaultModuleOptions,
   async setup(options, nuxt) {
-    nuxt.options.runtimeConfig.public.cms = defu(nuxt.options.runtimeConfig.public.cms || {}, {
-      fluxorUrl: options.fluxorUrl
+    const context = createContext(options, nuxt);
+    nuxt.options.runtimeConfig.public = defu(nuxt.options.runtimeConfig.public || {}, {
+      fluxorUrl: options.fluxorUrl,
+      version: ""
     });
+    nuxt.options.runtimeConfig.nitro ||= {};
+    nuxt.options.runtimeConfig.nitro.envPrefix = options.envPrefix;
     nuxt.options.appConfig.ui = defu(nuxt.options.appConfig.ui || {}, {
       icons
     });
@@ -174,24 +414,10 @@ const module = defineNuxtModule({
     if (!hasNuxtModule("nuxt-auth-utils")) {
       await installModule("nuxt-auth-utils");
     }
-    const { resolve } = createResolver(import.meta.url);
-    nuxt.options.alias["#cms"] = resolve("./runtime");
-    nuxt.options.appConfig.cms = defu(nuxt.options.appConfig.cms || {}, {});
-    addComponentsDir({
-      path: resolve("./runtime/components"),
-      pathPrefix: false,
-      prefix: options?.prefix || "C",
-      ignore: ["prose/**"]
-    });
-    addComponentsDir({
-      path: resolve("./runtime/components/prose"),
-      prefix: "Prose",
-      pathPrefix: false,
-      global: true
-    });
-    addImportsDir(resolve("./runtime/composables"));
-    addTemplates(options);
-    addPlugin(resolve("./runtime/plugins/api.ts"));
+    nuxt.options.alias["#cms"] = context.resolve("./runtime");
+    nuxt.options.appConfig.cms = defu(nuxt.options.appConfig.cms || {}, getDefaultCMSConfig());
+    prepareAutoImports(context);
+    prepareTemplates(context);
   }
 });