@hywax/cms-console 1.0.0

package/dist/runtime/composables/useSeoStats.js

@@ -0,0 +1,44 @@
+import { computed, toValue } from "#imports";
+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

@@ -0,0 +1,25 @@
+import type { PaginationQuery, RequiredOptional, SortQuery } from '@hywax/cms-runtime';
+import type { SortingState } from '@tanstack/vue-table';
+import type { ComputedRef, MaybeRefOrGetter, Ref } from 'vue';
+import type { GetQueryTransforms } from '../types';
+interface UseTableOptions<T> {
+    query?: {
+        enabled?: true | false;
+        transform: GetQueryTransforms<T>;
+    };
+}
+interface UseTableReturn<T> {
+    source: ComputedRef<T>;
+    filters: Ref<T>;
+    updateFilters: (value: Partial<T>) => void;
+    sorting: Ref<SortingState>;
+    pagination: Ref<PaginationQuery>;
+    query: ComputedRef<T & PaginationQuery & SortQuery | object>;
+}
+export declare function useTableFilters<T extends Record<string, any>>(initialFilters: MaybeRefOrGetter<T>, options?: UseTableOptions<T>): {
+    initial: ComputedRef<T>;
+    filters: Ref<T, T>;
+    updateFilters: (value: Partial<T>) => void;
+};
+export default function useTable<T extends Record<string, any>>(initialFilters: MaybeRefOrGetter<RequiredOptional<T>>, options?: UseTableOptions<RequiredOptional<T>>): UseTableReturn<RequiredOptional<T>>;
+export {};

package/dist/runtime/composables/useTable.js

@@ -0,0 +1,84 @@
+import copy from "fast-copy";
+import { computed, ref, toValue, watch } from "vue";
+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);
+  watch(initial, (initial2) => {
+    filters.value = copy(initial2);
+  });
+  const updateFilters = (value) => {
+    Object.assign(filters.value, value);
+  };
+  return {
+    initial,
+    filters,
+    updateFilters
+  };
+}
+function useTablePagination(options) {
+  const initialPagination = { page: 1, perPage: 20 };
+  const pagination = options?.query?.enabled ? useQueryState(initialPagination, { page: "number", perPage: "number" }) : ref(initialPagination);
+  watch(() => pagination.value.perPage, () => {
+    if (pagination.value.page !== 1) {
+      pagination.value.page = 1;
+    }
+  });
+  return { pagination };
+}
+function useTableSort(query) {
+  const initialSort = { "sort.column": null, "sort.type": "asc" };
+  const state = query ? useQueryState(initialSort, {}) : ref(initialSort);
+  const sort = computed(() => {
+    if (!state.value["sort.column"]) {
+      return null;
+    }
+    return { sortColumn: state.value["sort.column"], sortType: state.value["sort.type"] };
+  });
+  const sorting = computed({
+    get: () => {
+      if (!state.value["sort.column"]) {
+        return [];
+      }
+      return [{ id: state.value["sort.column"], desc: state.value["sort.type"] === "desc" }];
+    },
+    set: (value) => {
+      if (value.length === 0) {
+        state.value = { "sort.column": null, "sort.type": "asc" };
+        return;
+      }
+      const { id, desc } = value[0];
+      state.value = { "sort.column": id, "sort.type": desc ? "desc" : "asc" };
+    }
+  });
+  return { sort, sorting };
+}
+export default function useTable(initialFilters, options) {
+  const {
+    initial,
+    filters,
+    updateFilters
+  } = useTableFilters(initialFilters, options);
+  const { sort, sorting } = useTableSort();
+  const { pagination } = useTablePagination(options);
+  const query = computed(() => {
+    return {
+      ...filters.value,
+      ...sort.value,
+      ...pagination.value
+    };
+  });
+  watch(filters, () => {
+    if (pagination.value.page !== 1) {
+      pagination.value.page = 1;
+    }
+  }, { deep: true });
+  return {
+    source: initial,
+    filters,
+    sorting,
+    pagination,
+    updateFilters,
+    query
+  };
+}

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

@@ -0,0 +1,28 @@
+import type { ButtonProps, FormSchema, TableColumn, TableData, TableRow } from '@nuxt/ui';
+import type { RowData } from '@tanstack/table-core';
+import type { RouteLocationRaw } from 'vue-router';
+import type { FiltersField } from '../types';
+declare module '@tanstack/table-core' {
+    interface ColumnMeta<TData extends RowData, TValue> {
+        headerLabel?: string;
+    }
+}
+export declare function useTableFiltersFields<S extends FormSchema, F extends readonly FiltersField<S>[]>(_schema: S, fields: F): {
+    filtersFields: {
+        -readonly [P in keyof F]: F[P];
+    };
+};
+export type TableColumnFormat = 'number' | 'date' | 'date-time';
+export type TableColumnCustom<T extends TableData, D = unknown> = TableColumn<T, D> & {
+    format?: TableColumnFormat;
+    to?: ((row: TableRow<T>) => RouteLocationRaw | string | undefined) | RouteLocationRaw | string | undefined;
+    target?: ButtonProps['target'];
+    emptyValue?: string;
+    image?: string;
+    description?: string;
+};
+export declare function useTableColumns<I extends Record<string, any>, T extends readonly TableColumnCustom<I>[] = readonly TableColumnCustom<I>[]>(columns: T): {
+    columns: {
+        -readonly [P in keyof T]: T[P];
+    };
+};

package/dist/runtime/composables/useTableColumns.js

@@ -0,0 +1,54 @@
+import { UUser } from "#components";
+import { h } from "vue";
+import { formatDate, formatDateTime, formatNumber } from "../utils/index.js";
+export function useTableFiltersFields(_schema, fields) {
+  return { filtersFields: fields };
+}
+function applyFormat(value, column) {
+  if (value === void 0 || value === null || !column.format) {
+    return value;
+  }
+  if (column.format === "number") {
+    return formatNumber(value);
+  }
+  if (column.format === "date") {
+    return value ? formatDate(value) : column.emptyValue;
+  }
+  if (column.format === "date-time") {
+    return value ? formatDateTime(value) : column.emptyValue;
+  }
+  return value;
+}
+function transformColumn(column) {
+  const col = {
+    ...column,
+    cell: column.cell ?? (({ getValue, row }) => {
+      const value = applyFormat(getValue(), column);
+      if (!value && typeof value !== "number") {
+        return void 0;
+      }
+      if (column.to) {
+        return h(UUser, {
+          to: typeof column.to === "function" ? column.to(row) : column.to,
+          target: column.target,
+          name: value.toString(),
+          class: "inline-flex",
+          ui: {
+            name: "text-primary",
+            avatar: "group-hover/user:scale-100"
+          },
+          avatar: column.image ? { src: column.image, size: "sm", alt: value.toString() } : void 0,
+          description: column.description
+        });
+      }
+      return value;
+    })
+  };
+  if (column.format === "number") {
+    col.meta = { ...col.meta, class: { td: "text-right tabular-nums", th: "text-right tabular-nums" } };
+  }
+  return col;
+}
+export function useTableColumns(columns) {
+  return { columns: columns.map((c) => transformColumn(c)) };
+}

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: {
+    uploraImage: {
+        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,42 @@
+import { mergeAttributes, Node } from "@tiptap/core";
+import { VueNodeViewRenderer } from "@tiptap/vue-3";
+import EditorUploraImageNodeComponent from "./EditorUploraImageNode.vue";
+export const UploraImageHandlers = {
+  uploraImage: {
+    canExecute: (editor) => editor.can().insertContent({ type: "uploraImage" }),
+    execute: (editor) => editor.chain().focus().insertContent({ type: "uploraImage" }),
+    isActive: (editor) => editor.isActive("uploraImage"),
+    isDisabled: void 0
+  }
+};
+export const UploraImage = Node.create({
+  name: "uploraImage",
+  group: "block",
+  atom: true,
+  draggable: true,
+  addAttributes() {
+    return {
+      image: { default: "" },
+      alt: { default: "" },
+      lqip: { default: "" }
+    };
+  },
+  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,4 @@
+import type { NodeViewProps } from '@tiptap/vue-3';
+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,23 @@
+<template>
+  <NodeViewWrapper>
+    <InputUploraImage />
+  </NodeViewWrapper>
+</template>
+
+<script setup>
+import { NodeViewWrapper } from "@tiptap/vue-3";
+import InputUploraImage from "../../components/InputUploraImage.vue";
+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 }
+});
+</script>

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

@@ -0,0 +1,4 @@
+import type { NodeViewProps } from '@tiptap/vue-3';
+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/index.css

@@ -0,0 +1 @@
+@import "@hywax/cms-runtime";@import "#build/cms-console.css";@source "./components";@source "./editor";

package/dist/runtime/server/tsconfig.json

@@ -0,0 +1,3 @@
+{
+  "extends": "../../../.nuxt/tsconfig.server.json"
+}

package/dist/runtime/tv.d.ts

@@ -0,0 +1 @@
+export declare const tv: import("tailwind-variants").TV;

package/dist/runtime/tv.js

@@ -0,0 +1,4 @@
+import appConfig from "#build/app.config";
+import { createTV } from "tailwind-variants";
+const appConfigTv = appConfig;
+export const tv = /* @__PURE__ */ createTV(appConfigTv.ui?.tv);

package/dist/runtime/types/app.config.d.ts

@@ -0,0 +1,6 @@
+declare module '#build/app.config' {
+  import type { AppConfig } from '@nuxt/schema'
+
+  const _default: AppConfig
+  export default _default
+}

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

@@ -0,0 +1,5 @@
+export type DateType = string;
+export interface DateRange {
+    start: DateType;
+    end: DateType;
+}

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

@@ -0,0 +1 @@
+export type Country = 'ru' | 'us';

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

@@ -0,0 +1,30 @@
+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/TableColumnSorting.vue';
+export * from '../components/TableFilters.vue';
+export * from '../components/TablePanel.vue';
+export * from '../components/TableSearchInput.vue';
+export * from '../composables/useAdmin';
+export * from '../composables/useEditorDragHandle';
+export * from '../composables/useEditorSuggestions';
+export * from '../composables/useEditorToolbar';
+export * from '../composables/useQueryState';
+export * from '../composables/useRouteQuery';
+export * from '../composables/useSeoStats';
+export * from '../composables/useTable';
+export * from '../composables/useTableColumns';
+export * from './date';
+export * from './dictionaries';
+export * from './seo';

package/dist/runtime/types/index.js

@@ -0,0 +1,30 @@
+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/TableColumnSorting.vue";
+export * from "../components/TableFilters.vue";
+export * from "../components/TablePanel.vue";
+export * from "../components/TableSearchInput.vue";
+export * from "../composables/useAdmin.js";
+export * from "../composables/useEditorDragHandle.js";
+export * from "../composables/useEditorSuggestions.js";
+export * from "../composables/useEditorToolbar.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 "./date.js";
+export * from "./dictionaries.js";
+export * from "./seo.js";

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

@@ -0,0 +1,4 @@
+export interface SEO {
+    title: string;
+    description: string;
+}

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

@@ -0,0 +1,2 @@
+export declare const authRedirectToCookie: string;
+export declare function getAuthRedirectTo(redirectTo?: string): string;

package/dist/runtime/utils/auth.js

@@ -0,0 +1,5 @@
+import { getCmsConfig } from "#imports";
+export const authRedirectToCookie = `${getCmsConfig().name}-auth-redirect`;
+export function getAuthRedirectTo(redirectTo) {
+  return redirectTo ? decodeURIComponent(redirectTo) : "/";
+}

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

@@ -0,0 +1,5 @@
+import type { DateLike } from '@vueuse/core';
+export declare function formatDateTime(date: DateLike): string;
+export declare function formatDate(date: DateLike): string;
+export declare function formatTime(date: DateLike): string;
+export declare function formatServerDateTime(date: DateLike): string;

package/dist/runtime/utils/date.js

@@ -0,0 +1,15 @@
+import { getCmsConfig } from "#imports";
+import { formatDate as format, normalizeDate } from "@vueuse/core";
+export function formatDateTime(date) {
+  return normalizeDate(date).toLocaleString("ru-RU");
+}
+export function formatDate(date) {
+  return normalizeDate(date).toLocaleDateString("ru-RU");
+}
+export function formatTime(date) {
+  return normalizeDate(date).toLocaleTimeString("ru-RU");
+}
+export function formatServerDateTime(date) {
+  const { formats } = getCmsConfig();
+  return format(normalizeDate(date), formats.serverDateTime);
+}

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

@@ -0,0 +1,5 @@
+import type { Country } from '../types';
+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;

package/dist/runtime/utils/formatters.js

@@ -0,0 +1,24 @@
+const currencies = {
+  ru: "RUB",
+  us: "USD"
+};
+export function formatMoney(value, country = "ru", locales = "ru-RU") {
+  return value.toLocaleString(locales, {
+    style: "currency",
+    currency: currencies[country],
+    currencyDisplay: "narrowSymbol"
+  });
+}
+export function formatNumber(value, locales = "ru-RU") {
+  return value.toLocaleString(locales, {
+    style: "decimal"
+  });
+}
+export function formatPercentage(value, locales = "ru-RU") {
+  return value.toLocaleString(locales, {
+    style: "percent"
+  });
+}
+export function formatBoolean(value) {
+  return value ? "\u0414\u0430" : "\u041D\u0435\u0442";
+}

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

@@ -0,0 +1,4 @@
+export * from './auth';
+export * from './date';
+export * from './formatters';
+export * from './slugify';

package/dist/runtime/utils/index.js

@@ -0,0 +1,4 @@
+export * from "./auth.js";
+export * from "./date.js";
+export * from "./formatters.js";
+export * from "./slugify.js";

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

@@ -0,0 +1 @@
+export declare function slugify(text?: string): string;

package/dist/runtime/utils/slugify.js

@@ -0,0 +1,11 @@
+import _slugify from "@sindresorhus/slugify";
+export function slugify(text) {
+  if (!text) {
+    return "";
+  }
+  return _slugify(text, {
+    customReplacements: [
+      ["@", " at "]
+    ]
+  });
+}

package/dist/types.d.mts

@@ -0,0 +1,11 @@
+import type { NuxtModule } from '@nuxt/schema'
+
+import type { default as Module } from './module.mjs'
+
+export type ModuleOptions = typeof Module extends NuxtModule<infer O> ? Partial<O> : Record<string, any>
+
+export { default } from './module.mjs'
+
+export { type CMSConsoleOptions } from './module.mjs'
+
+export * from '../dist/runtime/types/index.js'

package/package.json

@@ -0,0 +1,89 @@
+{
+  "name": "@hywax/cms-console",
+  "type": "module",
+  "version": "1.0.0",
+  "packageManager": "pnpm@10.27.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-console/*": "./.nuxt/cms-console/*.ts",
+    "#build/cms-console.css": "./.nuxt/cms-console.css"
+  },
+  "exports": {
+    ".": {
+      "types": "./dist/module.d.mts",
+      "style": "./dist/runtime/index.css",
+      "import": "./dist/module.mjs"
+    },
+    "./runtime/*": "./dist/runtime/*",
+    "./utils": {
+      "types": "./dist/runtime/utils/index.d.ts",
+      "import": "./dist/runtime/utils/index.js"
+    },
+    "./utils/*": {
+      "types": "./dist/runtime/utils/*.d.ts",
+      "import": "./dist/runtime/utils/*.js"
+    }
+  },
+  "main": "./dist/module.mjs",
+  "typesVersions": {
+    "*": {
+      ".": [
+        "./dist/module.d.mts"
+      ],
+      "./runtime/*": [
+        "./dist/runtime/*"
+      ],
+      "./utils": [
+        "./dist/runtime/utils/index.d.ts"
+      ],
+      "./utils/*": [
+        "./dist/runtime/utils/*.d.ts"
+      ]
+    }
+  },
+  "style": "./dist/runtime/index.css",
+  "files": [
+    ".nuxt/cms-console",
+    ".nuxt/cms-console.css",
+    "dist"
+  ],
+  "dependencies": {
+    "@nuxt/kit": "catalog:",
+    "@sindresorhus/slugify": "^3.0.0",
+    "@unovis/ts": "^1.6.2",
+    "@unovis/vue": "^1.6.2",
+    "defu": "catalog:",
+    "fast-copy": "^3.0.2",
+    "fast-equals": "^5.4.0",
+    "pathe": "catalog:",
+    "scule": "catalog:",
+    "sortablejs": "^1.15.6",
+    "@hywax/cms-runtime": "1.0.0"
+  },
+  "devDependencies": {
+    "@nuxt/devtools": "catalog:",
+    "@nuxt/module-builder": "catalog:",
+    "@nuxt/schema": "catalog:",
+    "@nuxt/test-utils": "catalog:",
+    "@types/sortablejs": "^1.15.9",
+    "@vue/test-utils": "catalog:",
+    "happy-dom": "catalog:",
+    "nuxt": "catalog:",
+    "typescript": "catalog:",
+    "vitest": "catalog:",
+    "vue-tsc": "catalog:"
+  },
+  "scripts": {
+    "release": "pnpm publish --access public",
+    "build": "nuxt-module-build build",
+    "module:prepare": "nuxt-module-build build --stub && nuxt-module-build prepare",
+    "test": "vitest run",
+    "test:watch": "vitest watch",
+    "typecheck": "vue-tsc --noEmit",
+    "clean": "rm -rf .nuxt .output node_modules dist"
+  }
+}