@pro-laico/payload-icons 0.0.0

package/dist/components/admin/iconUsagePanel.client.js

@@ -0,0 +1,290 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useMemo, useState } from "react";
+import { Button, Pill, toast, useAllFormFields } from "@payloadcms/ui";
+import { clearIconRequests } from "./clearIconRequests.js";
+/** Matches the live `name` field of each `iconsArray` row so we can read the
+ *  set's current names straight from form state (updates as you edit). */ const ICON_NAME_PATH = /^iconsArray\.\d+\.name$/;
+const panelStyle = {
+    border: '1px solid var(--theme-elevation-150)',
+    borderRadius: 'var(--style-radius-m, 4px)',
+    padding: '1rem',
+    marginBlockStart: '0.5rem',
+    background: 'var(--theme-elevation-50)'
+};
+const noteStyle = {
+    color: 'var(--theme-elevation-500)',
+    fontSize: '0.8rem',
+    margin: '0.25rem 0 0'
+};
+const codeStyle = {
+    fontFamily: 'var(--font-mono, monospace)',
+    background: 'var(--theme-elevation-100)',
+    padding: '0.15rem 0.35rem',
+    borderRadius: '3px'
+};
+/** Groups manifest usages by icon name, preserving the manifest's stable order. */ const groupByName = (usages)=>{
+    const map = new Map();
+    for (const u of usages){
+        const list = map.get(u.name);
+        if (list) list.push(u);
+        else map.set(u.name, [
+            u
+        ]);
+    }
+    return map;
+};
+const formatDate = (iso)=>{
+    if (!iso) return '';
+    const t = Date.parse(iso);
+    return Number.isNaN(t) ? '' : new Date(t).toLocaleDateString();
+};
+/**
+ * Three-way compare for the IconSet edit view: the names this repo requests in
+ * code (the build-time manifest), the names actually requested in production
+ * that didn't resolve (the `iconRequest` collection), and the names defined in
+ * the set being edited (live form state). Adding a row clears its "missing"
+ * badge immediately.
+ */ export const IconUsagePanelClient = ({ manifest, scanCommand, liveRequests })=>{
+    const [fields] = useAllFormFields();
+    // Local working copy so the "Clear runtime requests" action can empty the list
+    // immediately without a full page reload.
+    const [live, setLive] = useState(liveRequests);
+    const [clearing, setClearing] = useState(false);
+    // All hooks run unconditionally (before any early return) so hook order stays
+    // stable across renders.
+    const defined = useMemo(()=>{
+        const set = new Set();
+        for (const [path, state] of Object.entries(fields)){
+            const value = state?.value;
+            if (ICON_NAME_PATH.test(path) && typeof value === 'string' && value.length > 0) set.add(value);
+        }
+        return set;
+    }, [
+        fields
+    ]);
+    const usagesByName = useMemo(()=>groupByName(manifest?.usages ?? []), [
+        manifest
+    ]);
+    const liveByName = useMemo(()=>new Map(live.map((r)=>[
+                r.name,
+                r
+            ])), [
+        live
+    ]);
+    const staticNames = manifest?.names ?? [];
+    // Union of names missing from this set: requested in code OR requested live.
+    const missing = useMemo(()=>{
+        const names = new Set();
+        for (const n of staticNames)if (!defined.has(n)) names.add(n);
+        for (const r of live)if (!defined.has(r.name)) names.add(r.name);
+        return [
+            ...names
+        ].sort((a, b)=>a.localeCompare(b));
+    }, [
+        staticNames,
+        live,
+        defined
+    ]);
+    const present = staticNames.filter((name)=>defined.has(name));
+    const liveMissing = live.filter((r)=>!defined.has(r.name)).length;
+    const handleClear = async ()=>{
+        setClearing(true);
+        try {
+            const result = await clearIconRequests();
+            if (result.success) {
+                setLive([]);
+                toast.success(result.message);
+            } else {
+                toast.error(result.message);
+            }
+        } catch (error) {
+            toast.error(error instanceof Error ? error.message : 'Failed to clear icon requests.');
+        } finally{
+            setClearing(false);
+        }
+    };
+    if (!manifest && live.length === 0) {
+        return /*#__PURE__*/ _jsxs("div", {
+            style: panelStyle,
+            children: [
+                /*#__PURE__*/ _jsx("strong", {
+                    children: "Requested icons"
+                }),
+                /*#__PURE__*/ _jsxs("p", {
+                    style: noteStyle,
+                    children: [
+                        "No usage manifest found. Run ",
+                        /*#__PURE__*/ _jsx("code", {
+                            style: codeStyle,
+                            children: scanCommand
+                        }),
+                        " in your project to scan source for",
+                        ' ',
+                        /*#__PURE__*/ _jsx("code", {
+                            style: codeStyle,
+                            children: '<Icon name="…" />'
+                        }),
+                        " and list the names your repo needs here. Enable",
+                        ' ',
+                        /*#__PURE__*/ _jsx("code", {
+                            style: codeStyle,
+                            children: "trackRequests"
+                        }),
+                        " to also capture runtime misses."
+                    ]
+                })
+            ]
+        });
+    }
+    return /*#__PURE__*/ _jsxs("div", {
+        style: panelStyle,
+        children: [
+            /*#__PURE__*/ _jsx("strong", {
+                children: "Requested icons"
+            }),
+            /*#__PURE__*/ _jsxs("p", {
+                style: noteStyle,
+                children: [
+                    manifest ? /*#__PURE__*/ _jsxs(_Fragment, {
+                        children: [
+                            present.length,
+                            " of ",
+                            staticNames.length,
+                            " name",
+                            staticNames.length === 1 ? '' : 's',
+                            " requested in code are defined here."
+                        ]
+                    }) : /*#__PURE__*/ _jsx(_Fragment, {
+                        children: "No build-time manifest — showing runtime requests only."
+                    }),
+                    liveMissing > 0 ? ` ${liveMissing} requested in production but missing.` : missing.length === 0 ? ' All present ✅' : ''
+                ]
+            }),
+            live.length > 0 && /*#__PURE__*/ _jsx("div", {
+                style: {
+                    marginTop: '0.5rem'
+                },
+                children: /*#__PURE__*/ _jsx(Button, {
+                    type: "button",
+                    buttonStyle: "secondary",
+                    size: "small",
+                    disabled: clearing,
+                    onClick: handleClear,
+                    children: clearing ? 'Clearing…' : `Clear ${live.length} runtime request${live.length === 1 ? '' : 's'}`
+                })
+            }),
+            missing.length > 0 && /*#__PURE__*/ _jsxs("div", {
+                style: {
+                    marginTop: '0.75rem'
+                },
+                children: [
+                    /*#__PURE__*/ _jsx("div", {
+                        style: {
+                            ...noteStyle,
+                            fontWeight: 600
+                        },
+                        children: "Missing from this set"
+                    }),
+                    /*#__PURE__*/ _jsx("ul", {
+                        style: {
+                            listStyle: 'none',
+                            margin: '0.35rem 0 0',
+                            padding: 0,
+                            display: 'flex',
+                            flexDirection: 'column',
+                            gap: '0.4rem'
+                        },
+                        children: missing.map((name)=>{
+                            const where = usagesByName.get(name) ?? [];
+                            const first = where[0];
+                            const liveReq = liveByName.get(name);
+                            return /*#__PURE__*/ _jsxs("li", {
+                                style: {
+                                    display: 'flex',
+                                    alignItems: 'center',
+                                    gap: '0.5rem',
+                                    flexWrap: 'wrap'
+                                },
+                                children: [
+                                    /*#__PURE__*/ _jsx(Pill, {
+                                        pillStyle: liveReq ? 'error' : 'warning',
+                                        size: "small",
+                                        children: name
+                                    }),
+                                    first && /*#__PURE__*/ _jsxs("span", {
+                                        style: {
+                                            ...noteStyle,
+                                            margin: 0
+                                        },
+                                        children: [
+                                            /*#__PURE__*/ _jsxs("code", {
+                                                style: codeStyle,
+                                                children: [
+                                                    first.file,
+                                                    ":",
+                                                    first.line
+                                                ]
+                                            }),
+                                            where.length > 1 ? ` +${where.length - 1} more` : ''
+                                        ]
+                                    }),
+                                    liveReq && /*#__PURE__*/ _jsxs("span", {
+                                        style: {
+                                            ...noteStyle,
+                                            margin: 0
+                                        },
+                                        children: [
+                                            "live ×",
+                                            liveReq.count,
+                                            liveReq.lastRequestedAt ? ` · last ${formatDate(liveReq.lastRequestedAt)}` : '',
+                                            !first ? ' · dynamic (not in code scan)' : ''
+                                        ]
+                                    })
+                                ]
+                            }, name);
+                        })
+                    })
+                ]
+            }),
+            present.length > 0 && /*#__PURE__*/ _jsxs("details", {
+                style: {
+                    marginTop: '0.75rem'
+                },
+                children: [
+                    /*#__PURE__*/ _jsxs("summary", {
+                        style: {
+                            ...noteStyle,
+                            margin: 0,
+                            cursor: 'pointer'
+                        },
+                        children: [
+                            present.length,
+                            " present"
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsx("ul", {
+                        style: {
+                            listStyle: 'none',
+                            margin: '0.35rem 0 0',
+                            padding: 0,
+                            display: 'flex',
+                            flexWrap: 'wrap',
+                            gap: '0.35rem'
+                        },
+                        children: present.map((name)=>/*#__PURE__*/ _jsx("li", {
+                                children: /*#__PURE__*/ _jsx(Pill, {
+                                    pillStyle: "white",
+                                    size: "small",
+                                    children: name
+                                })
+                            }, name))
+                    })
+                ]
+            })
+        ]
+    });
+};
+export default IconUsagePanelClient;
+
+//# sourceMappingURL=iconUsagePanel.client.js.map

package/dist/components/admin/iconUsagePanel.client.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/admin/iconUsagePanel.client.tsx"],"sourcesContent":["'use client'\n\nimport type React from 'react'\nimport { useMemo, useState } from 'react'\nimport { Button, Pill, toast, useAllFormFields } from '@payloadcms/ui'\n\nimport type { IconUsage, IconUsageManifest } from '../../scan/types'\nimport { clearIconRequests } from './clearIconRequests'\n\n/** Matches the live `name` field of each `iconsArray` row so we can read the\n *  set's current names straight from form state (updates as you edit). */\nconst ICON_NAME_PATH = /^iconsArray\\.\\d+\\.name$/\n\n/** A name requested at runtime that didn't resolve (from the `iconRequest` collection). */\nexport interface LiveRequest {\n  name: string\n  count: number\n  lastRequestedAt: string | null\n}\n\nexport interface IconUsagePanelClientProps {\n  /** The build-time manifest, or `null` when it hasn't been generated yet. */\n  manifest: IconUsageManifest | null\n  /** CLI command shown in the empty state so the editor knows how to populate it. */\n  scanCommand: string\n  /** Runtime misses recorded in production (empty unless `trackRequests` is on). */\n  liveRequests: LiveRequest[]\n}\n\nconst panelStyle: React.CSSProperties = {\n  border: '1px solid var(--theme-elevation-150)',\n  borderRadius: 'var(--style-radius-m, 4px)',\n  padding: '1rem',\n  marginBlockStart: '0.5rem',\n  background: 'var(--theme-elevation-50)',\n}\n\nconst noteStyle: React.CSSProperties = { color: 'var(--theme-elevation-500)', fontSize: '0.8rem', margin: '0.25rem 0 0' }\nconst codeStyle: React.CSSProperties = {\n  fontFamily: 'var(--font-mono, monospace)',\n  background: 'var(--theme-elevation-100)',\n  padding: '0.15rem 0.35rem',\n  borderRadius: '3px',\n}\n\n/** Groups manifest usages by icon name, preserving the manifest's stable order. */\nconst groupByName = (usages: IconUsage[]): Map<string, IconUsage[]> => {\n  const map = new Map<string, IconUsage[]>()\n  for (const u of usages) {\n    const list = map.get(u.name)\n    if (list) list.push(u)\n    else map.set(u.name, [u])\n  }\n  return map\n}\n\nconst formatDate = (iso: string | null): string => {\n  if (!iso) return ''\n  const t = Date.parse(iso)\n  return Number.isNaN(t) ? '' : new Date(t).toLocaleDateString()\n}\n\n/**\n * Three-way compare for the IconSet edit view: the names this repo requests in\n * code (the build-time manifest), the names actually requested in production\n * that didn't resolve (the `iconRequest` collection), and the names defined in\n * the set being edited (live form state). Adding a row clears its \"missing\"\n * badge immediately.\n */\nexport const IconUsagePanelClient: React.FC<IconUsagePanelClientProps> = ({ manifest, scanCommand, liveRequests }) => {\n  const [fields] = useAllFormFields()\n  // Local working copy so the \"Clear runtime requests\" action can empty the list\n  // immediately without a full page reload.\n  const [live, setLive] = useState<LiveRequest[]>(liveRequests)\n  const [clearing, setClearing] = useState(false)\n\n  // All hooks run unconditionally (before any early return) so hook order stays\n  // stable across renders.\n  const defined = useMemo(() => {\n    const set = new Set<string>()\n    for (const [path, state] of Object.entries(fields)) {\n      const value = (state as { value?: unknown } | undefined)?.value\n      if (ICON_NAME_PATH.test(path) && typeof value === 'string' && value.length > 0) set.add(value)\n    }\n    return set\n  }, [fields])\n\n  const usagesByName = useMemo(() => groupByName(manifest?.usages ?? []), [manifest])\n  const liveByName = useMemo(() => new Map(live.map((r) => [r.name, r])), [live])\n\n  const staticNames = manifest?.names ?? []\n  // Union of names missing from this set: requested in code OR requested live.\n  const missing = useMemo(() => {\n    const names = new Set<string>()\n    for (const n of staticNames) if (!defined.has(n)) names.add(n)\n    for (const r of live) if (!defined.has(r.name)) names.add(r.name)\n    return [...names].sort((a, b) => a.localeCompare(b))\n  }, [staticNames, live, defined])\n\n  const present = staticNames.filter((name) => defined.has(name))\n  const liveMissing = live.filter((r) => !defined.has(r.name)).length\n\n  const handleClear = async (): Promise<void> => {\n    setClearing(true)\n    try {\n      const result = await clearIconRequests()\n      if (result.success) {\n        setLive([])\n        toast.success(result.message)\n      } else {\n        toast.error(result.message)\n      }\n    } catch (error) {\n      toast.error(error instanceof Error ? error.message : 'Failed to clear icon requests.')\n    } finally {\n      setClearing(false)\n    }\n  }\n\n  if (!manifest && live.length === 0) {\n    return (\n      <div style={panelStyle}>\n        <strong>Requested icons</strong>\n        <p style={noteStyle}>\n          No usage manifest found. Run <code style={codeStyle}>{scanCommand}</code> in your project to scan source for{' '}\n          <code style={codeStyle}>{'<Icon name=\"…\" />'}</code> and list the names your repo needs here. Enable{' '}\n          <code style={codeStyle}>trackRequests</code> to also capture runtime misses.\n        </p>\n      </div>\n    )\n  }\n\n  return (\n    <div style={panelStyle}>\n      <strong>Requested icons</strong>\n      <p style={noteStyle}>\n        {manifest ? (\n          <>\n            {present.length} of {staticNames.length} name{staticNames.length === 1 ? '' : 's'} requested in code are defined here.\n          </>\n        ) : (\n          <>No build-time manifest — showing runtime requests only.</>\n        )}\n        {liveMissing > 0 ? ` ${liveMissing} requested in production but missing.` : missing.length === 0 ? ' All present ✅' : ''}\n      </p>\n\n      {live.length > 0 && (\n        <div style={{ marginTop: '0.5rem' }}>\n          {/* type=\"button\" so it never submits the surrounding IconSet edit form. */}\n          <Button type=\"button\" buttonStyle=\"secondary\" size=\"small\" disabled={clearing} onClick={handleClear}>\n            {clearing ? 'Clearing…' : `Clear ${live.length} runtime request${live.length === 1 ? '' : 's'}`}\n          </Button>\n        </div>\n      )}\n\n      {missing.length > 0 && (\n        <div style={{ marginTop: '0.75rem' }}>\n          <div style={{ ...noteStyle, fontWeight: 600 }}>Missing from this set</div>\n          <ul style={{ listStyle: 'none', margin: '0.35rem 0 0', padding: 0, display: 'flex', flexDirection: 'column', gap: '0.4rem' }}>\n            {missing.map((name) => {\n              const where = usagesByName.get(name) ?? []\n              const first = where[0]\n              const liveReq = liveByName.get(name)\n              return (\n                <li key={name} style={{ display: 'flex', alignItems: 'center', gap: '0.5rem', flexWrap: 'wrap' }}>\n                  {/* Live (production) misses are the most urgent → error pill. */}\n                  <Pill pillStyle={liveReq ? 'error' : 'warning'} size=\"small\">\n                    {name}\n                  </Pill>\n                  {first && (\n                    <span style={{ ...noteStyle, margin: 0 }}>\n                      <code style={codeStyle}>\n                        {first.file}:{first.line}\n                      </code>\n                      {where.length > 1 ? ` +${where.length - 1} more` : ''}\n                    </span>\n                  )}\n                  {liveReq && (\n                    <span style={{ ...noteStyle, margin: 0 }}>\n                      live ×{liveReq.count}\n                      {liveReq.lastRequestedAt ? ` · last ${formatDate(liveReq.lastRequestedAt)}` : ''}\n                      {!first ? ' · dynamic (not in code scan)' : ''}\n                    </span>\n                  )}\n                </li>\n              )\n            })}\n          </ul>\n        </div>\n      )}\n\n      {present.length > 0 && (\n        <details style={{ marginTop: '0.75rem' }}>\n          <summary style={{ ...noteStyle, margin: 0, cursor: 'pointer' }}>{present.length} present</summary>\n          <ul style={{ listStyle: 'none', margin: '0.35rem 0 0', padding: 0, display: 'flex', flexWrap: 'wrap', gap: '0.35rem' }}>\n            {present.map((name) => (\n              <li key={name}>\n                <Pill pillStyle=\"white\" size=\"small\">\n                  {name}\n                </Pill>\n              </li>\n            ))}\n          </ul>\n        </details>\n      )}\n    </div>\n  )\n}\n\nexport default IconUsagePanelClient\n"],"names":["useMemo","useState","Button","Pill","toast","useAllFormFields","clearIconRequests","ICON_NAME_PATH","panelStyle","border","borderRadius","padding","marginBlockStart","background","noteStyle","color","fontSize","margin","codeStyle","fontFamily","groupByName","usages","map","Map","u","list","get","name","push","set","formatDate","iso","t","Date","parse","Number","isNaN","toLocaleDateString","IconUsagePanelClient","manifest","scanCommand","liveRequests","fields","live","setLive","clearing","setClearing","defined","Set","path","state","Object","entries","value","test","length","add","usagesByName","liveByName","r","staticNames","names","missing","n","has","sort","a","b","localeCompare","present","filter","liveMissing","handleClear","result","success","message","error","Error","div","style","strong","p","code","marginTop","type","buttonStyle","size","disabled","onClick","fontWeight","ul","listStyle","display","flexDirection","gap","where","first","liveReq","li","alignItems","flexWrap","pillStyle","span","file","line","count","lastRequestedAt","details","summary","cursor"],"mappings":"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"}

package/dist/components/admin/iconUsagePanel.d.ts

@@ -0,0 +1,12 @@
+import 'server-only';
+import type { UIFieldServerComponent } from 'payload';
+/**
+ * Server `UIField` for the IconSet edit view. Gets the usage manifest (live scan
+ * in dev, CLI-written file in prod — see {@link getManifest}) plus the runtime
+ * misses from the `iconRequest` collection, and hands both to
+ * {@link IconUsagePanelClient}, which diffs them against the set's `iconsArray`.
+ * Server-only, so no `fs` reaches the client bundle.
+ */
+export declare const IconUsagePanel: UIFieldServerComponent;
+export default IconUsagePanel;
+//# sourceMappingURL=iconUsagePanel.d.ts.map

package/dist/components/admin/iconUsagePanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"iconUsagePanel.d.ts","sourceRoot":"","sources":["../../../src/components/admin/iconUsagePanel.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAA;AAEpB,OAAO,KAAK,EAAkB,sBAAsB,EAAE,MAAM,SAAS,CAAA;AAsDrE;;;;;;GAMG;AACH,eAAO,MAAM,cAAc,EAAE,sBAI5B,CAAA;AAED,eAAe,cAAc,CAAA"}

package/dist/components/admin/iconUsagePanel.js

@@ -0,0 +1,68 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import "server-only";
+import { ICON_REQUEST_SLUG } from "../../collections/IconRequest.js";
+import { getPayloadClient } from "../../lib/getPayloadClient.js";
+import { loadIconUsageManifest } from "../../scan/load.js";
+import { scanIconUsagesLive } from "../../scan/live.js";
+import { IconUsagePanelClient } from "./iconUsagePanel.client.js";
+/** Default scan command surfaced in the panel's empty state (production, no manifest). */ const DEFAULT_SCAN_COMMAND = 'npx payload-icons-scan';
+/**
+ * The usage manifest for the panel. In **development** the source is on disk, so
+ * scan it live — no build step / CLI / manifest file needed to see what the code
+ * requests. In **production** the source isn't on disk at runtime, so read the
+ * manifest the CLI wrote at build time.
+ */ const getManifest = (manifestPath)=>{
+    if (process.env.NODE_ENV !== 'production') {
+        try {
+            return scanIconUsagesLive();
+        } catch  {
+        // Fall through to the file if the live scan can't run for any reason.
+        }
+    }
+    return loadIconUsageManifest(manifestPath);
+};
+/**
+ * Loads runtime icon misses from the `iconRequest` collection. Returns `[]`
+ * when tracking isn't enabled (collection absent) or on any error — the panel
+ * degrades to the static-only view.
+ */ const loadLiveRequests = async ()=>{
+    try {
+        const payload = await getPayloadClient();
+        if (!payload.collections?.[ICON_REQUEST_SLUG]) return [];
+        const res = await payload.find({
+            collection: ICON_REQUEST_SLUG,
+            limit: 500,
+            depth: 0,
+            sort: '-count',
+            overrideAccess: true
+        });
+        return res.docs.map((d)=>{
+            const r = d;
+            return {
+                name: r.name ?? '',
+                count: r.count ?? 0,
+                lastRequestedAt: r.lastRequestedAt ?? null
+            };
+        });
+    } catch  {
+        return [];
+    }
+};
+/**
+ * Server `UIField` for the IconSet edit view. Gets the usage manifest (live scan
+ * in dev, CLI-written file in prod — see {@link getManifest}) plus the runtime
+ * misses from the `iconRequest` collection, and hands both to
+ * {@link IconUsagePanelClient}, which diffs them against the set's `iconsArray`.
+ * Server-only, so no `fs` reaches the client bundle.
+ */ export const IconUsagePanel = async ()=>{
+    const manifest = getManifest();
+    const liveRequests = await loadLiveRequests();
+    return /*#__PURE__*/ _jsx(IconUsagePanelClient, {
+        manifest: manifest,
+        scanCommand: DEFAULT_SCAN_COMMAND,
+        liveRequests: liveRequests
+    });
+};
+export default IconUsagePanel;
+
+//# sourceMappingURL=iconUsagePanel.js.map

package/dist/components/admin/iconUsagePanel.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/admin/iconUsagePanel.tsx"],"sourcesContent":["import 'server-only'\n\nimport type { CollectionSlug, UIFieldServerComponent } from 'payload'\n\nimport { ICON_REQUEST_SLUG } from '../../collections/IconRequest'\nimport { getPayloadClient } from '../../lib/getPayloadClient'\nimport { loadIconUsageManifest } from '../../scan/load'\nimport { scanIconUsagesLive } from '../../scan/live'\nimport type { IconUsageManifest } from '../../scan/types'\nimport { IconUsagePanelClient, type LiveRequest } from './iconUsagePanel.client'\n\n/** Default scan command surfaced in the panel's empty state (production, no manifest). */\nconst DEFAULT_SCAN_COMMAND = 'npx payload-icons-scan'\n\n/**\n * The usage manifest for the panel. In **development** the source is on disk, so\n * scan it live — no build step / CLI / manifest file needed to see what the code\n * requests. In **production** the source isn't on disk at runtime, so read the\n * manifest the CLI wrote at build time.\n */\nconst getManifest = (manifestPath?: string): IconUsageManifest | null => {\n  if (process.env.NODE_ENV !== 'production') {\n    try {\n      return scanIconUsagesLive()\n    } catch {\n      // Fall through to the file if the live scan can't run for any reason.\n    }\n  }\n  return loadIconUsageManifest(manifestPath)\n}\n\n/**\n * Loads runtime icon misses from the `iconRequest` collection. Returns `[]`\n * when tracking isn't enabled (collection absent) or on any error — the panel\n * degrades to the static-only view.\n */\nconst loadLiveRequests = async (): Promise<LiveRequest[]> => {\n  try {\n    const payload = await getPayloadClient()\n    if (!(payload.collections as Record<string, unknown>)?.[ICON_REQUEST_SLUG]) return []\n    const res = await payload.find({\n      collection: ICON_REQUEST_SLUG as CollectionSlug,\n      limit: 500,\n      depth: 0,\n      sort: '-count',\n      overrideAccess: true,\n    })\n    return res.docs.map((d) => {\n      const r = d as { name?: string; count?: number | null; lastRequestedAt?: string | null }\n      return { name: r.name ?? '', count: r.count ?? 0, lastRequestedAt: r.lastRequestedAt ?? null }\n    })\n  } catch {\n    return []\n  }\n}\n\n/**\n * Server `UIField` for the IconSet edit view. Gets the usage manifest (live scan\n * in dev, CLI-written file in prod — see {@link getManifest}) plus the runtime\n * misses from the `iconRequest` collection, and hands both to\n * {@link IconUsagePanelClient}, which diffs them against the set's `iconsArray`.\n * Server-only, so no `fs` reaches the client bundle.\n */\nexport const IconUsagePanel: UIFieldServerComponent = async () => {\n  const manifest = getManifest()\n  const liveRequests = await loadLiveRequests()\n  return <IconUsagePanelClient manifest={manifest} scanCommand={DEFAULT_SCAN_COMMAND} liveRequests={liveRequests} />\n}\n\nexport default IconUsagePanel\n"],"names":["ICON_REQUEST_SLUG","getPayloadClient","loadIconUsageManifest","scanIconUsagesLive","IconUsagePanelClient","DEFAULT_SCAN_COMMAND","getManifest","manifestPath","process","env","NODE_ENV","loadLiveRequests","payload","collections","res","find","collection","limit","depth","sort","overrideAccess","docs","map","d","r","name","count","lastRequestedAt","IconUsagePanel","manifest","liveRequests","scanCommand"],"mappings":";AAAA,OAAO,cAAa;AAIpB,SAASA,iBAAiB,QAAQ,mCAA+B;AACjE,SAASC,gBAAgB,QAAQ,gCAA4B;AAC7D,SAASC,qBAAqB,QAAQ,qBAAiB;AACvD,SAASC,kBAAkB,QAAQ,qBAAiB;AAEpD,SAASC,oBAAoB,QAA0B,6BAAyB;AAEhF,wFAAwF,GACxF,MAAMC,uBAAuB;AAE7B;;;;;CAKC,GACD,MAAMC,cAAc,CAACC;IACnB,IAAIC,QAAQC,GAAG,CAACC,QAAQ,KAAK,cAAc;QACzC,IAAI;YACF,OAAOP;QACT,EAAE,OAAM;QACN,sEAAsE;QACxE;IACF;IACA,OAAOD,sBAAsBK;AAC/B;AAEA;;;;CAIC,GACD,MAAMI,mBAAmB;IACvB,IAAI;QACF,MAAMC,UAAU,MAAMX;QACtB,IAAI,CAAEW,QAAQC,WAAW,EAA8B,CAACb,kBAAkB,EAAE,OAAO,EAAE;QACrF,MAAMc,MAAM,MAAMF,QAAQG,IAAI,CAAC;YAC7BC,YAAYhB;YACZiB,OAAO;YACPC,OAAO;YACPC,MAAM;YACNC,gBAAgB;QAClB;QACA,OAAON,IAAIO,IAAI,CAACC,GAAG,CAAC,CAACC;YACnB,MAAMC,IAAID;YACV,OAAO;gBAAEE,MAAMD,EAAEC,IAAI,IAAI;gBAAIC,OAAOF,EAAEE,KAAK,IAAI;gBAAGC,iBAAiBH,EAAEG,eAAe,IAAI;YAAK;QAC/F;IACF,EAAE,OAAM;QACN,OAAO,EAAE;IACX;AACF;AAEA;;;;;;CAMC,GACD,OAAO,MAAMC,iBAAyC;IACpD,MAAMC,WAAWvB;IACjB,MAAMwB,eAAe,MAAMnB;IAC3B,qBAAO,KAACP;QAAqByB,UAAUA;QAAUE,aAAa1B;QAAsByB,cAAcA;;AACpG,EAAC;AAED,eAAeF,eAAc"}

package/dist/hooks/formatSVG.d.ts

@@ -0,0 +1,22 @@
+import type { CollectionBeforeChangeHook, Payload } from 'payload';
+/** The subset of an icon doc this hook writes. */
+type IconData = Record<string, unknown> & {
+    filesize?: number;
+    optimized?: string;
+    svgString?: string;
+};
+/**
+ * Optimize and sanitize an uploaded SVG: run svgo (sanitize → preset-default → strip presentation
+ * attrs → re-add `currentColor` fill/stroke so the icon themes with CSS color), tighten the
+ * `viewBox` to the real path bounds, and store the result as `svgString` for inline rendering.
+ *
+ * svgo + svg-path-bbox are imported dynamically so they never land in a frontend/edge bundle —
+ * this only runs server-side when an SVG is actually uploaded. On failure the raw upload is still
+ * stored (never optimized/inlined) and the `optimized` field carries the error so the doc shows it.
+ */
+export declare const formatSvg: (icon: IconData, svgData: Buffer, logger: Payload["logger"]) => Promise<IconData>;
+/** `beforeChange` hook: when an SVG file is uploaded (create or update), optimize + sanitize it
+ *  and fold `svgString`/`optimized` into the doc. A no-op for changes that carry no new file. */
+export declare const formatSVGHook: CollectionBeforeChangeHook;
+export {};
+//# sourceMappingURL=formatSVG.d.ts.map

package/dist/hooks/formatSVG.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"formatSVG.d.ts","sourceRoot":"","sources":["../../src/hooks/formatSVG.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,0BAA0B,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA;AAGlE,kDAAkD;AAClD,KAAK,QAAQ,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG;IAAE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAAA;AAuBvG;;;;;;;;GAQG;AACH,eAAO,MAAM,SAAS,GAAU,MAAM,QAAQ,EAAE,SAAS,MAAM,EAAE,QAAQ,OAAO,CAAC,QAAQ,CAAC,KAAG,OAAO,CAAC,QAAQ,CAgK5G,CAAA;AAED;iGACiG;AACjG,eAAO,MAAM,aAAa,EAAE,0BAY3B,CAAA"}