@robosophy/ui-vue 1.0.10 → 1.0.11

package/dist/vite.js

@@ -1,9 +1,14 @@
-import { createHash as z } from "node:crypto";
-import { readFile as $, readdir as H } from "node:fs/promises";
-import { join as y, extname as v, sep as k } from "node:path";
-import { createRequire as I } from "node:module";
-import { fileURLToPath as L } from "node:url";
-const f = ["outlined", "rounded", "sharp"], p = "outlined", b = /^[a-z0-9_]+$/, S = /* @__PURE__ */ new Set([".js", ".jsx", ".mjs", ".ts", ".tsx", ".vue"]), T = /* @__PURE__ */ new Set([".git", "dist", "node_modules", "storybook-static"]), A = [
+import { createHash } from "node:crypto";
+import { readFile, readdir } from "node:fs/promises";
+import { join, extname, sep } from "node:path";
+import { createRequire } from "node:module";
+import { fileURLToPath } from "node:url";
+const families = ["outlined", "rounded", "sharp"];
+const defaultFamily = "outlined";
+const iconNamePattern = /^[a-z0-9_]+$/;
+const sourceExtensions = /* @__PURE__ */ new Set([".js", ".jsx", ".mjs", ".ts", ".tsx", ".vue"]);
+const skippedDirs = /* @__PURE__ */ new Set([".git", "dist", "node_modules", "storybook-static"]);
+const internalIconNames = [
   "arrow_drop_down",
   "arrow_drop_up",
   "arrow_left",
@@ -11,128 +16,157 @@ const f = ["outlined", "rounded", "sharp"], p = "outlined", b = /^[a-z0-9_]+$/,
   "close",
   "login",
   "nest_eco_leaf"
-], h = {
+];
+const familyFontNames = {
   outlined: "Material Symbols Outlined Variable",
   rounded: "Material Symbols Rounded Variable",
   sharp: "Material Symbols Sharp Variable"
-}, R = {
+};
+const familyPackages = {
   outlined: "@fontsource-variable/material-symbols-outlined",
   rounded: "@fontsource-variable/material-symbols-rounded",
   sharp: "@fontsource-variable/material-symbols-sharp"
-}, D = {
+};
+const familyFontVariants = {
   outlined: "wght",
   rounded: "wght",
   sharp: "wght"
-}, j = "swap", U = !1, V = I(import.meta.url);
-function rt(t = {}) {
-  let e, n = null, s = !1;
-  async function o() {
-    return s && n || (n = await C(e, t), s = !0), n;
+};
+const defaultFontDisplay = "swap";
+const defaultPreload = false;
+const require$1 = createRequire(import.meta.url);
+function robosophyMaterialSymbols(options = {}) {
+  let config;
+  let cachedAssets = null;
+  let cacheValid = false;
+  async function getAssets() {
+    if (cacheValid && cachedAssets) return cachedAssets;
+    cachedAssets = await ensureGeneratedAssets(config, options);
+    cacheValid = true;
+    return cachedAssets;
   }
   return {
     name: "robosophy-material-symbols",
-    async configResolved(a) {
-      e = a;
+    async configResolved(resolvedConfig) {
+      config = resolvedConfig;
     },
     async transformIndexHtml() {
-      const a = await o();
-      return M(a, t);
+      const assets = await getAssets();
+      return buildMaterialSymbolsHtmlTags(assets, options);
     },
-    configureServer(a) {
-      a.watcher.on("all", (r, i) => {
-        S.has(v(i)) && (s = !1);
-      }), a.middlewares.use(async (r, i, c) => {
-        if (!r.url?.startsWith("/@robosophy-material-symbols/")) {
-          c();
+    configureServer(server) {
+      server.watcher.on("all", (_event, file) => {
+        if (sourceExtensions.has(extname(file))) {
+          cacheValid = false;
+        }
+      });
+      server.middlewares.use(async (request, response, next) => {
+        if (!request.url?.startsWith("/@robosophy-material-symbols/")) {
+          next();
           return;
         }
         try {
-          const l = await o(), u = decodeURIComponent(
-            r.url.replace("/@robosophy-material-symbols/", "").split("?")[0] ?? ""
+          const assets = await getAssets();
+          const fileName = decodeURIComponent(
+            request.url.replace("/@robosophy-material-symbols/", "").split("?")[0] ?? ""
           );
-          if (u === "rs-material-symbols.css") {
-            i.setHeader("Content-Type", "text/css; charset=utf-8"), i.end(l.css);
+          if (fileName === "rs-material-symbols.css") {
+            response.setHeader("Content-Type", "text/css; charset=utf-8");
+            response.end(assets.css);
             return;
           }
-          const m = l.fonts.find((w) => w.fileName === u);
-          if (m) {
-            i.setHeader("Content-Type", "font/woff2"), i.end(m.source);
+          const font = assets.fonts.find((asset) => asset.fileName === fileName);
+          if (font) {
+            response.setHeader("Content-Type", "font/woff2");
+            response.end(font.source);
             return;
           }
-          c();
-        } catch (l) {
-          c(l);
+          next();
+        } catch (error) {
+          next(error);
         }
       });
     },
-    async generateBundle(a, r) {
-      const i = await o();
-      for (const c of i.fonts)
+    async generateBundle(_outputOptions, bundle) {
+      const assets = await getAssets();
+      for (const font of assets.fonts) {
         this.emitFile({
-          fileName: `assets/${c.fileName}`,
-          name: c.fileName,
-          source: c.source,
+          fileName: `assets/${font.fileName}`,
+          name: font.fileName,
+          source: font.source,
           type: "asset"
         });
+      }
       this.emitFile({
         fileName: "assets/rs-material-symbols.css",
         name: "rs-material-symbols.css",
-        source: i.css,
+        source: assets.css,
         type: "asset"
       });
     }
   };
 }
-async function C(t, e) {
-  const n = await B(t, e), s = t.command === "serve", o = await G(n, s, t.base);
+async function ensureGeneratedAssets(config, options) {
+  const usages = await collectMaterialSymbolUsages(config, options);
+  const devMode = config.command === "serve";
+  const fonts = await generateFontAssets(usages, devMode, config.base);
+  const css = buildMaterialSymbolsCss(
+    usages,
+    fonts,
+    devMode,
+    options.fontDisplay ?? defaultFontDisplay
+  );
   return {
-    css: O(
-      n,
-      o,
-      s,
-      e.fontDisplay ?? j
-    ),
-    cssHref: s ? "/@robosophy-material-symbols/rs-material-symbols.css" : _(t.base, "assets/rs-material-symbols.css"),
-    fonts: o
+    css,
+    cssHref: devMode ? "/@robosophy-material-symbols/rs-material-symbols.css" : withBase(config.base, "assets/rs-material-symbols.css"),
+    fonts
   };
 }
-async function B(t, e = {}) {
-  const n = tt(), s = await X();
-  if (s)
-    for (const o of f)
-      for (const a of s[o] ?? [])
-        d(n, { family: o, name: a });
-  else
-    for (const o of A)
-      for (const a of f)
-        d(n, { family: a, name: o });
-  for (const o of e.include ?? [])
-    d(n, typeof o == "string" ? { family: p, name: o } : o);
-  if (e.scan !== !1) {
-    const o = e.roots ?? [y(t.root, "src")];
-    for (const a of o)
-      for (const r of await x(a)) {
-        const i = await $(r, "utf8");
-        K(i, n);
+async function collectMaterialSymbolUsages(config, options = {}) {
+  const usages = createUsageMap();
+  const manifest = await loadIconManifest();
+  if (manifest) {
+    for (const family of families) {
+      for (const name of manifest[family] ?? []) {
+        addUsage(usages, { family, name });
+      }
+    }
+  } else {
+    for (const name of internalIconNames) {
+      for (const family of families) {
+        addUsage(usages, { family, name });
+      }
+    }
+  }
+  for (const icon of options.include ?? []) {
+    addUsage(usages, typeof icon === "string" ? { family: defaultFamily, name: icon } : icon);
+  }
+  if (options.scan !== false) {
+    const roots = options.roots ?? [join(config.root, "src")];
+    for (const root of roots) {
+      for (const filePath of await listSourceFiles(root)) {
+        const source = await readFile(filePath, "utf8");
+        collectFromSource(source, usages);
       }
+    }
   }
-  return n;
+  return usages;
 }
-function O(t, e, n = !1, s = j) {
-  const o = [];
-  for (const r of e) {
-    const i = n ? `/@robosophy-material-symbols/${r.fileName}` : `./${r.fileName}`;
-    o.push(
+function buildMaterialSymbolsCss(usages, fonts, devMode = false, fontDisplay = defaultFontDisplay) {
+  const lines = [];
+  for (const font of fonts) {
+    const fontUrl = devMode ? `/@robosophy-material-symbols/${font.fileName}` : `./${font.fileName}`;
+    lines.push(
       "@font-face {",
-      `  font-family: "${h[r.family]}";`,
-      `  font-display: ${s};`,
+      `  font-family: "${familyFontNames[font.family]}";`,
+      `  font-display: ${fontDisplay};`,
       "  font-style: normal;",
       "  font-weight: 100 700;",
-      `  src: url("${i}") format("woff2-variations");`,
+      `  src: url("${fontUrl}") format("woff2-variations");`,
       "}"
     );
   }
-  o.push(
+  lines.push(
     ".rs-icon {",
     "  --rs-icon-color: currentColor;",
     "  --rs-icon-fill: 0;",
@@ -144,7 +178,7 @@ function O(t, e, n = !1, s = j) {
     "  color: var(--rs-icon-color);",
     "  display: inline-flex;",
     "  flex: 0 0 auto;",
-    `  font-family: "${h.outlined}";`,
+    `  font-family: "${familyFontNames.outlined}";`,
     "  font-size: var(--rs-icon-size);",
     "  font-style: normal;",
     '  font-feature-settings: "liga";',
@@ -160,193 +194,231 @@ function O(t, e, n = !1, s = j) {
     "  white-space: nowrap;",
     "  word-wrap: normal;",
     "}",
-    `.rs-icon--rounded { font-family: "${h.rounded}"; }`,
-    `.rs-icon--sharp { font-family: "${h.sharp}"; }`,
+    `.rs-icon--rounded { font-family: "${familyFontNames.rounded}"; }`,
+    `.rs-icon--sharp { font-family: "${familyFontNames.sharp}"; }`,
     ".rs-icon--prime::before { content: var(--rs-icon-content); }"
   );
-  const a = /* @__PURE__ */ new Set();
-  for (const r of f)
-    for (const i of t.get(r) ?? [])
-      a.add(i);
-  for (const r of [...a].sort())
-    o.push(`.rs-icon-${r} { --rs-icon-content: "${r}"; }`);
-  return `${o.join(`
-`)}
+  const names = /* @__PURE__ */ new Set();
+  for (const family of families) {
+    for (const name of usages.get(family) ?? []) {
+      names.add(name);
+    }
+  }
+  for (const name of [...names].sort()) {
+    lines.push(`.rs-icon-${name} { --rs-icon-content: "${name}"; }`);
+  }
+  return `${lines.join("\n")}
 `;
 }
-function M(t, e = {}) {
-  const n = [];
-  if (e.preload ?? U)
-    for (const s of t.fonts)
-      n.push({
+function buildMaterialSymbolsHtmlTags(assets, options = {}) {
+  const tags = [];
+  if (options.preload ?? defaultPreload) {
+    for (const font of assets.fonts) {
+      tags.push({
         attrs: {
           as: "font",
           crossorigin: "",
-          href: s.href,
+          href: font.href,
           rel: "preload",
           type: "font/woff2"
         },
         tag: "link",
         injectTo: "head"
       });
-  return n.push({
+    }
+  }
+  tags.push({
     attrs: {
-      href: t.cssHref,
+      href: assets.cssHref,
       rel: "stylesheet"
     },
     tag: "link",
     injectTo: "head"
-  }), n;
+  });
+  return tags;
 }
-function it(t, e, n = {}) {
-  const s = M(e, n).map(E).filter((o) => !t.includes(`href="${J(o)}"`));
-  return s.length === 0 ? t : t.replace("</head>", `${s.map((o) => `  ${o}`).join(`
-`)}
+function injectMaterialSymbolsHtmlLinks(html, assets, options = {}) {
+  const links = buildMaterialSymbolsHtmlTags(assets, options).map(formatHtmlLinkTag).filter((link) => !html.includes(`href="${getLinkHref(link)}"`));
+  return links.length === 0 ? html : html.replace("</head>", `${links.map((link) => `  ${link}`).join("\n")}
 </head>`);
 }
-async function G(t, e, n) {
-  const s = (await import("subset-font")).default, o = [];
-  for (const a of f) {
-    const r = [...t.get(a) ?? []].sort();
-    if (r.length === 0)
+async function generateFontAssets(usages, devMode, base) {
+  const subsetFont = (await import("subset-font")).default;
+  const fonts = [];
+  for (const family of families) {
+    const names = [...usages.get(family) ?? []].sort();
+    if (names.length === 0) {
       continue;
-    const i = W(a), c = await $(i), l = await s(c, r.join(" "), {
+    }
+    const sourcePath = resolveFontPath(family);
+    const source = await readFile(sourcePath);
+    const subset = await subsetFont(source, names.join(" "), {
       targetFormat: "woff2"
-    }), u = z("sha256").update(l).digest("hex").slice(0, 8), m = `rs-material-symbols-${a}-${u}.woff2`;
-    o.push({
-      family: a,
-      fileName: m,
-      href: q(m, e, n),
-      source: l
+    });
+    const hash = createHash("sha256").update(subset).digest("hex").slice(0, 8);
+    const fileName = `rs-material-symbols-${family}-${hash}.woff2`;
+    fonts.push({
+      family,
+      fileName,
+      href: fontHref(fileName, devMode, base),
+      source: subset
     });
   }
-  return o;
+  return fonts;
 }
-function W(t) {
-  return V.resolve(
-    `${R[t]}/files/material-symbols-${t}-latin-${D[t]}-normal.woff2`
+function resolveFontPath(family) {
+  return require$1.resolve(
+    `${familyPackages[family]}/files/material-symbols-${family}-latin-${familyFontVariants[family]}-normal.woff2`
   );
 }
-function q(t, e, n) {
-  return e ? `/@robosophy-material-symbols/${t}` : _(n, `assets/${t}`);
+function fontHref(fileName, devMode, base) {
+  return devMode ? `/@robosophy-material-symbols/${fileName}` : withBase(base, `assets/${fileName}`);
 }
-function E(t) {
-  const e = Object.entries(t.attrs ?? {}).map(([n, s]) => s === "" ? n : `${n}="${s}"`).join(" ");
-  return `<${t.tag}${e ? ` ${e}` : ""}>`;
+function formatHtmlLinkTag(tag) {
+  const attrs = Object.entries(tag.attrs ?? {}).map(([name, value]) => value === "" ? name : `${name}="${value}"`).join(" ");
+  return `<${tag.tag}${attrs ? ` ${attrs}` : ""}>`;
 }
-function J(t) {
-  return t.match(/\bhref="([^"]+)"/)?.[1] ?? "";
+function getLinkHref(link) {
+  return link.match(/\bhref="([^"]+)"/)?.[1] ?? "";
 }
-function K(t, e) {
-  const n = /<RsIcon\b([^>]*)>/g;
-  let s;
-  for (; s = n.exec(t); ) {
-    const c = Q(s[1] ?? ""), l = c.name ?? c[":name"], u = c.family ?? c[":family"] ?? "";
-    if (l) {
-      const m = Z(u), w = Y(l);
-      for (const P of m)
-        for (const N of w)
-          d(e, { family: P, name: N });
+function collectFromSource(source, usages) {
+  const rsIconTagPattern = /<RsIcon\b([^>]*)>/g;
+  let tagMatch;
+  while (tagMatch = rsIconTagPattern.exec(source)) {
+    const attrs = parseStaticAttributes(tagMatch[1] ?? "");
+    const rawName = attrs.name ?? attrs[":name"];
+    const hasFamily = "family" in attrs || ":family" in attrs;
+    const rawFamily = attrs.family ?? attrs[":family"] ?? "";
+    if (rawName) {
+      const familyList = resolveFamilies(rawFamily, hasFamily);
+      const names = resolveNames(rawName);
+      for (const family of familyList) {
+        for (const name of names) {
+          addUsage(usages, { family, name });
+        }
+      }
     }
   }
-  const o = /\brsPrimeIcon\(\s*["']([a-z0-9_]+)["'](?:\s*,\s*\{([^)]*)\})?/g;
-  let a;
-  for (; a = o.exec(t); ) {
-    const c = g(a[2]?.match(/\bfamily\s*:\s*["'](\w+)["']/)?.[1]);
-    d(e, {
-      family: c ?? p,
-      name: a[1] ?? ""
+  const primeHelperPattern = /\brsPrimeIcon\(\s*["']([a-z0-9_]+)["'](?:\s*,\s*\{([^)]*)\})?/g;
+  let helperMatch;
+  while (helperMatch = primeHelperPattern.exec(source)) {
+    const family = toFamily(helperMatch[2]?.match(/\bfamily\s*:\s*["'](\w+)["']/)?.[1]);
+    addUsage(usages, {
+      family: family ?? defaultFamily,
+      name: helperMatch[1] ?? ""
     });
   }
-  const r = /\bicon\s*:\s*["']([a-z0-9_]+)["']/g;
-  let i;
-  for (; i = r.exec(t); )
-    d(e, {
-      family: p,
-      name: i[1] ?? ""
+  const objectIconPattern = /\bicon\s*:\s*["']([a-z0-9_]+)["']/g;
+  let objectMatch;
+  while (objectMatch = objectIconPattern.exec(source)) {
+    addUsage(usages, {
+      family: defaultFamily,
+      name: objectMatch[1] ?? ""
     });
+  }
 }
-function Q(t) {
-  const e = {}, n = /([:@\w-]+)\s*=\s*(?:"([^"]*)"|'([^']*)')/g;
-  let s;
-  for (; s = n.exec(t); )
-    e[s[1] ?? ""] = s[2] ?? s[3] ?? "";
-  return e;
+function parseStaticAttributes(source) {
+  const attrs = {};
+  const attrPattern = /([:@\w-]+)\s*=\s*(?:"([^"]*)"|'([^']*)')/g;
+  let match;
+  while (match = attrPattern.exec(source)) {
+    attrs[match[1] ?? ""] = match[2] ?? match[3] ?? "";
+  }
+  return attrs;
 }
-function F(t) {
-  return t.replace(/^['"](.+)['"]$/, "$1");
+function unwrapStaticValue(value) {
+  return value.replace(/^['"](.+)['"]$/, "$1");
 }
-function d(t, e) {
-  const n = e.family ?? p, s = e.name.trim();
-  !f.includes(n) || !b.test(s) || t.get(n)?.add(s);
+function addUsage(usages, icon) {
+  const family = icon.family ?? defaultFamily;
+  const name = icon.name.trim();
+  if (!families.includes(family) || !iconNamePattern.test(name)) {
+    return;
+  }
+  usages.get(family)?.add(name);
 }
-async function X() {
+async function loadIconManifest() {
   try {
-    const t = y(L(import.meta.url), ".."), e = y(t, "icon-manifest.json"), n = await $(e, "utf8");
-    return JSON.parse(n);
+    const dir = join(fileURLToPath(import.meta.url), "..");
+    const manifestPath = join(dir, "icon-manifest.json");
+    const source = await readFile(manifestPath, "utf8");
+    return JSON.parse(source);
   } catch {
     return null;
   }
 }
-function g(t) {
-  const e = t ? F(t) : "";
-  return f.includes(e) ? e : void 0;
+function toFamily(value) {
+  const normalized = value ? unwrapStaticValue(value) : "";
+  return families.includes(normalized) ? normalized : void 0;
 }
-function Y(t) {
-  const e = /["']([a-z0-9_]+)["']/g;
-  let n;
-  const s = [];
-  for (; n = e.exec(t); ) {
-    const o = n[1] ?? "";
-    b.test(o) && s.push(o);
+function resolveNames(rawName) {
+  const stringLiterals = /["']([a-z0-9_]+)["']/g;
+  let strMatch;
+  const names = [];
+  while (strMatch = stringLiterals.exec(rawName)) {
+    const candidate = strMatch[1] ?? "";
+    if (iconNamePattern.test(candidate)) {
+      names.push(candidate);
+    }
   }
-  if (s.length === 0) {
-    const o = F(t);
-    b.test(o) && s.push(o);
+  if (names.length === 0) {
+    const name = unwrapStaticValue(rawName);
+    if (iconNamePattern.test(name)) {
+      names.push(name);
+    }
   }
-  return s;
+  return names;
 }
-function Z(t) {
-  const e = g(t);
-  if (e) return [e];
-  const n = /["'](\w+)["']/g;
-  let s;
-  const o = /* @__PURE__ */ new Set();
-  for (; s = n.exec(t); ) {
-    const a = s[1] ?? "", r = g(a);
-    r && o.add(r);
+function resolveFamilies(rawFamily, hasFamily = true) {
+  const family = toFamily(rawFamily);
+  if (family) return [family];
+  const stringLiterals = /["'](\w+)["']/g;
+  let strMatch;
+  const found = /* @__PURE__ */ new Set();
+  while (strMatch = stringLiterals.exec(rawFamily)) {
+    const candidate = strMatch[1] ?? "";
+    const f = toFamily(candidate);
+    if (f) {
+      found.add(f);
+    }
   }
-  return o.size > 0 ? [...o] : [...f];
+  if (found.size > 0) return [...found];
+  if (!hasFamily) return [defaultFamily];
+  return [...families];
 }
-function tt() {
-  return new Map(f.map((t) => [t, /* @__PURE__ */ new Set()]));
+function createUsageMap() {
+  return new Map(families.map((family) => [family, /* @__PURE__ */ new Set()]));
 }
-async function x(t) {
+async function listSourceFiles(root) {
   try {
-    const e = await H(t, { withFileTypes: !0 });
-    return (await Promise.all(
-      e.map(async (s) => {
-        const o = y(t, s.name);
-        return s.isDirectory() ? T.has(s.name) ? [] : x(o) : S.has(v(s.name)) ? [o] : [];
+    const entries = await readdir(root, { withFileTypes: true });
+    const files = await Promise.all(
+      entries.map(async (entry) => {
+        const path = join(root, entry.name);
+        if (entry.isDirectory()) {
+          return skippedDirs.has(entry.name) ? [] : listSourceFiles(path);
+        }
+        return sourceExtensions.has(extname(entry.name)) ? [path] : [];
       })
-    )).flat();
+    );
+    return files.flat();
   } catch {
     return [];
   }
 }
-function _(t, e) {
-  return `${t.endsWith("/") ? t : `${t}/`}${e}`.replaceAll(`${k}`, "/");
+function withBase(base, path) {
+  const cleanBase = base.endsWith("/") ? base : `${base}/`;
+  return `${cleanBase}${path}`.replaceAll(`${sep}`, "/");
 }
-function ct(t) {
-  return f.map((e) => `${e}: ${[...t.get(e) ?? []].sort().join(", ")}`).join(`
-`);
+function formatDetectedMaterialSymbols(usages) {
+  return families.map((family) => `${family}: ${[...usages.get(family) ?? []].sort().join(", ")}`).join("\n");
 }
 export {
-  O as buildMaterialSymbolsCss,
-  M as buildMaterialSymbolsHtmlTags,
-  B as collectMaterialSymbolUsages,
-  ct as formatDetectedMaterialSymbols,
-  it as injectMaterialSymbolsHtmlLinks,
-  rt as robosophyMaterialSymbols
+  buildMaterialSymbolsCss,
+  buildMaterialSymbolsHtmlTags,
+  collectMaterialSymbolUsages,
+  formatDetectedMaterialSymbols,
+  injectMaterialSymbolsHtmlLinks,
+  robosophyMaterialSymbols
 };
 //# sourceMappingURL=vite.js.map