@hywax/cms 1.10.0 → 2.0.0

package/dist/runtime/composables/useSeoStats.d.ts

@@ -0,0 +1,12 @@
+import type { ComputedRef, MaybeRefOrGetter } from 'vue';
+import type { SEO } from '../types';
+interface SEOStats {
+    progress: number;
+    color: 'error' | 'warning' | 'success';
+}
+interface UseSeoStatsReturn {
+    title: ComputedRef<SEOStats>;
+    description: ComputedRef<SEOStats>;
+}
+export declare function useSeoStats(options: MaybeRefOrGetter<SEO>): UseSeoStatsReturn;
+export {};

package/dist/runtime/composables/useSeoStats.js

@@ -0,0 +1,44 @@
+import { computed, toValue } from "vue";
+function computeScore(length, recommendedLength, maxLength) {
+  if (length === 0) {
+    return 0;
+  }
+  if (length < recommendedLength) {
+    return length / recommendedLength * 100;
+  }
+  if (length > maxLength) {
+    return Math.max(0, 100 - (length - maxLength) / maxLength * 100);
+  }
+  return 100;
+}
+function computeColor(score) {
+  if (score < 30) {
+    return "error";
+  }
+  if (score < 70) {
+    return "warning";
+  }
+  return "success";
+}
+export function useSeoStats(options) {
+  const title = computed(() => {
+    const value = toValue(options);
+    const score = computeScore(value.title.length, 45, 60);
+    return {
+      progress: Math.round(score),
+      color: computeColor(score)
+    };
+  });
+  const description = computed(() => {
+    const value = toValue(options);
+    const score = computeScore(value.description.length, 130, 160);
+    return {
+      progress: Math.round(score),
+      color: computeColor(score)
+    };
+  });
+  return {
+    title,
+    description
+  };
+}

package/dist/runtime/composables/useTable.d.ts

@@ -1,7 +1,6 @@
 import type { SortingState } from '@tanstack/vue-table';
 import type { ComputedRef, MaybeRefOrGetter, Ref } from 'vue';
-import type { PaginationQuery, RequiredOptional, SortQuery } from '../types';
-import type { GetQueryTransforms } from './useQueryState';
+import type { GetQueryTransforms, PaginationQuery, RequiredOptional, SortQuery } from '../types';
 interface UseTableOptions<T> {
     query?: {
         enabled?: true | false;

package/dist/runtime/composables/useTable.js

@@ -1,6 +1,6 @@
-import copy from "fast-copy";
+import { copy } from "fast-copy";
 import { computed, ref, toValue, watch } from "vue";
-import { useQueryState } from "./useQueryState.js";
+import { useQueryState } from "../composables/useQueryState.js";
 export function useTableFilters(initialFilters, options) {
   const initial = computed(() => toValue(initialFilters));
   const filters = options?.query?.enabled ? useQueryState(initial, options.query.transform) : ref(initial.value);

package/dist/runtime/composables/useTableColumns.js

@@ -1,7 +1,6 @@
 import { UUser } from "#components";
 import { h } from "vue";
-import { formatDate, formatDateTime } from "../utils/date.js";
-import { formatNumber } from "../utils/formatters.js";
+import { formatDate, formatDateTime, formatNumber } from "../utils/index.js";
 export function useTableFiltersFields(_schema, fields) {
   return { filtersFields: fields };
 }

package/dist/runtime/editor/uplora-image/EditorUploraImage.d.ts

@@ -0,0 +1,18 @@
+import type { Editor } from '@tiptap/vue-3';
+import { Node } from '@tiptap/core';
+declare module '@tiptap/core' {
+    interface Commands<ReturnType> {
+        uploraImage: {
+            insertUploraImage: () => ReturnType;
+        };
+    }
+}
+export declare const UploraImageHandlers: {
+    'uplora-image': {
+        canExecute: (editor: Editor) => boolean;
+        execute: (editor: Editor) => import("@tiptap/core").ChainedCommands;
+        isActive: (editor: Editor) => boolean;
+        isDisabled: undefined;
+    };
+};
+export declare const UploraImage: Node<any, any>;

package/dist/runtime/editor/uplora-image/EditorUploraImage.js

@@ -0,0 +1,43 @@
+import { mergeAttributes, Node } from "@tiptap/core";
+import { VueNodeViewRenderer } from "@tiptap/vue-3";
+import { createAtomBlockMarkdownSpec } from "../utils.js";
+import EditorUploraImageNodeComponent from "./EditorUploraImageNode.vue";
+export const UploraImageHandlers = {
+  "uplora-image": {
+    canExecute: (editor) => editor.can().insertContent({ type: "uplora-image" }),
+    execute: (editor) => editor.chain().focus().insertContent({ type: "uplora-image" }),
+    isActive: (editor) => editor.isActive("uplora-image"),
+    isDisabled: void 0
+  }
+};
+export const UploraImage = Node.create({
+  name: "uplora-image",
+  group: "block",
+  atom: true,
+  addAttributes() {
+    return {
+      image: {},
+      alt: {},
+      color: {}
+    };
+  },
+  ...createAtomBlockMarkdownSpec({ name: "uplora-image" }),
+  parseHTML() {
+    return [{
+      tag: 'div[data-type="uplora-image"]'
+    }];
+  },
+  renderHTML({ HTMLAttributes }) {
+    return ["div", mergeAttributes(HTMLAttributes, { "data-type": "uplora-image" })];
+  },
+  addNodeView() {
+    return VueNodeViewRenderer(EditorUploraImageNodeComponent);
+  },
+  addCommands() {
+    return {
+      insertUploraImage: () => ({ commands }) => {
+        return commands.insertContent({ type: this.name });
+      }
+    };
+  }
+});

package/dist/runtime/editor/uplora-image/EditorUploraImageNode.d.vue.ts

@@ -0,0 +1,9 @@
+import type { NodeViewProps } from '@tiptap/vue-3';
+export interface EditorUploraImageNodeAttrs {
+    image?: string;
+    alt?: string;
+    color?: string;
+}
+declare const __VLS_export: import("vue").DefineComponent<NodeViewProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NodeViewProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/editor/uplora-image/EditorUploraImageNode.vue

@@ -0,0 +1,28 @@
+<template>
+  <NodeViewWrapper>
+    <InputUploraImage v-model="attrs" />
+  </NodeViewWrapper>
+</template>
+
+<script setup>
+import { NodeViewWrapper } from "@tiptap/vue-3";
+import { computed } from "vue";
+import InputUploraImage from "../../components/InputUploraImage.vue";
+const props = defineProps({
+  decorations: { type: Array, required: true },
+  selected: { type: Boolean, required: true },
+  updateAttributes: { type: Function, required: true },
+  deleteNode: { type: Function, required: true },
+  node: { type: null, required: true },
+  view: { type: null, required: true },
+  getPos: { type: null, required: true },
+  innerDecorations: { type: null, required: true },
+  editor: { type: Object, required: true },
+  extension: { type: Object, required: true },
+  HTMLAttributes: { type: Object, required: true }
+});
+const attrs = computed({
+  get: () => props.node.attrs,
+  set: (value) => props.updateAttributes(value)
+});
+</script>

package/dist/runtime/editor/uplora-image/EditorUploraImageNode.vue.d.ts

@@ -0,0 +1,9 @@
+import type { NodeViewProps } from '@tiptap/vue-3';
+export interface EditorUploraImageNodeAttrs {
+    image?: string;
+    alt?: string;
+    color?: string;
+}
+declare const __VLS_export: import("vue").DefineComponent<NodeViewProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NodeViewProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/editor/utils.d.ts

@@ -0,0 +1,13 @@
+import type { JSONContent, MarkdownParseHelpers, MarkdownParseResult, MarkdownRendererHelpers, MarkdownToken, MarkdownTokenizer, RenderContext } from '@tiptap/core';
+interface CreateAtomBlockMarkdownSpecOptions {
+    name: string;
+}
+interface CreateAtomBlockMarkdownSpecResult {
+    markdownTokenizer: MarkdownTokenizer;
+    parseMarkdown: (token: MarkdownToken, helpers: MarkdownParseHelpers) => MarkdownParseResult;
+    renderMarkdown: (node: JSONContent, helpers: MarkdownRendererHelpers, ctx: RenderContext) => string;
+}
+export declare function parseAttributes(attrString: string): Record<string, any>;
+export declare function serializeAttributes(attributes: Record<string, any>): string;
+export declare function createAtomBlockMarkdownSpec(options: CreateAtomBlockMarkdownSpecOptions): CreateAtomBlockMarkdownSpecResult;
+export {};

package/dist/runtime/editor/utils.js

@@ -0,0 +1,73 @@
+export function parseAttributes(attrString) {
+  if (!attrString?.trim()) {
+    return {};
+  }
+  const attributes = {};
+  const quotedStrings = [];
+  const tempString = attrString.replace(/["']([^"']*)["']/g, (match) => {
+    quotedStrings.push(match);
+    return `__QUOTED_${quotedStrings.length - 1}__`;
+  });
+  const kvRegex = /([a-zA-Z][\w-]*)\s*=\s*(__QUOTED_\d+__)/g;
+  const kvMatches = Array.from(tempString.matchAll(kvRegex));
+  kvMatches.forEach(([, key, quotedRef]) => {
+    const quotedIndex = Number.parseInt(quotedRef.match(/__QUOTED_(\d+)__/)?.[1] || "0", 10);
+    const quotedValue = quotedStrings[quotedIndex];
+    if (quotedValue) {
+      attributes[key] = quotedValue.slice(1, -1);
+    }
+  });
+  const cleanString = tempString.replace(/([a-zA-Z][\w-]*)\s*=\s*__QUOTED_\d+__/g, "").trim();
+  if (cleanString) {
+    const booleanAttrs = cleanString.split(/\s+/).filter(Boolean);
+    booleanAttrs.forEach((attr) => {
+      if (attr.match(/^[a-z][\w-]*$/i)) {
+        attributes[attr] = true;
+      }
+    });
+  }
+  return attributes;
+}
+export function serializeAttributes(attributes) {
+  if (!attributes || Object.keys(attributes).length === 0) {
+    return "";
+  }
+  const parts = [];
+  Object.entries(attributes).forEach(([key, value]) => {
+    if (value === true) {
+      parts.push(key);
+    } else if (value !== false && value != null) {
+      parts.push(`${key}="${String(value)}"`);
+    }
+  });
+  return parts.join(" ");
+}
+export function createAtomBlockMarkdownSpec(options) {
+  return {
+    markdownTokenizer: {
+      name: options.name,
+      level: "block",
+      start: `:${options.name}`,
+      tokenize: (src) => {
+        const match = src.match(new RegExp(`^:${options.name}{([^}]+)}`));
+        if (!match || !match[1]) {
+          return void 0;
+        }
+        return {
+          type: options.name,
+          raw: match[0],
+          attrs: parseAttributes(match[1])
+        };
+      }
+    },
+    parseMarkdown(token) {
+      return {
+        type: options.name,
+        attrs: token.attrs
+      };
+    },
+    renderMarkdown: (node) => {
+      return `:${options.name}{${serializeAttributes(node.attrs ?? {})}}`;
+    }
+  };
+}

package/dist/runtime/index.css

@@ -1 +1 @@
-@import "@nuxt/ui";@import "#build/cms.css";@source "./components";@source "./editor";
+@import "@nuxt/ui";@import "#build/cms.css";@source "./components";@source "./editor";@source "./prose";

package/dist/runtime/server/api/uplora/index.post.d.ts

@@ -3,6 +3,7 @@ interface UploraFile {
 }
 type UploraFileImage = UploraFile & {
     lqip: string;
+    color: string;
 };
 declare const _default: import("h3").EventHandler<import("h3").EventHandlerRequest, Promise<UploraFile | UploraFileImage>>;
 export default _default;

package/dist/runtime/server/api/uplora/index.post.js

@@ -24,6 +24,7 @@ export default defineHttpHandler(async (event) => {
   formData.append("file", new Blob([file.data], { type: file.type }), file.filename);
   if (isImageMimeType(file.type)) {
     formData.append("lqip", "true");
+    formData.append("color", "true");
   }
   return await $fetch(`${uplora.url}/api/files`, {
     method: "POST",

package/dist/runtime/types/index.d.ts

@@ -1,7 +1,40 @@
-export type { FiltersField } from '../components/TableFilters.vue';
-export type { ActionMenuItem } from '../components/TablePanel.vue';
+export * from '../components/AutocompleteSelect.vue';
+export * from '../components/ButtonCopyText.vue';
+export * from '../components/ButtonDeleteConfirm.vue';
+export * from '../components/DatePicker.vue';
+export * from '../components/EditorFull.vue';
+export * from '../components/EditorLinkPopover.vue';
+export * from '../components/FormPanel.vue';
+export * from '../components/FormPanelAsideSection.vue';
+export * from '../components/FormPanelSection.vue';
+export * from '../components/InputSeo.vue';
+export * from '../components/InputSlug.vue';
+export * from '../components/InputUploraImage.vue';
+export * from '../components/Layout.vue';
+export * from '../components/ModalConfirm.vue';
+export * from '../components/prose/UploraImage.vue';
+export * from '../components/TableColumnSorting.vue';
+export * from '../components/TableFilters.vue';
+export * from '../components/TablePanel.vue';
+export * from '../components/TableSearchInput.vue';
+export * from '../components/UploraImage.vue';
+export * from '../composables/useAdmin';
+export * from '../composables/useApi';
+export * from '../composables/useAsyncHandler';
+export * from '../composables/useEditorDragHandle';
+export * from '../composables/useEditorSuggestions';
+export * from '../composables/useEditorToolbar';
+export * from '../composables/useFormState';
+export * from '../composables/useLogout';
+export * from '../composables/useModal';
+export * from '../composables/useNotification';
+export * from '../composables/useQueryState';
+export * from '../composables/useRouteQuery';
+export * from '../composables/useSeoStats';
+export * from '../composables/useTable';
+export * from '../composables/useTableColumns';
+export * from '../composables/useUplora';
 export * from './date';
-export * from './dictionaries';
 export * from './image';
 export * from './query';
 export * from './seo';

package/dist/runtime/types/index.js

@@ -1,5 +1,40 @@
+export * from "../components/AutocompleteSelect.vue";
+export * from "../components/ButtonCopyText.vue";
+export * from "../components/ButtonDeleteConfirm.vue";
+export * from "../components/DatePicker.vue";
+export * from "../components/EditorFull.vue";
+export * from "../components/EditorLinkPopover.vue";
+export * from "../components/FormPanel.vue";
+export * from "../components/FormPanelAsideSection.vue";
+export * from "../components/FormPanelSection.vue";
+export * from "../components/InputSeo.vue";
+export * from "../components/InputSlug.vue";
+export * from "../components/InputUploraImage.vue";
+export * from "../components/Layout.vue";
+export * from "../components/ModalConfirm.vue";
+export * from "../components/prose/UploraImage.vue";
+export * from "../components/TableColumnSorting.vue";
+export * from "../components/TableFilters.vue";
+export * from "../components/TablePanel.vue";
+export * from "../components/TableSearchInput.vue";
+export * from "../components/UploraImage.vue";
+export * from "../composables/useAdmin.js";
+export * from "../composables/useApi.js";
+export * from "../composables/useAsyncHandler.js";
+export * from "../composables/useEditorDragHandle.js";
+export * from "../composables/useEditorSuggestions.js";
+export * from "../composables/useEditorToolbar.js";
+export * from "../composables/useFormState.js";
+export * from "../composables/useLogout.js";
+export * from "../composables/useModal.js";
+export * from "../composables/useNotification.js";
+export * from "../composables/useQueryState.js";
+export * from "../composables/useRouteQuery.js";
+export * from "../composables/useSeoStats.js";
+export * from "../composables/useTable.js";
+export * from "../composables/useTableColumns.js";
+export * from "../composables/useUplora.js";
 export * from "./date.js";
-export * from "./dictionaries.js";
 export * from "./image.js";
 export * from "./query.js";
 export * from "./seo.js";

package/dist/runtime/types/tv.d.ts

@@ -46,7 +46,7 @@ type ComponentAppConfig<T, A extends Record<string, any>, K extends string, U ex
 });
 /**
  * Defines the configuration shape expected for a component.
- * @template T The component's theme imported from `#build/cms/*`.
+ * @template T The component's theme imported from `#build/cms/*` and `#build/cms/*`.
  * @template A The base AppConfig type from `@nuxt/schema`.
  * @template K The key identifying the component (e.g., 'badge').
  * @template U The top-level key in AppConfig ('cms' or 'cms.prose').

package/dist/runtime/utils/date.d.ts

@@ -1,8 +1,4 @@
 import type { DateLike } from '@vueuse/core';
-import type { DateRange } from '../types/date';
-export declare function getPeriod(beforeDays: number, afterDays?: number, fixTime?: boolean): DateRange;
-export declare function getPeriodFromDaysAgo(days: number, fixTime?: boolean): DateRange;
-export declare function getCurrentDayPeriod(): DateRange;
 export declare function formatDateTime(date: DateLike): string;
 export declare function formatDate(date: DateLike): string;
 export declare function formatTime(date: DateLike): string;

package/dist/runtime/utils/date.js

@@ -1,20 +1,5 @@
 import { getCmsConfig } from "#imports";
 import { formatDate as format, normalizeDate } from "@vueuse/core";
-export function getPeriod(beforeDays, afterDays = 0, fixTime = true) {
-  const start = /* @__PURE__ */ new Date();
-  start.setDate(start.getDate() - beforeDays);
-  fixTime && start.setHours(0, 0, 0, 0);
-  const end = /* @__PURE__ */ new Date();
-  end.setDate(end.getDate() + afterDays);
-  fixTime && end.setHours(23, 59, 59, 999);
-  return { start: formatServerDateTime(start), end: formatServerDateTime(end) };
-}
-export function getPeriodFromDaysAgo(days, fixTime = true) {
-  return getPeriod(days, 0, fixTime);
-}
-export function getCurrentDayPeriod() {
-  return getPeriodFromDaysAgo(0);
-}
 export function formatDateTime(date) {
   return normalizeDate(date).toLocaleString("ru-RU");
 }

package/dist/runtime/utils/formatters.d.ts

@@ -1,5 +1,6 @@
-import type { Country } from '../types/dictionaries';
+type Country = 'ru' | 'us';
 export declare function formatMoney(value: number, country?: Country, locales?: Intl.LocalesArgument): string;
 export declare function formatNumber(value: number, locales?: Intl.LocalesArgument): string;
 export declare function formatPercentage(value: number, locales?: Intl.LocalesArgument): string;
 export declare function formatBoolean(value: boolean | undefined | null): string;
+export {};

package/dist/runtime/utils/index.d.ts

@@ -1,7 +1,6 @@
 export * from './auth';
 export * from './avatar';
 export * from './date';
-export * from './features';
 export * from './formatters';
 export * from './logger';
 export * from './slugify';

package/dist/runtime/utils/index.js

@@ -1,7 +1,6 @@
 export * from "./auth.js";
 export * from "./avatar.js";
 export * from "./date.js";
-export * from "./features.js";
 export * from "./formatters.js";
 export * from "./logger.js";
 export * from "./slugify.js";

package/dist/runtime/utils/slugify.js

@@ -5,7 +5,8 @@ export function slugify(text) {
   }
   return _slugify(text, {
     customReplacements: [
-      ["@", " at "]
+      ["@", " at "],
+      ["&", " and "]
     ]
   });
 }

package/dist/types.d.mts

@@ -6,4 +6,6 @@ export type ModuleOptions = typeof Module extends NuxtModule<infer O> ? Partial<
 
 export { default } from './module.mjs'
 
+export { type CMSCoreOptions } from './module.mjs'
+
 export * from '../dist/runtime/types/index.js'

package/package.json

@@ -1,12 +1,8 @@
 {
   "name": "@hywax/cms",
   "type": "module",
-  "version": "1.10.0",
+  "version": "2.0.0",
   "description": "Hywax CMS. ⚠️ This package is intended for internal use only.",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/hywax/cms.git"
-  },
   "imports": {
     "#build/cms/*": "./.nuxt/cms/*.ts",
     "#build/cms.css": "./.nuxt/cms.css"
@@ -44,33 +40,37 @@
       ]
     }
   },
-  "bin": {
-    "cms": "./cli/index.mjs"
-  },
   "style": "./dist/runtime/index.css",
   "files": [
     ".nuxt/cms",
     ".nuxt/cms.css",
-    "cli",
     "dist"
   ],
+  "peerDependencies": {
+    "@unovis/ts": "^1.6.2",
+    "@unovis/vue": "^1.6.2"
+  },
+  "peerDependenciesMeta": {
+    "@unovis/ts": {
+      "optional": true
+    },
+    "@unovis/vue": {
+      "optional": true
+    }
+  },
   "dependencies": {
     "@dicebear/collection": "^9.2.4",
     "@dicebear/core": "^9.2.4",
-    "@iconify-json/lucide": "1.2.82",
     "@nuxt/kit": "^4.2.2",
     "@nuxt/ui": "^4.3.0",
     "@nuxtjs/mdc": "^0.19.2",
-    "@nuxtjs/seo": "^3.3.0",
     "@sindresorhus/slugify": "^3.0.0",
-    "@unovis/ts": "^1.6.2",
-    "@unovis/vue": "^1.6.2",
     "@uplora/formats": "^0.1.0",
     "@uplora/serializer": "^0.1.3",
     "@vueuse/nuxt": "^14.1.0",
     "consola": "^3.4.2",
     "defu": "^6.1.4",
-    "fast-copy": "^3.0.2",
+    "fast-copy": "^4.0.2",
     "fast-equals": "^5.4.0",
     "nuxt-auth-utils": "^0.5.26",
     "object-to-formdata": "^4.5.1",
@@ -78,20 +78,20 @@
     "plural-ru": "^2.0.2",
     "scule": "^1.3.0",
     "sortablejs": "^1.15.6",
-    "zod": "^4.2.1"
+    "tinyglobby": "^0.2.15",
+    "zod": "^4.3.4"
   },
   "devDependencies": {
     "@antfu/eslint-config": "^5.4.1",
-    "@commitlint/cli": "^20.2.0",
-    "@commitlint/config-conventional": "^20.2.0",
+    "@commitlint/cli": "^20.3.0",
+    "@commitlint/config-conventional": "^20.3.0",
     "@nuxt/devtools": "^3.1.1",
     "@nuxt/module-builder": "^1.0.2",
     "@nuxt/schema": "^4.2.2",
     "@nuxt/test-utils": "^3.21.0",
-    "@types/node": "^24.10.4",
     "@types/sortablejs": "^1.15.9",
     "@vue/test-utils": "^2.4.6",
-    "changelogen": "^0.6.2",
+    "changelogen-monorepo": "^0.5.0",
     "eslint": "^9.39.2",
     "happy-dom": "^20.0.11",
     "husky": "^9.1.7",
@@ -104,12 +104,6 @@
   "resolutions": {
     "@hywax/cms": "workspace:*"
   },
-  "ignoredBuiltDependencies": [
-    "@parcel/watcher",
-    "@tailwindcss/oxide",
-    "esbuild",
-    "vue-demi"
-  ],
   "lint-staged": {
     "*.ts": "pnpm run lint"
   },