@trebired/frontend 0.3.0 → 0.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +8 -0
- package/README.md +87 -3
- package/dist/config/index.d.ts +54 -0
- package/dist/config/index.d.ts.map +1 -0
- package/dist/config/index.js +303 -0
- package/dist/config/index.js.map +1 -0
- package/dist/flash/dialogs.d.ts.map +1 -1
- package/dist/flash/dialogs.js +23 -14
- package/dist/flash/dialogs.js.map +1 -1
- package/dist/fullscreen/index.d.ts +15 -0
- package/dist/fullscreen/index.d.ts.map +1 -0
- package/dist/fullscreen/index.js +62 -0
- package/dist/fullscreen/index.js.map +1 -0
- package/dist/icons/index.d.ts +44 -0
- package/dist/icons/index.d.ts.map +1 -0
- package/dist/icons/index.js +180 -0
- package/dist/icons/index.js.map +1 -0
- package/dist/icons/middleware/index.d.ts +19 -0
- package/dist/icons/middleware/index.d.ts.map +1 -0
- package/dist/icons/middleware/index.js +46 -0
- package/dist/icons/middleware/index.js.map +1 -0
- package/dist/icons/react/index.d.ts +16 -0
- package/dist/icons/react/index.d.ts.map +1 -0
- package/dist/icons/react/index.js +70 -0
- package/dist/icons/react/index.js.map +1 -0
- package/dist/icons/server/index.d.ts +70 -0
- package/dist/icons/server/index.d.ts.map +1 -0
- package/dist/icons/server/index.js +310 -0
- package/dist/icons/server/index.js.map +1 -0
- package/dist/icons/server-context.d.ts +12 -0
- package/dist/icons/server-context.d.ts.map +1 -0
- package/dist/icons/server-context.js +25 -0
- package/dist/icons/server-context.js.map +1 -0
- package/dist/icons/shared.d.ts +29 -0
- package/dist/icons/shared.d.ts.map +1 -0
- package/dist/icons/shared.js +151 -0
- package/dist/icons/shared.js.map +1 -0
- package/dist/icons/styles/index.scss +76 -0
- package/dist/index.d.ts +2 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +6 -0
- package/dist/index.js.map +1 -1
- package/dist/layer/index.d.ts.map +1 -1
- package/dist/layer/index.js +27 -2
- package/dist/layer/index.js.map +1 -1
- package/dist/modal/index.d.ts +1 -0
- package/dist/modal/index.d.ts.map +1 -1
- package/dist/modal/index.js +72 -7
- package/dist/modal/index.js.map +1 -1
- package/dist/src/config/index.d.ts +54 -0
- package/dist/src/config/index.d.ts.map +1 -0
- package/dist/src/config/index.js +303 -0
- package/dist/src/config/index.js.map +1 -0
- package/dist/src/flash/dialogs.d.ts.map +1 -1
- package/dist/src/flash/dialogs.js +23 -14
- package/dist/src/flash/dialogs.js.map +1 -1
- package/dist/src/fullscreen/index.d.ts +15 -0
- package/dist/src/fullscreen/index.d.ts.map +1 -0
- package/dist/src/fullscreen/index.js +62 -0
- package/dist/src/fullscreen/index.js.map +1 -0
- package/dist/src/icons/index.d.ts +44 -0
- package/dist/src/icons/index.d.ts.map +1 -0
- package/dist/src/icons/index.js +180 -0
- package/dist/src/icons/index.js.map +1 -0
- package/dist/src/icons/middleware/index.d.ts +19 -0
- package/dist/src/icons/middleware/index.d.ts.map +1 -0
- package/dist/src/icons/middleware/index.js +46 -0
- package/dist/src/icons/middleware/index.js.map +1 -0
- package/dist/src/icons/react/index.d.ts +16 -0
- package/dist/src/icons/react/index.d.ts.map +1 -0
- package/dist/src/icons/react/index.js +70 -0
- package/dist/src/icons/react/index.js.map +1 -0
- package/dist/src/icons/server/index.d.ts +70 -0
- package/dist/src/icons/server/index.d.ts.map +1 -0
- package/dist/src/icons/server/index.js +310 -0
- package/dist/src/icons/server/index.js.map +1 -0
- package/dist/src/icons/server-context.d.ts +12 -0
- package/dist/src/icons/server-context.d.ts.map +1 -0
- package/dist/src/icons/server-context.js +25 -0
- package/dist/src/icons/server-context.js.map +1 -0
- package/dist/src/icons/shared.d.ts +29 -0
- package/dist/src/icons/shared.d.ts.map +1 -0
- package/dist/src/icons/shared.js +151 -0
- package/dist/src/icons/shared.js.map +1 -0
- package/dist/src/index.d.ts +2 -0
- package/dist/src/index.d.ts.map +1 -1
- package/dist/src/index.js +6 -0
- package/dist/src/index.js.map +1 -1
- package/dist/src/layer/index.d.ts.map +1 -1
- package/dist/src/layer/index.js +27 -2
- package/dist/src/layer/index.js.map +1 -1
- package/dist/src/modal/index.d.ts +1 -0
- package/dist/src/modal/index.d.ts.map +1 -1
- package/dist/src/modal/index.js +72 -7
- package/dist/src/modal/index.js.map +1 -1
- package/dist/src/styles/index.d.ts.map +1 -1
- package/dist/src/styles/index.js +1 -0
- package/dist/src/styles/index.js.map +1 -1
- package/dist/styles/index.d.ts.map +1 -1
- package/dist/styles/index.js +1 -0
- package/dist/styles/index.js.map +1 -1
- package/package.json +35 -4
|
@@ -0,0 +1,180 @@
|
|
|
1
|
+
import { queryAll } from "../../dom/index.js";
|
|
2
|
+
import { buildIconUrl, classNames, normalizeSpace, parseIconSpec, text, } from "./shared.js";
|
|
3
|
+
const ICON_SELECTOR = "[data-tbf-icon],[data-icon-spec]";
|
|
4
|
+
const CUSTOM_COLOR_VAR = "--tbf-icon-color";
|
|
5
|
+
const LEGACY_CUSTOM_COLOR_VAR = "--icon-custom-color";
|
|
6
|
+
const svgFetchCache = new Map();
|
|
7
|
+
const iconCacheEntries = new Map();
|
|
8
|
+
const renderedIconSpecs = new WeakMap();
|
|
9
|
+
function readIconCacheEntry(spec) {
|
|
10
|
+
const parsed = parseIconSpec(spec);
|
|
11
|
+
return parsed ? iconCacheEntries.get(parsed.spec) || null : null;
|
|
12
|
+
}
|
|
13
|
+
function storeIconCacheEntry(spec, entry) {
|
|
14
|
+
const parsed = parseIconSpec(spec);
|
|
15
|
+
if (parsed && entry && typeof entry === "object")
|
|
16
|
+
iconCacheEntries.set(parsed.spec, entry);
|
|
17
|
+
}
|
|
18
|
+
function readRenderedSpec(host) {
|
|
19
|
+
return host ? renderedIconSpecs.get(host) || "" : "";
|
|
20
|
+
}
|
|
21
|
+
function hasInlineSvg(host) {
|
|
22
|
+
return Boolean(host.firstElementChild && host.firstElementChild.tagName.toLowerCase() === "svg");
|
|
23
|
+
}
|
|
24
|
+
function buildSvgNode(svgMarkup) {
|
|
25
|
+
const template = document.createElement("template");
|
|
26
|
+
template.innerHTML = svgMarkup;
|
|
27
|
+
const node = template.content.firstElementChild;
|
|
28
|
+
return node && node.tagName.toLowerCase() === "svg" ? node : null;
|
|
29
|
+
}
|
|
30
|
+
function readSvgCacheEntry(svgMarkup) {
|
|
31
|
+
const svg = String(svgMarkup || "").trim();
|
|
32
|
+
return /^<svg\b/iu.test(svg) ? { svg } : null;
|
|
33
|
+
}
|
|
34
|
+
function storeFetchedSvg(spec, svgMarkup) {
|
|
35
|
+
const entry = readSvgCacheEntry(svgMarkup);
|
|
36
|
+
if (entry)
|
|
37
|
+
storeIconCacheEntry(spec, entry);
|
|
38
|
+
}
|
|
39
|
+
function applyElementAttrs(host, attrs = {}) {
|
|
40
|
+
const className = classNames("tbf-icon", "icon-glyph", text(attrs.class || attrs.className));
|
|
41
|
+
const customColor = text(attrs.color);
|
|
42
|
+
for (const [keyRaw, value] of Object.entries(attrs)) {
|
|
43
|
+
const key = text(keyRaw);
|
|
44
|
+
if (!key || ["class", "className", "color", "endpoint", "tag"].includes(key) || value == null || value === false) {
|
|
45
|
+
continue;
|
|
46
|
+
}
|
|
47
|
+
if (key === "style" && value && typeof value === "object" && host instanceof HTMLElement) {
|
|
48
|
+
Object.assign(host.style, value);
|
|
49
|
+
continue;
|
|
50
|
+
}
|
|
51
|
+
host.setAttribute(key, value === true ? "" : String(value));
|
|
52
|
+
}
|
|
53
|
+
host.setAttribute("class", className);
|
|
54
|
+
if (customColor && host instanceof HTMLElement) {
|
|
55
|
+
host.style.setProperty(CUSTOM_COLOR_VAR, customColor);
|
|
56
|
+
host.style.setProperty(LEGACY_CUSTOM_COLOR_VAR, customColor);
|
|
57
|
+
}
|
|
58
|
+
if (!host.hasAttribute("aria-hidden") && !host.hasAttribute("aria-label"))
|
|
59
|
+
host.setAttribute("aria-hidden", "true");
|
|
60
|
+
}
|
|
61
|
+
function prepareIconHost(host, spec, attrs = {}) {
|
|
62
|
+
applyElementAttrs(host, attrs);
|
|
63
|
+
if (spec)
|
|
64
|
+
renderedIconSpecs.set(host, spec);
|
|
65
|
+
else
|
|
66
|
+
renderedIconSpecs.delete(host);
|
|
67
|
+
host.setAttribute("data-tbf-icon", spec);
|
|
68
|
+
}
|
|
69
|
+
function applyHostSvgColor(host, svg) {
|
|
70
|
+
if (!(host instanceof HTMLElement))
|
|
71
|
+
return;
|
|
72
|
+
const color = text(host.style.getPropertyValue(CUSTOM_COLOR_VAR) || host.style.getPropertyValue(LEGACY_CUSTOM_COLOR_VAR));
|
|
73
|
+
if (color)
|
|
74
|
+
svg.style.setProperty("color", color, "important");
|
|
75
|
+
}
|
|
76
|
+
function renderSvgIntoHost(host, svgMarkup) {
|
|
77
|
+
const svg = buildSvgNode(svgMarkup);
|
|
78
|
+
if (!svg)
|
|
79
|
+
return null;
|
|
80
|
+
applyHostSvgColor(host, svg);
|
|
81
|
+
host.replaceChildren(svg);
|
|
82
|
+
return svg;
|
|
83
|
+
}
|
|
84
|
+
function fetchSvg(spec, endpoint = "/__icons/svg") {
|
|
85
|
+
const cacheKey = `${endpoint} ${spec}`;
|
|
86
|
+
const cached = svgFetchCache.get(cacheKey);
|
|
87
|
+
if (cached)
|
|
88
|
+
return cached;
|
|
89
|
+
const pending = fetch(buildIconUrl(spec, endpoint), {
|
|
90
|
+
credentials: "same-origin",
|
|
91
|
+
headers: { Accept: "image/svg+xml,text/plain;q=0.9,*/*;q=0.8" },
|
|
92
|
+
}).then(async (response) => {
|
|
93
|
+
if (!response.ok)
|
|
94
|
+
throw new Error(`tbf-icon-http-${response.status}`);
|
|
95
|
+
const svg = String(await response.text()).trim();
|
|
96
|
+
if (!/^<svg\b/iu.test(svg))
|
|
97
|
+
throw new Error("tbf-icon-invalid-svg");
|
|
98
|
+
storeFetchedSvg(spec, svg);
|
|
99
|
+
return svg;
|
|
100
|
+
});
|
|
101
|
+
svgFetchCache.set(cacheKey, pending);
|
|
102
|
+
return pending;
|
|
103
|
+
}
|
|
104
|
+
async function renderIconElement(host, spec, attrs = {}) {
|
|
105
|
+
if (!host || typeof host.getAttribute !== "function")
|
|
106
|
+
return null;
|
|
107
|
+
const parsed = parseIconSpec(spec);
|
|
108
|
+
const normalizedSpec = parsed ? parsed.spec : normalizeSpace(spec);
|
|
109
|
+
const alreadyRendered = parsed && readRenderedSpec(host) === parsed.spec;
|
|
110
|
+
prepareIconHost(host, normalizedSpec, attrs);
|
|
111
|
+
if (!parsed)
|
|
112
|
+
return null;
|
|
113
|
+
if (alreadyRendered && hasInlineSvg(host)) {
|
|
114
|
+
applyHostSvgColor(host, host.firstElementChild);
|
|
115
|
+
return host;
|
|
116
|
+
}
|
|
117
|
+
try {
|
|
118
|
+
const cachedSvg = text(readIconCacheEntry(parsed.spec)?.svg);
|
|
119
|
+
if (cachedSvg && renderSvgIntoHost(host, cachedSvg))
|
|
120
|
+
return host;
|
|
121
|
+
const svgMarkup = await fetchSvg(parsed.spec, attrs.endpoint || "/__icons/svg");
|
|
122
|
+
if (readRenderedSpec(host) !== parsed.spec)
|
|
123
|
+
return null;
|
|
124
|
+
if (renderSvgIntoHost(host, svgMarkup))
|
|
125
|
+
return host;
|
|
126
|
+
}
|
|
127
|
+
catch { }
|
|
128
|
+
return null;
|
|
129
|
+
}
|
|
130
|
+
function createIconElement(spec, attrs = {}, doc = null) {
|
|
131
|
+
const owner = doc || (typeof document !== "undefined" ? document : null);
|
|
132
|
+
if (!owner || typeof owner.createElement !== "function")
|
|
133
|
+
return null;
|
|
134
|
+
const tag = text(attrs.tag) || "i";
|
|
135
|
+
const host = owner.createElement(tag);
|
|
136
|
+
void renderIconElement(host, spec, attrs);
|
|
137
|
+
return host;
|
|
138
|
+
}
|
|
139
|
+
function appendIcon(parent, spec, attrs = {}) {
|
|
140
|
+
if (!parent || typeof parent.appendChild !== "function")
|
|
141
|
+
return null;
|
|
142
|
+
const host = createIconElement(spec, attrs, parent.ownerDocument || document);
|
|
143
|
+
if (!host)
|
|
144
|
+
return null;
|
|
145
|
+
parent.appendChild(host);
|
|
146
|
+
return host;
|
|
147
|
+
}
|
|
148
|
+
function readHostSpec(host) {
|
|
149
|
+
return text(host.getAttribute("data-tbf-icon") || host.getAttribute("data-icon-spec"));
|
|
150
|
+
}
|
|
151
|
+
function bindIcon(host, options = {}) {
|
|
152
|
+
if (!(host instanceof Element))
|
|
153
|
+
return false;
|
|
154
|
+
const spec = readHostSpec(host);
|
|
155
|
+
if (!spec)
|
|
156
|
+
return false;
|
|
157
|
+
void renderIconElement(host, spec, {
|
|
158
|
+
color: host.getAttribute("data-tbf-icon-color") || "",
|
|
159
|
+
endpoint: options.endpoint,
|
|
160
|
+
});
|
|
161
|
+
return true;
|
|
162
|
+
}
|
|
163
|
+
function bindIcons(root = document, options = {}) {
|
|
164
|
+
queryAll(root, ICON_SELECTOR).forEach((host) => bindIcon(host, options));
|
|
165
|
+
}
|
|
166
|
+
const icons = Object.freeze({
|
|
167
|
+
append: appendIcon,
|
|
168
|
+
bind: bindIcon,
|
|
169
|
+
bindAll: bindIcons,
|
|
170
|
+
buildUrl: buildIconUrl,
|
|
171
|
+
createElement: createIconElement,
|
|
172
|
+
parseSpec: parseIconSpec,
|
|
173
|
+
readIconCacheEntry,
|
|
174
|
+
readRenderedSpec,
|
|
175
|
+
renderElement: renderIconElement,
|
|
176
|
+
storeIconCacheEntry,
|
|
177
|
+
});
|
|
178
|
+
export { CUSTOM_COLOR_VAR, ICON_SELECTOR, appendIcon, bindIcon, bindIcons, buildIconUrl, createIconElement, icons, parseIconSpec, readIconCacheEntry, readRenderedSpec, renderIconElement, storeIconCacheEntry, };
|
|
179
|
+
export default icons;
|
|
180
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/icons/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAiB,MAAM,eAAe,CAAC;AACxD,OAAO,EACL,YAAY,EACZ,UAAU,EACV,cAAc,EACd,aAAa,EACb,IAAI,GACL,MAAM,aAAa,CAAC;AAqBrB,MAAM,aAAa,GAAG,kCAAkC,CAAC;AACzD,MAAM,gBAAgB,GAAG,kBAAkB,CAAC;AAC5C,MAAM,uBAAuB,GAAG,qBAAqB,CAAC;AACtD,MAAM,aAAa,GAAG,IAAI,GAAG,EAA2B,CAAC;AACzD,MAAM,gBAAgB,GAAG,IAAI,GAAG,EAA0B,CAAC;AAC3D,MAAM,iBAAiB,GAAG,IAAI,OAAO,EAAmB,CAAC;AAEzD,SAAS,kBAAkB,CAAC,IAAa;IACvC,MAAM,MAAM,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;IACnC,OAAO,MAAM,CAAC,CAAC,CAAC,gBAAgB,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;AACnE,CAAC;AAED,SAAS,mBAAmB,CAAC,IAAa,EAAE,KAAqB;IAC/D,MAAM,MAAM,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;IACnC,IAAI,MAAM,IAAI,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ;QAAE,gBAAgB,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;AAC7F,CAAC;AAED,SAAS,gBAAgB,CAAC,IAAgC;IACxD,OAAO,IAAI,CAAC,CAAC,CAAC,iBAAiB,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;AACvD,CAAC;AAED,SAAS,YAAY,CAAC,IAAa;IACjC,OAAO,OAAO,CAAC,IAAI,CAAC,iBAAiB,IAAI,IAAI,CAAC,iBAAiB,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,KAAK,CAAC,CAAC;AACnG,CAAC;AAED,SAAS,YAAY,CAAC,SAAiB;IACrC,MAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;IACpD,QAAQ,CAAC,SAAS,GAAG,SAAS,CAAC;IAC/B,MAAM,IAAI,GAAG,QAAQ,CAAC,OAAO,CAAC,iBAAiB,CAAC;IAChD,OAAO,IAAI,IAAI,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,IAAkB,CAAC,CAAC,CAAC,IAAI,CAAC;AAClF,CAAC;AAED,SAAS,iBAAiB,CAAC,SAAkB;IAC3C,MAAM,GAAG,GAAG,MAAM,CAAC,SAAS,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC;IAC3C,OAAO,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;AAChD,CAAC;AAED,SAAS,eAAe,CAAC,IAAY,EAAE,SAAkB;IACvD,MAAM,KAAK,GAAG,iBAAiB,CAAC,SAAS,CAAC,CAAC;IAC3C,IAAI,KAAK;QAAE,mBAAmB,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;AAC9C,CAAC;AAED,SAAS,iBAAiB,CAAC,IAAa,EAAE,QAAgC,EAAE;IAC1E,MAAM,SAAS,GAAG,UAAU,CAAC,UAAU,EAAE,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC;IAC7F,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IACtC,KAAK,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;QACpD,MAAM,GAAG,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC;QACzB,IAAI,CAAC,GAAG,IAAI,CAAC,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,UAAU,EAAE,KAAK,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,KAAK,IAAI,IAAI,IAAI,KAAK,KAAK,KAAK,EAAE,CAAC;YACjH,SAAS;QACX,CAAC;QACD,IAAI,GAAG,KAAK,OAAO,IAAI,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,IAAI,YAAY,WAAW,EAAE,CAAC;YACzF,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;YACjC,SAAS;QACX,CAAC;QACD,IAAI,CAAC,YAAY,CAAC,GAAG,EAAE,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;IAC9D,CAAC;IACD,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;IACtC,IAAI,WAAW,IAAI,IAAI,YAAY,WAAW,EAAE,CAAC;QAC/C,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,gBAAgB,EAAE,WAAW,CAAC,CAAC;QACtD,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,uBAAuB,EAAE,WAAW,CAAC,CAAC;IAC/D,CAAC;IACD,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC;QAAE,IAAI,CAAC,YAAY,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;AACtH,CAAC;AAED,SAAS,eAAe,CAAC,IAAa,EAAE,IAAY,EAAE,QAAgC,EAAE;IACtF,iBAAiB,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;IAC/B,IAAI,IAAI;QAAE,iBAAiB,CAAC,GAAG,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;;QACvC,iBAAiB,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACpC,IAAI,CAAC,YAAY,CAAC,eAAe,EAAE,IAAI,CAAC,CAAC;AAC3C,CAAC;AAED,SAAS,iBAAiB,CAAC,IAAa,EAAE,GAAe;IACvD,IAAI,CAAC,CAAC,IAAI,YAAY,WAAW,CAAC;QAAE,OAAO;IAC3C,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,gBAAgB,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,uBAAuB,CAAC,CAAC,CAAC;IAC1H,IAAI,KAAK;QAAE,GAAG,CAAC,KAAK,CAAC,WAAW,CAAC,OAAO,EAAE,KAAK,EAAE,WAAW,CAAC,CAAC;AAChE,CAAC;AAED,SAAS,iBAAiB,CAAC,IAAa,EAAE,SAAiB;IACzD,MAAM,GAAG,GAAG,YAAY,CAAC,SAAS,CAAC,CAAC;IACpC,IAAI,CAAC,GAAG;QAAE,OAAO,IAAI,CAAC;IACtB,iBAAiB,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;IAC7B,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC;IAC1B,OAAO,GAAG,CAAC;AACb,CAAC;AAED,SAAS,QAAQ,CAAC,IAAY,EAAE,QAAQ,GAAG,cAAc;IACvD,MAAM,QAAQ,GAAG,GAAG,QAAQ,IAAI,IAAI,EAAE,CAAC;IACvC,MAAM,MAAM,GAAG,aAAa,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;IAC3C,IAAI,MAAM;QAAE,OAAO,MAAM,CAAC;IAC1B,MAAM,OAAO,GAAG,KAAK,CAAC,YAAY,CAAC,IAAI,EAAE,QAAQ,CAAC,EAAE;QAClD,WAAW,EAAE,aAAa;QAC1B,OAAO,EAAE,EAAE,MAAM,EAAE,0CAA0C,EAAE;KAChE,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,QAAQ,EAAE,EAAE;QACzB,IAAI,CAAC,QAAQ,CAAC,EAAE;YAAE,MAAM,IAAI,KAAK,CAAC,iBAAiB,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAC;QACtE,MAAM,GAAG,GAAG,MAAM,CAAC,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC;QACjD,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC;YAAE,MAAM,IAAI,KAAK,CAAC,sBAAsB,CAAC,CAAC;QACpE,eAAe,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;QAC3B,OAAO,GAAG,CAAC;IACb,CAAC,CAAC,CAAC;IACH,aAAa,CAAC,GAAG,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;IACrC,OAAO,OAAO,CAAC;AACjB,CAAC;AAED,KAAK,UAAU,iBAAiB,CAC9B,IAAgC,EAChC,IAAa,EACb,QAAgC,EAAE;IAElC,IAAI,CAAC,IAAI,IAAI,OAAO,IAAI,CAAC,YAAY,KAAK,UAAU;QAAE,OAAO,IAAI,CAAC;IAClE,MAAM,MAAM,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;IACnC,MAAM,cAAc,GAAG,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;IACnE,MAAM,eAAe,GAAG,MAAM,IAAI,gBAAgB,CAAC,IAAI,CAAC,KAAK,MAAM,CAAC,IAAI,CAAC;IACzE,eAAe,CAAC,IAAI,EAAE,cAAc,EAAE,KAAK,CAAC,CAAC;IAC7C,IAAI,CAAC,MAAM;QAAE,OAAO,IAAI,CAAC;IACzB,IAAI,eAAe,IAAI,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC;QAC1C,iBAAiB,CAAC,IAAI,EAAE,IAAI,CAAC,iBAA+B,CAAC,CAAC;QAC9D,OAAO,IAAI,CAAC;IACd,CAAC;IACD,IAAI,CAAC;QACH,MAAM,SAAS,GAAG,IAAI,CAAC,kBAAkB,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC;QAC7D,IAAI,SAAS,IAAI,iBAAiB,CAAC,IAAI,EAAE,SAAS,CAAC;YAAE,OAAO,IAAI,CAAC;QACjE,MAAM,SAAS,GAAG,MAAM,QAAQ,CAAC,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,QAAQ,IAAI,cAAc,CAAC,CAAC;QAChF,IAAI,gBAAgB,CAAC,IAAI,CAAC,KAAK,MAAM,CAAC,IAAI;YAAE,OAAO,IAAI,CAAC;QACxD,IAAI,iBAAiB,CAAC,IAAI,EAAE,SAAS,CAAC;YAAE,OAAO,IAAI,CAAC;IACtD,CAAC;IAAC,MAAM,CAAC,CAAA,CAAC;IACV,OAAO,IAAI,CAAC;AACd,CAAC;AAED,SAAS,iBAAiB,CAAC,IAAa,EAAE,QAAgC,EAAE,EAAE,MAAuB,IAAI;IACvG,MAAM,KAAK,GAAG,GAAG,IAAI,CAAC,OAAO,QAAQ,KAAK,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;IACzE,IAAI,CAAC,KAAK,IAAI,OAAO,KAAK,CAAC,aAAa,KAAK,UAAU;QAAE,OAAO,IAAI,CAAC;IACrE,MAAM,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,GAAG,CAAC;IACnC,MAAM,IAAI,GAAG,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IACtC,KAAK,iBAAiB,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC;IAC1C,OAAO,IAAI,CAAC;AACd,CAAC;AAED,SAAS,UAAU,CAAC,MAAkC,EAAE,IAAa,EAAE,QAAgC,EAAE;IACvG,IAAI,CAAC,MAAM,IAAI,OAAO,MAAM,CAAC,WAAW,KAAK,UAAU;QAAE,OAAO,IAAI,CAAC;IACrE,MAAM,IAAI,GAAG,iBAAiB,CAAC,IAAI,EAAE,KAAK,EAAE,MAAM,CAAC,aAAa,IAAI,QAAQ,CAAC,CAAC;IAC9E,IAAI,CAAC,IAAI;QAAE,OAAO,IAAI,CAAC;IACvB,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;IACzB,OAAO,IAAI,CAAC;AACd,CAAC;AAED,SAAS,YAAY,CAAC,IAAa;IACjC,OAAO,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,eAAe,CAAC,IAAI,IAAI,CAAC,YAAY,CAAC,gBAAgB,CAAC,CAAC,CAAC;AACzF,CAAC;AAED,SAAS,QAAQ,CAAC,IAAgC,EAAE,UAA8B,EAAE;IAClF,IAAI,CAAC,CAAC,IAAI,YAAY,OAAO,CAAC;QAAE,OAAO,KAAK,CAAC;IAC7C,MAAM,IAAI,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IAChC,IAAI,CAAC,IAAI;QAAE,OAAO,KAAK,CAAC;IACxB,KAAK,iBAAiB,CAAC,IAAI,EAAE,IAAI,EAAE;QACjC,KAAK,EAAE,IAAI,CAAC,YAAY,CAAC,qBAAqB,CAAC,IAAI,EAAE;QACrD,QAAQ,EAAE,OAAO,CAAC,QAAQ;KAC3B,CAAC,CAAC;IACH,OAAO,IAAI,CAAC;AACd,CAAC;AAED,SAAS,SAAS,CAAC,OAAiB,QAAQ,EAAE,UAA8B,EAAE;IAC5E,QAAQ,CAAU,IAAI,EAAE,aAAa,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC;AACpF,CAAC;AAED,MAAM,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC;IAC1B,MAAM,EAAE,UAAU;IAClB,IAAI,EAAE,QAAQ;IACd,OAAO,EAAE,SAAS;IAClB,QAAQ,EAAE,YAAY;IACtB,aAAa,EAAE,iBAAiB;IAChC,SAAS,EAAE,aAAa;IACxB,kBAAkB;IAClB,gBAAgB;IAChB,aAAa,EAAE,iBAAiB;IAChC,mBAAmB;CACpB,CAAC,CAAC;AAEH,OAAO,EACL,gBAAgB,EAChB,aAAa,EACb,UAAU,EACV,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,iBAAiB,EACjB,KAAK,EACL,aAAa,EACb,kBAAkB,EAClB,gBAAgB,EAChB,iBAAiB,EACjB,mBAAmB,GACpB,CAAC;AAEF,eAAe,KAAK,CAAC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import type { IconServerOptions } from "../../../icons/server/index.d.ts";
|
|
2
|
+
type ExpressLikeRequest = {
|
|
3
|
+
query?: Record<string, unknown>;
|
|
4
|
+
url?: string;
|
|
5
|
+
};
|
|
6
|
+
type ExpressLikeResponse = {
|
|
7
|
+
setHeader?: (name: string, value: string) => void;
|
|
8
|
+
set?: (headers: Record<string, string>) => unknown;
|
|
9
|
+
status?: (status: number) => ExpressLikeResponse;
|
|
10
|
+
type?: (type: string) => ExpressLikeResponse;
|
|
11
|
+
send?: (body: string) => unknown;
|
|
12
|
+
end?: (body?: string) => unknown;
|
|
13
|
+
};
|
|
14
|
+
type ExpressNext = (error?: unknown) => void;
|
|
15
|
+
declare function createIconMiddleware(options?: IconServerOptions): (req: ExpressLikeRequest, res: ExpressLikeResponse, next?: ExpressNext) => unknown;
|
|
16
|
+
declare const createExpressIconMiddleware: typeof createIconMiddleware;
|
|
17
|
+
export { createExpressIconMiddleware, createIconMiddleware };
|
|
18
|
+
export type { ExpressLikeRequest, ExpressLikeResponse };
|
|
19
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/icons/middleware/index.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAEvD,KAAK,kBAAkB,GAAG;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAChC,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,KAAK,mBAAmB,GAAG;IACzB,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD,GAAG,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,OAAO,CAAC;IACnD,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,mBAAmB,CAAC;IACjD,IAAI,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,mBAAmB,CAAC;IAC7C,IAAI,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC;IACjC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC;CAClC,CAAC;AAEF,KAAK,WAAW,GAAG,CAAC,KAAK,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;AA4B7C,iBAAS,oBAAoB,CAAC,OAAO,GAAE,iBAAsB,IAC5B,KAAK,kBAAkB,EAAE,KAAK,mBAAmB,EAAE,OAAO,WAAW,KAAG,OAAO,CAQ/G;AAED,QAAA,MAAM,2BAA2B,6BAAuB,CAAC;AAEzD,OAAO,EAAE,2BAA2B,EAAE,oBAAoB,EAAE,CAAC;AAC7D,YAAY,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,CAAC"}
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import { normalizeSpace } from "../../../icons/shared.js";
|
|
2
|
+
import { createIconSvgResponse } from "../../../icons/server/index.js";
|
|
3
|
+
function readRequestSpec(req) {
|
|
4
|
+
const querySpec = normalizeSpace(req?.query?.spec);
|
|
5
|
+
if (querySpec)
|
|
6
|
+
return querySpec;
|
|
7
|
+
try {
|
|
8
|
+
const url = new URL(req.url || "", "http://localhost");
|
|
9
|
+
return normalizeSpace(url.searchParams.get("spec"));
|
|
10
|
+
}
|
|
11
|
+
catch {
|
|
12
|
+
return "";
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
function sendExpressResponse(res, response) {
|
|
16
|
+
if (typeof res.status === "function")
|
|
17
|
+
res.status(response.status);
|
|
18
|
+
if (typeof res.set === "function")
|
|
19
|
+
res.set(response.headers);
|
|
20
|
+
else {
|
|
21
|
+
for (const [key, value] of Object.entries(response.headers)) {
|
|
22
|
+
res.setHeader?.(key, value);
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
if (typeof res.type === "function" && response.headers["Content-Type"]) {
|
|
26
|
+
res.type(response.headers["Content-Type"]);
|
|
27
|
+
}
|
|
28
|
+
if (typeof res.send === "function")
|
|
29
|
+
return res.send(response.body);
|
|
30
|
+
return res.end?.(response.body);
|
|
31
|
+
}
|
|
32
|
+
function createIconMiddleware(options = {}) {
|
|
33
|
+
return function iconMiddleware(req, res, next) {
|
|
34
|
+
try {
|
|
35
|
+
return sendExpressResponse(res, createIconSvgResponse(readRequestSpec(req), options));
|
|
36
|
+
}
|
|
37
|
+
catch (error) {
|
|
38
|
+
if (next)
|
|
39
|
+
return next(error);
|
|
40
|
+
throw error;
|
|
41
|
+
}
|
|
42
|
+
};
|
|
43
|
+
}
|
|
44
|
+
const createExpressIconMiddleware = createIconMiddleware;
|
|
45
|
+
export { createExpressIconMiddleware, createIconMiddleware };
|
|
46
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/icons/middleware/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAmBtD,SAAS,eAAe,CAAC,GAAuB;IAC9C,MAAM,SAAS,GAAG,cAAc,CAAC,GAAG,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC;IACnD,IAAI,SAAS;QAAE,OAAO,SAAS,CAAC;IAChC,IAAI,CAAC;QACH,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,GAAG,CAAC,GAAG,IAAI,EAAE,EAAE,kBAAkB,CAAC,CAAC;QACvD,OAAO,cAAc,CAAC,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC;IACtD,CAAC;IAAC,MAAM,CAAC;QACP,OAAO,EAAE,CAAC;IACZ,CAAC;AACH,CAAC;AAED,SAAS,mBAAmB,CAAC,GAAwB,EAAE,QAAkD;IACvG,IAAI,OAAO,GAAG,CAAC,MAAM,KAAK,UAAU;QAAE,GAAG,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;IAClE,IAAI,OAAO,GAAG,CAAC,GAAG,KAAK,UAAU;QAAE,GAAG,CAAC,GAAG,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;SACxD,CAAC;QACJ,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC;YAC5D,GAAG,CAAC,SAAS,EAAE,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;QAC9B,CAAC;IACH,CAAC;IACD,IAAI,OAAO,GAAG,CAAC,IAAI,KAAK,UAAU,IAAI,QAAQ,CAAC,OAAO,CAAC,cAAc,CAAC,EAAE,CAAC;QACvE,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC,CAAC;IAC7C,CAAC;IACD,IAAI,OAAO,GAAG,CAAC,IAAI,KAAK,UAAU;QAAE,OAAO,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IACnE,OAAO,GAAG,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;AAClC,CAAC;AAED,SAAS,oBAAoB,CAAC,UAA6B,EAAE;IAC3D,OAAO,SAAS,cAAc,CAAC,GAAuB,EAAE,GAAwB,EAAE,IAAkB;QAClG,IAAI,CAAC;YACH,OAAO,mBAAmB,CAAC,GAAG,EAAE,qBAAqB,CAAC,eAAe,CAAC,GAAG,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC;QACxF,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,IAAI,IAAI;gBAAE,OAAO,IAAI,CAAC,KAAK,CAAC,CAAC;YAC7B,MAAM,KAAK,CAAC;QACd,CAAC;IACH,CAAC,CAAC;AACJ,CAAC;AAED,MAAM,2BAA2B,GAAG,oBAAoB,CAAC;AAEzD,OAAO,EAAE,2BAA2B,EAAE,oBAAoB,EAAE,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import type { HTMLAttributes } from "react";
|
|
2
|
+
type IconProps = Omit<HTMLAttributes<HTMLElement>, "color"> & {
|
|
3
|
+
color?: string;
|
|
4
|
+
endpoint?: string;
|
|
5
|
+
label?: string;
|
|
6
|
+
name?: string;
|
|
7
|
+
pack?: string;
|
|
8
|
+
spec?: string;
|
|
9
|
+
tag?: "i" | "span" | "div";
|
|
10
|
+
title?: string;
|
|
11
|
+
};
|
|
12
|
+
declare function Icon(props: IconProps): import("react").DetailedReactHTMLElement<Record<string, unknown>, HTMLElement>;
|
|
13
|
+
export { Icon };
|
|
14
|
+
export type { IconProps };
|
|
15
|
+
export default Icon;
|
|
16
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/icons/react/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAiB,cAAc,EAAE,MAAM,OAAO,CAAC;AAY3D,KAAK,SAAS,GAAG,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC,GAAG;IAC5D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,GAAG,GAAG,MAAM,GAAG,KAAK,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AA0BF,iBAAS,IAAI,CAAC,KAAK,EAAE,SAAS,kFAoD7B;AAED,OAAO,EAAE,IAAI,EAAE,CAAC;AAChB,YAAY,EAAE,SAAS,EAAE,CAAC;AAC1B,eAAe,IAAI,CAAC"}
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
import { createElement, useEffect, useMemo, useRef } from "react";
|
|
2
|
+
import { classNames, normalizeSpace, parseIconSpec, text, } from "../../../icons/shared.js";
|
|
3
|
+
import { readIconCacheEntry, renderIconElement } from "../../../icons/index.js";
|
|
4
|
+
import { applySvgColor } from "../../../icons/shared.js";
|
|
5
|
+
import { getActiveIconServerRenderer } from "../../../icons/server-context.js";
|
|
6
|
+
function resolveSpec(props) {
|
|
7
|
+
if (props.spec)
|
|
8
|
+
return normalizeSpace(props.spec);
|
|
9
|
+
if (props.pack && props.name)
|
|
10
|
+
return `${props.pack}:${props.name}`;
|
|
11
|
+
if (props.name)
|
|
12
|
+
return normalizeSpace(props.name);
|
|
13
|
+
return "";
|
|
14
|
+
}
|
|
15
|
+
function resolveStyle(props, colorMode, colorValue) {
|
|
16
|
+
const base = props.style && typeof props.style === "object" ? { ...props.style } : {};
|
|
17
|
+
if (props.color) {
|
|
18
|
+
return {
|
|
19
|
+
...base,
|
|
20
|
+
"--icon-custom-color": props.color,
|
|
21
|
+
"--tbf-icon-color": props.color,
|
|
22
|
+
};
|
|
23
|
+
}
|
|
24
|
+
if (colorMode === "brand" && colorValue)
|
|
25
|
+
return { ...base, color: colorValue };
|
|
26
|
+
return Object.keys(base).length ? base : undefined;
|
|
27
|
+
}
|
|
28
|
+
function Icon(props) {
|
|
29
|
+
const { className, color, endpoint, label, name: _name, pack: _pack, spec: _spec, tag = "i", title, ...rest } = props;
|
|
30
|
+
const ref = useRef(null);
|
|
31
|
+
const resolvedSpec = resolveSpec(props);
|
|
32
|
+
const parsed = parseIconSpec(resolvedSpec);
|
|
33
|
+
const normalizedSpec = parsed ? parsed.spec : normalizeSpace(resolvedSpec);
|
|
34
|
+
const serverRenderer = getActiveIconServerRenderer();
|
|
35
|
+
const serverEntry = normalizedSpec && serverRenderer ? serverRenderer(normalizedSpec) : null;
|
|
36
|
+
const browserEntry = normalizedSpec ? readIconCacheEntry(normalizedSpec) : null;
|
|
37
|
+
const cacheEntry = serverEntry || browserEntry;
|
|
38
|
+
const svgMarkup = text(cacheEntry?.svg);
|
|
39
|
+
const colorMode = text(cacheEntry?.colorMode);
|
|
40
|
+
const colorValue = text(cacheEntry?.colorValue);
|
|
41
|
+
useEffect(() => {
|
|
42
|
+
if (!ref.current || !normalizedSpec)
|
|
43
|
+
return undefined;
|
|
44
|
+
void renderIconElement(ref.current, normalizedSpec, { color, endpoint });
|
|
45
|
+
return undefined;
|
|
46
|
+
}, [color, endpoint, normalizedSpec]);
|
|
47
|
+
const elementProps = useMemo(() => {
|
|
48
|
+
const hidden = label || rest["aria-label"] ? undefined : "true";
|
|
49
|
+
const out = {
|
|
50
|
+
...rest,
|
|
51
|
+
"aria-hidden": rest["aria-hidden"] ?? hidden,
|
|
52
|
+
"aria-label": rest["aria-label"] || label || undefined,
|
|
53
|
+
className: classNames("tbf-icon", "icon-glyph", className),
|
|
54
|
+
"data-tbf-icon": normalizedSpec || undefined,
|
|
55
|
+
ref,
|
|
56
|
+
style: resolveStyle({ ...props, color }, colorMode, colorValue),
|
|
57
|
+
title,
|
|
58
|
+
};
|
|
59
|
+
if (svgMarkup) {
|
|
60
|
+
out.dangerouslySetInnerHTML = {
|
|
61
|
+
__html: color ? applySvgColor(svgMarkup, color) : svgMarkup,
|
|
62
|
+
};
|
|
63
|
+
}
|
|
64
|
+
return out;
|
|
65
|
+
}, [className, color, colorMode, colorValue, label, normalizedSpec, props, rest, svgMarkup, title]);
|
|
66
|
+
return createElement(tag, elementProps);
|
|
67
|
+
}
|
|
68
|
+
export { Icon };
|
|
69
|
+
export default Icon;
|
|
70
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/icons/react/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
import type { IconPack } from "../../../icons/shared.d.ts";
|
|
2
|
+
import type { ServerIconCacheEntry } from "../../../icons/server-context.d.ts";
|
|
3
|
+
export { withIconServerRenderer } from "../../../icons/server-context.d.ts";
|
|
4
|
+
type IconSvgSuccess = {
|
|
5
|
+
file?: string;
|
|
6
|
+
icon: string;
|
|
7
|
+
ok: true;
|
|
8
|
+
pack: IconPack;
|
|
9
|
+
spec: string;
|
|
10
|
+
statusCode: "success";
|
|
11
|
+
svg: string;
|
|
12
|
+
};
|
|
13
|
+
type IconSvgFailure = {
|
|
14
|
+
icon?: string;
|
|
15
|
+
ok: false;
|
|
16
|
+
pack?: string;
|
|
17
|
+
spec: string;
|
|
18
|
+
status: number;
|
|
19
|
+
statusCode: "duplicate-icon-name" | "icon-not-found" | "invalid-spec" | "invalid-svg" | "pack-not-found";
|
|
20
|
+
};
|
|
21
|
+
type IconSvgResult = IconSvgSuccess | IconSvgFailure;
|
|
22
|
+
type IconServerOptions = {
|
|
23
|
+
packageRoot?: string;
|
|
24
|
+
preserveSourceColors?: boolean | readonly string[];
|
|
25
|
+
rootDir?: string;
|
|
26
|
+
};
|
|
27
|
+
type RenderIconHtmlAttrs = Record<string, unknown> & {
|
|
28
|
+
class?: string;
|
|
29
|
+
className?: string;
|
|
30
|
+
color?: string;
|
|
31
|
+
label?: string;
|
|
32
|
+
preserveSourceColors?: boolean;
|
|
33
|
+
tag?: "i" | "span" | "div";
|
|
34
|
+
title?: string;
|
|
35
|
+
};
|
|
36
|
+
type IconPackIndex = {
|
|
37
|
+
byName: Map<string, string>;
|
|
38
|
+
duplicates: Map<string, string[]>;
|
|
39
|
+
packRoot: string;
|
|
40
|
+
};
|
|
41
|
+
declare function resolveIconPackRoot(pack: unknown, options?: IconServerOptions): string;
|
|
42
|
+
declare function buildPackIndex(pack: IconPack, options?: IconServerOptions): IconPackIndex | null;
|
|
43
|
+
declare function simpleIconColor(icon: unknown, options?: IconServerOptions): string;
|
|
44
|
+
declare function resolveIconSvg(spec: unknown, options?: IconServerOptions): IconSvgResult;
|
|
45
|
+
declare function resolveIconColor(spec: unknown, options?: IconServerOptions): string;
|
|
46
|
+
declare function buildRenderedIconCacheEntry(spec: unknown, options?: IconServerOptions): (ServerIconCacheEntry & {
|
|
47
|
+
normalizedSpec: string;
|
|
48
|
+
}) | null;
|
|
49
|
+
declare function createServerIconRenderer(cache?: Record<string, ServerIconCacheEntry>, options?: IconServerOptions): (spec: string) => (ServerIconCacheEntry & {
|
|
50
|
+
normalizedSpec: string;
|
|
51
|
+
}) | null;
|
|
52
|
+
declare function renderIconHtml(spec: unknown, attrs?: RenderIconHtmlAttrs, options?: IconServerOptions): string;
|
|
53
|
+
declare function createIconSvgResponse(spec: unknown, options?: IconServerOptions): {
|
|
54
|
+
body: "duplicate-icon-name" | "icon-not-found" | "invalid-spec" | "invalid-svg" | "pack-not-found";
|
|
55
|
+
headers: {
|
|
56
|
+
"Content-Type": string;
|
|
57
|
+
"Cache-Control"?: undefined;
|
|
58
|
+
};
|
|
59
|
+
status: number;
|
|
60
|
+
} | {
|
|
61
|
+
body: string;
|
|
62
|
+
headers: {
|
|
63
|
+
"Cache-Control": string;
|
|
64
|
+
"Content-Type": string;
|
|
65
|
+
};
|
|
66
|
+
status: number;
|
|
67
|
+
};
|
|
68
|
+
export { buildPackIndex, buildRenderedIconCacheEntry, createIconSvgResponse, createServerIconRenderer, renderIconHtml, resolveIconColor, resolveIconPackRoot, resolveIconSvg, simpleIconColor, };
|
|
69
|
+
export type { IconServerOptions, IconSvgFailure, IconSvgResult, IconSvgSuccess, RenderIconHtmlAttrs, };
|
|
70
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/icons/server/index.ts"],"names":[],"mappings":"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"}
|