@wikex/admin-kit 0.2.0 → 0.2.2

package/dist/chunk-7FEACJUN.js

@@ -0,0 +1,151 @@
+// src/adminExperience.ts
+var IMAGE_UPLOAD_GUIDANCE = "Y\xEAu c\u1EA7u \u0111\u1EC3 \u1EA3nh hi\u1EC3n th\u1ECB r\xF5: hero/banner n\xEAn t\u1EEB 1920 \xD7 1080 px; \u1EA3nh n\u1ED9i dung n\xEAn r\u1ED9ng t\u1ED1i thi\u1EC3u 1200 px. \u01AFu ti\xEAn WebP ho\u1EB7c JPEG, dung l\u01B0\u1EE3ng d\u01B0\u1EDBi 500 KB.";
+var labelTranslations = {
+  "Archive Block": "Kh\u1ED1i l\u01B0u tr\u1EEF",
+  Content: "N\u1ED9i dung",
+  Description: "M\xF4 t\u1EA3",
+  Hero: "M\u1EDF \u0111\u1EA7u",
+  "Hero Image": "\u1EA2nh \u0111\u1EA1i di\u1EC7n",
+  Image: "H\xECnh \u1EA3nh",
+  Layout: "B\u1ED1 c\u1EE5c",
+  Link: "Li\xEAn k\u1EBFt",
+  Media: "H\xECnh \u1EA3nh",
+  Meta: "Th\xF4ng tin b\u1ED5 sung",
+  Title: "Ti\xEAu \u0111\u1EC1"
+};
+var fieldNameLabels = {
+  alt: "V\u0103n b\u1EA3n thay th\u1EBF",
+  authors: "T\xE1c gi\u1EA3",
+  caption: "Ch\xFA th\xEDch",
+  categories: "Chuy\xEAn m\u1EE5c",
+  content: "N\u1ED9i dung",
+  coverImage: "\u1EA2nh b\xECa",
+  defaultOgImage: "\u1EA2nh chia s\u1EBB m\u1EB7c \u0111\u1ECBnh",
+  description: "M\xF4 t\u1EA3",
+  excerpt: "T\xF3m t\u1EAFt",
+  featuredImage: "\u1EA2nh n\u1ED5i b\u1EADt",
+  heroImage: "\u1EA2nh \u0111\u1EA1i di\u1EC7n",
+  image: "H\xECnh \u1EA3nh",
+  logo: "Logo",
+  media: "H\xECnh \u1EA3nh",
+  appearance: "Ki\u1EC3u hi\u1EC3n th\u1ECB",
+  links: "Li\xEAn k\u1EBFt",
+  newTab: "M\u1EDF trong tab m\u1EDBi",
+  publishedAt: "Ng\xE0y xu\u1EA5t b\u1EA3n",
+  relatedPosts: "B\xE0i vi\u1EBFt li\xEAn quan",
+  slug: "\u0110\u01B0\u1EDDng d\u1EABn",
+  summary: "M\xF4 t\u1EA3 ng\u1EAFn",
+  title: "Ti\xEAu \u0111\u1EC1",
+  type: "Lo\u1EA1i"
+};
+var entityLabels = {
+  "form-submissions": { plural: "D\u1EEF li\u1EC7u bi\u1EC3u m\u1EABu", singular: "D\u1EEF li\u1EC7u bi\u1EC3u m\u1EABu" },
+  forms: { plural: "Bi\u1EC3u m\u1EABu", singular: "Bi\u1EC3u m\u1EABu" },
+  redirects: { plural: "Chuy\u1EC3n h\u01B0\u1EDBng", singular: "Chuy\u1EC3n h\u01B0\u1EDBng" },
+  search: { plural: "K\u1EBFt qu\u1EA3 t\xECm ki\u1EBFm", singular: "K\u1EBFt qu\u1EA3 t\xECm ki\u1EBFm" }
+};
+var translateLabel = (label) => typeof label === "string" ? labelTranslations[label] || label : label;
+var enhanceFields = (fields) => {
+  for (const field of fields) {
+    if ("name" in field) {
+      field.label = field.label === void 0 ? fieldNameLabels[field.name] : translateLabel(field.label);
+    } else if ("label" in field) {
+      field.label = translateLabel(field.label);
+    }
+    if (field.type === "upload" && field.relationTo === "media") {
+      const currentDescription = field.admin?.description;
+      field.admin = {
+        ...field.admin,
+        description: typeof currentDescription === "string" && !currentDescription.includes(IMAGE_UPLOAD_GUIDANCE) ? `${currentDescription} ${IMAGE_UPLOAD_GUIDANCE}` : IMAGE_UPLOAD_GUIDANCE
+      };
+    }
+    if (field.type === "tabs") {
+      for (const tab of field.tabs) {
+        tab.label = translateLabel(tab.label);
+        enhanceFields(tab.fields);
+      }
+    } else if ("fields" in field && Array.isArray(field.fields)) {
+      enhanceFields(field.fields);
+    }
+    if (field.type === "blocks") {
+      for (const block of field.blocks ?? []) {
+        if (block.labels) {
+          block.labels = {
+            plural: translateLabel(block.labels.plural),
+            singular: translateLabel(block.labels.singular)
+          };
+        }
+        enhanceFields(block.fields);
+      }
+    }
+  }
+};
+var adminExperiencePlugin = (config) => {
+  for (const collection of config.collections ?? []) {
+    const translatedLabels = entityLabels[collection.slug];
+    if (translatedLabels) collection.labels = translatedLabels;
+    enhanceFields(collection.fields);
+    if (collection.slug === "media") {
+      collection.admin = {
+        ...collection.admin,
+        description: IMAGE_UPLOAD_GUIDANCE
+      };
+    }
+  }
+  for (const global of config.globals ?? []) enhanceFields(global.fields);
+  return config;
+};
+
+// src/plugin.ts
+var appendUnique = (current, additions) => [
+  .../* @__PURE__ */ new Set([...current ?? [], ...additions])
+];
+var wikexAdminPlugin = (options = {}) => {
+  return (config) => {
+    if (options.enabled === false) return config;
+    const admin = config.admin ?? {};
+    const components = admin.components ?? {};
+    const beforeDashboard = options.components?.beforeDashboard;
+    const provider = options.components?.provider;
+    return {
+      ...config,
+      admin: {
+        ...admin,
+        components: {
+          ...components,
+          Nav: components.Nav ?? "@wikex/admin-kit/admin/nav",
+          actions: appendUnique(components.actions, [
+            "@wikex/admin-kit/admin/theme-toggle",
+            "@wikex/admin-kit/admin/view-site"
+          ]),
+          beforeDashboard: typeof beforeDashboard !== "string" ? components.beforeDashboard : appendUnique(components.beforeDashboard, [beforeDashboard]),
+          beforeLogin: appendUnique(components.beforeLogin, [
+            "@wikex/admin-kit/admin/before-login"
+          ]),
+          graphics: {
+            Icon: components.graphics?.Icon ?? "@wikex/admin-kit/admin/brand#AdminIcon",
+            Logo: components.graphics?.Logo ?? "@wikex/admin-kit/admin/brand#AdminLogo"
+          },
+          header: appendUnique(components.header, ["@wikex/admin-kit/admin/header"]),
+          logout: {
+            Button: components.logout?.Button ?? "@wikex/admin-kit/admin/logout-button"
+          },
+          providers: typeof provider !== "string" ? components.providers : appendUnique(components.providers, [provider])
+        },
+        livePreview: admin.livePreview ?? {
+          breakpoints: [
+            { height: 667, label: "\u0110i\u1EC7n tho\u1EA1i", name: "mobile", width: 375 },
+            { height: 1024, label: "M\xE1y t\xEDnh b\u1EA3ng", name: "tablet", width: 768 },
+            { height: 900, label: "M\xE1y t\xEDnh", name: "desktop", width: 1440 }
+          ]
+        }
+      }
+    };
+  };
+};
+
+export {
+  IMAGE_UPLOAD_GUIDANCE,
+  adminExperiencePlugin,
+  wikexAdminPlugin
+};

package/dist/chunk-BUD6BMFV.js

@@ -0,0 +1,117 @@
+// src/textStyles.ts
+var TEXT_FONT_OPTIONS = [
+  { css: "", label: "M\u1EB7c \u0111\u1ECBnh", value: "default" },
+  { css: "var(--font-manrope), sans-serif", label: "Manrope", value: "manrope" },
+  { css: "var(--font-inter), sans-serif", label: "Inter", value: "inter" },
+  { css: "var(--font-roboto), sans-serif", label: "Roboto", value: "roboto" },
+  { css: "var(--font-montserrat), sans-serif", label: "Montserrat", value: "montserrat" },
+  { css: "var(--font-lora), serif", label: "Lora", value: "lora" },
+  {
+    css: "var(--font-playfair-display), serif",
+    label: "Playfair Display",
+    value: "playfair-display"
+  }
+];
+var TEXT_LINE_HEIGHT_OPTIONS = [
+  { css: "", label: "M\u1EB7c \u0111\u1ECBnh", value: "default" },
+  { css: "0.9", label: "R\u1EA5t ch\u1EB7t \xB7 0.9", value: "0.9" },
+  { css: "1", label: "Ch\u1EB7t \xB7 1.0", value: "1" },
+  { css: "1.15", label: "G\u1ECDn \xB7 1.15", value: "1.15" },
+  { css: "1.35", label: "Ti\xEAu chu\u1EA9n \xB7 1.35", value: "1.35" },
+  { css: "1.5", label: "Tho\xE1ng \xB7 1.5", value: "1.5" },
+  { css: "1.7", label: "R\u1ED9ng \xB7 1.7", value: "1.7" }
+];
+var EDITABLE_INTERACTIVE_SELECTOR = [
+  "a",
+  "button",
+  'input:not([type="hidden"])',
+  "select",
+  "textarea",
+  '[role="button"]',
+  '[role="link"]',
+  '[tabindex]:not([tabindex="-1"])'
+].join(",");
+var EDITABLE_PREVIEW_SELECTOR = [
+  "h1",
+  "h2",
+  "h3",
+  "h4",
+  "h5",
+  "h6",
+  "p",
+  "li",
+  "span",
+  "strong",
+  EDITABLE_INTERACTIVE_SELECTOR
+].join(",");
+var isSyntheticElementStyleKey = (value) => value.startsWith("@element:");
+var getEditableElementStyleKey = (element) => {
+  const scopedRoot = element.closest("[data-wikex-scope]");
+  const root = scopedRoot ?? element.ownerDocument.body;
+  const scope = scopedRoot?.dataset.wikexScope || "body";
+  const segments = [];
+  let current = element;
+  while (current && current !== root) {
+    const parentElement = current.parentElement;
+    if (!parentElement) break;
+    const tagName = current.tagName.toLowerCase();
+    const sameTagSiblings = Array.from(parentElement.children).filter(
+      (sibling) => sibling.tagName === current?.tagName
+    );
+    const index = sameTagSiblings.indexOf(current) + 1;
+    segments.push(`${tagName}:nth-of-type(${Math.max(index, 1)})`);
+    current = parentElement;
+  }
+  return `@element:${scope}:${segments.reverse().join(">")}`;
+};
+var fontValues = new Set(TEXT_FONT_OPTIONS.map((option) => option.value));
+var lineHeightValues = new Set(TEXT_LINE_HEIGHT_OPTIONS.map((option) => option.value));
+var isRecord = (value) => Boolean(value) && typeof value === "object" && !Array.isArray(value);
+var normalizeTextStyleValue = (value) => {
+  if (!isRecord(value)) return {};
+  const fontFamily = typeof value.fontFamily === "string" && fontValues.has(value.fontFamily) ? value.fontFamily : void 0;
+  const lineHeight = typeof value.lineHeight === "string" && lineHeightValues.has(value.lineHeight) ? value.lineHeight : void 0;
+  const legacyWidth = typeof value.width === "string" && /^\d+(?:\.\d+)?%$/.test(value.width) ? Number.parseFloat(value.width) : void 0;
+  const widthValue = typeof value.width === "number" ? value.width : legacyWidth;
+  const width = typeof widthValue === "number" && Number.isFinite(widthValue) ? Math.min(100, Math.max(5, widthValue)) : void 0;
+  const widthOffset = typeof value.widthOffset === "number" && Number.isFinite(value.widthOffset) ? Math.min(width ? 100 - width : 95, Math.max(0, value.widthOffset)) : void 0;
+  return { fontFamily, lineHeight, width, widthOffset };
+};
+var normalizeTextStyleMap = (value) => {
+  if (!isRecord(value)) return {};
+  return Object.fromEntries(
+    Object.entries(value).map(([fieldPath, fieldStyle]) => [
+      fieldPath,
+      normalizeTextStyleValue(fieldStyle)
+    ])
+  );
+};
+var getTextStyleCSS = (value) => {
+  const fontFamily = TEXT_FONT_OPTIONS.find((option) => option.value === value.fontFamily)?.css;
+  const lineHeight = TEXT_LINE_HEIGHT_OPTIONS.find(
+    (option) => option.value === value.lineHeight
+  )?.css;
+  const width = typeof value.width === "number" ? `${value.width}%` : void 0;
+  const widthOffset = typeof value.widthOffset === "number" ? `${value.widthOffset}%` : void 0;
+  return {
+    boxSizing: width ? "border-box" : void 0,
+    fontFamily: fontFamily || void 0,
+    lineHeight: lineHeight || void 0,
+    marginLeft: width ? widthOffset || "0%" : void 0,
+    marginRight: width ? "auto" : void 0,
+    maxWidth: width ? "none" : void 0,
+    width
+  };
+};
+
+export {
+  TEXT_FONT_OPTIONS,
+  TEXT_LINE_HEIGHT_OPTIONS,
+  EDITABLE_INTERACTIVE_SELECTOR,
+  EDITABLE_PREVIEW_SELECTOR,
+  isSyntheticElementStyleKey,
+  getEditableElementStyleKey,
+  normalizeTextStyleValue,
+  normalizeTextStyleMap,
+  getTextStyleCSS
+};