@hywax/cms 0.0.19 → 0.0.20

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

@@ -1,5 +1,9 @@
 export default {
   "slots": {
-    "root": ""
+    "root": "flex items-center gap-2",
+    "avatar": "bg-elevated size-7 rounded-md",
+    "container": "text-xs",
+    "name": "font-medium text-default",
+    "description": "text-muted truncate max-w-40"
   }
 }

package/dist/module.d.mts

@@ -32,6 +32,11 @@ interface CMSOptions {
      * @defaultValue {}
      */
     httpCodes?: Record<string, string>;
+    /**
+     * Features
+     * @defaultValue {}
+     */
+    features?: Record<string, boolean>;
 }
 
 declare module '@nuxt/schema' {

package/dist/module.json

@@ -1,6 +1,6 @@
 {
   "name": "@hywax/cms",
-  "version": "0.0.19",
+  "version": "0.0.20",
   "configKey": "cms",
   "builder": {
     "@nuxt/module-builder": "1.0.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.19";
+const version = "0.0.20";
 
 function createContext(options, nuxt) {
   const { resolve } = createResolver(import.meta.url);
@@ -21,7 +21,11 @@ function createContext(options, nuxt) {
   };
 }
 
-const defaultCMSConfig = {};
+function defaultCMSConfig(options) {
+  return {
+    features: options.features
+  };
+}
 const defaultModuleOptions = {
   name: "cms",
   prefix: "C",
@@ -37,7 +41,8 @@ const defaultModuleOptions = {
     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"
-  }
+  },
+  features: {}
 };
 
 function transformHttpCodes(httpCodes) {
@@ -84,7 +89,7 @@ function prepareAutoImports({ resolve, options, nuxt }) {
   nuxt.options.nitro.alias ||= {};
   nuxt.options.nitro.alias["#cms/http-codes"] = httpCodesPath;
   nuxt.options.alias["#cms"] = resolve("./runtime");
-  nuxt.options.appConfig.cms = defu(nuxt.options.appConfig.cms || {}, defaultCMSConfig);
+  nuxt.options.appConfig.cms = defu(nuxt.options.appConfig.cms || {}, defaultCMSConfig(options));
 }
 
 async function prepareGenerateEnv({ nuxt }) {
@@ -320,7 +325,11 @@ const tableCellSeo = {
 
 const tableCellUser = {
   slots: {
-    root: ""
+    root: "flex items-center gap-2",
+    avatar: "bg-elevated size-7 rounded-md",
+    container: "text-xs",
+    name: "font-medium text-default",
+    description: "text-muted truncate max-w-40"
   }
 };
 
@@ -498,7 +507,7 @@ import type { TVConfig } from '@nuxt/ui'
 import type { RouteLocationRaw } from 'vue-router'
 
 type AppConfigCMS = {
-
+  features: Record<string, boolean>
 } & TVConfig<typeof cms>
 
 declare module '@nuxt/schema' {

package/dist/runtime/components/AutocompleteSelect.vue

@@ -33,6 +33,7 @@
 import theme from "#build/cms/autocomplete-select";
 import { computed, ref, refDebounced, shallowRef, toRaw, triggerRef, useAppConfig, useAsyncData, useId, useInfiniteScroll, useNuxtData, useOffsetPagination, watch } from "#imports";
 import { tv } from "../tv";
+import ButtonClear from "./ButtonClear.vue";
 </script>
 
 <script setup>

package/dist/runtime/components/InputSlug.vue

@@ -6,9 +6,7 @@
     >
       <UInput
         v-model="title"
-        :color="color"
-        :variant="variant"
-        :size="size"
+        v-bind="inputProps"
         class="w-full"
       />
     </UFormField>
@@ -53,9 +51,7 @@ const props = defineProps({
   label: { type: String, required: false },
   titleKey: { type: String, required: false },
   slugKey: { type: String, required: false },
-  color: { type: null, required: false },
-  variant: { type: null, required: false },
-  size: { type: null, required: false },
+  inputProps: { type: Object, required: false },
   as: { type: null, required: false },
   class: { type: null, required: false },
   ui: { type: null, required: false }

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

@@ -8,9 +8,7 @@ export interface InputSlugProps {
     label?: string;
     titleKey?: string;
     slugKey?: string;
-    color?: InputProps['color'];
-    variant?: InputProps['variant'];
-    size?: InputProps['size'];
+    inputProps?: Omit<InputProps, 'modelModifiers'>;
     as?: any;
     class?: any;
     ui?: InputSlug['slots'];

package/dist/runtime/components/TableCellPreview.vue

@@ -2,7 +2,7 @@
   <ULink :to="to" :class="ui.root({ class: [props.ui?.root, props.class] })">
     <UploraImage
       v-if="thumbnail"
-      :id="thumbnail.id"
+      :image="thumbnail.id"
       :alt="title"
       :lqip="thumbnail.lqip"
       :sizes="[{ width: 30, height: 30, descriptor: '1x' }]"
@@ -24,6 +24,7 @@
 import theme from "#build/cms/table-cell-preview";
 import { computed, useAppConfig } from "#imports";
 import { tv } from "../tv";
+import UploraImage from "./UploraImage.vue";
 </script>
 
 <script setup>

package/dist/runtime/components/TableCellUser.vue

@@ -1,15 +1,19 @@
 <template>
-  <UUser
-    :name="name"
-    :description="description"
-    :to="to"
-    :avatar="{
-  src: createAvatarByName(name)
-}"
-    size="sm"
-    :as="as"
-    :class="ui.root({ class: [props.ui?.root, props.class] })"
-  />
+  <ULink :to="to" :class="ui.root({ class: [props.ui?.root, props.class] })">
+    <UAvatar
+      v-bind="avatar"
+      size="sm"
+      :class="ui.avatar({ class: props.ui?.avatar })"
+    />
+    <div :class="ui.container({ class: props.ui?.container })">
+      <p :class="ui.name({ class: props.ui?.name })">
+        {{ name }}
+      </p>
+      <p v-if="description" :class="ui.description({ class: props.ui?.description })">
+        {{ description }}
+      </p>
+    </div>
+  </ULink>
 </template>
 
 <script>
@@ -23,11 +27,14 @@ import { createAvatarByName } from "../utils/avatar";
 const props = defineProps({
   name: { type: String, required: true },
   description: { type: String, required: false },
+  avatar: { type: Object, required: false },
   to: { type: null, required: false },
-  as: { type: null, required: false },
   class: { type: null, required: false },
   ui: { type: null, required: false }
 });
 const appConfig = useAppConfig();
+const avatar = computed(() => props.avatar ?? {
+  src: createAvatarByName(props.name)
+});
 const ui = computed(() => tv({ extend: tv(theme), ...appConfig.cms?.tableCellUser || {} })());
 </script>

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

@@ -1,4 +1,5 @@
 import type { AppConfig } from '@nuxt/schema';
+import type { AvatarProps } from '@nuxt/ui';
 import type { RouteLocationRaw } from 'vue-router';
 import type { ComponentConfig } from '../types';
 import theme from '#build/cms/table-cell-user';
@@ -6,8 +7,10 @@ type TableCellUser = ComponentConfig<typeof theme, AppConfig, 'tableCellUser'>;
 export interface TableCellUserProps {
     name: string;
     description?: string;
+    avatar?: Omit<AvatarProps, 'size'> & {
+        [key: string]: any;
+    };
     to?: RouteLocationRaw;
-    as?: any;
     class?: any;
     ui?: TableCellUser['slots'];
 }

package/dist/runtime/components/TablePanel.vue

@@ -94,6 +94,8 @@ import { computed, h, ref, useAppConfig, useTemplateRef } from "#imports";
 import { objectOmit, reactivePick } from "@vueuse/core";
 import { useForwardProps } from "reka-ui";
 import { tv } from "../tv";
+import TablePanelColumnSorting from "./TablePanelColumnSorting.vue";
+import TablePanelColumnVisibility from "./TablePanelColumnVisibility.vue";
 </script>
 
 <script setup>

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

@@ -0,0 +1,4 @@
+import type { AppConfig } from '@nuxt/schema';
+type Feature = keyof AppConfig['cms']['features'];
+export declare function featureIsEnabled(feature: Feature): any;
+export {};

package/dist/runtime/utils/features.js

@@ -0,0 +1,13 @@
+import { useAppConfig } from "#imports";
+function isFeature(value) {
+  const appConfig = useAppConfig();
+  return typeof value === "string" && value in appConfig.cms.features;
+}
+export function featureIsEnabled(feature) {
+  if (!isFeature(feature)) {
+    console.warn(`Feature ${feature} is not a valid feature`);
+    return false;
+  }
+  const appConfig = useAppConfig();
+  return appConfig.cms.features[feature];
+}

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

@@ -1,4 +1,6 @@
 export * from './avatar';
 export * from './dictionaries';
+export * from './features';
 export * from './image';
+export * from './logger';
 export * from './slugify';

package/dist/runtime/utils/index.js

@@ -1,4 +1,6 @@
 export * from "./avatar.js";
 export * from "./dictionaries.js";
+export * from "./features.js";
 export * from "./image.js";
+export * from "./logger.js";
 export * from "./slugify.js";

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

@@ -0,0 +1 @@
+export declare const logger: import("consola").ConsolaInstance;

package/dist/runtime/utils/logger.js

@@ -0,0 +1,2 @@
+import { consola } from "consola";
+export const logger = consola;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@hywax/cms",
   "type": "module",
-  "version": "0.0.19",
+  "version": "0.0.20",
   "description": "Hywax CMS. ⚠️ This package is intended for internal use only.",
   "repository": {
     "type": "git",
@@ -66,6 +66,7 @@
     "@uplora/formats": "^0.1.0",
     "@uplora/serializer": "^0.1.3",
     "@vueuse/nuxt": "^13.4.0",
+    "consola": "^3.4.2",
     "defu": "^6.1.4",
     "fast-equals": "^5.2.2",
     "nuxt-auth-utils": "^0.5.20",