@sudajs/theme-engine 0.0.2
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/dist/ai/slots.d.ts +33 -0
- package/dist/ai/slots.d.ts.map +1 -0
- package/dist/ai/slots.js +139 -0
- package/dist/ai/slots.js.map +1 -0
- package/dist/assets.d.ts +42 -0
- package/dist/assets.d.ts.map +1 -0
- package/dist/assets.js +36 -0
- package/dist/assets.js.map +1 -0
- package/dist/cms/apply-bindings.d.ts +9 -0
- package/dist/cms/apply-bindings.d.ts.map +1 -0
- package/dist/cms/apply-bindings.js +128 -0
- package/dist/cms/apply-bindings.js.map +1 -0
- package/dist/cms/get-context.d.ts +9 -0
- package/dist/cms/get-context.d.ts.map +1 -0
- package/dist/cms/get-context.js +13 -0
- package/dist/cms/get-context.js.map +1 -0
- package/dist/cms/index.d.ts +4 -0
- package/dist/cms/index.d.ts.map +1 -0
- package/dist/cms/index.js +4 -0
- package/dist/cms/index.js.map +1 -0
- package/dist/cms/types.d.ts +116 -0
- package/dist/cms/types.d.ts.map +1 -0
- package/dist/cms/types.js +2 -0
- package/dist/cms/types.js.map +1 -0
- package/dist/components/base-blocks.d.ts +13 -0
- package/dist/components/base-blocks.d.ts.map +1 -0
- package/dist/components/base-blocks.js +157 -0
- package/dist/components/base-blocks.js.map +1 -0
- package/dist/components/containers.d.ts +8 -0
- package/dist/components/containers.d.ts.map +1 -0
- package/dist/components/containers.js +142 -0
- package/dist/components/containers.js.map +1 -0
- package/dist/components/index.d.ts +11 -0
- package/dist/components/index.d.ts.map +1 -0
- package/dist/components/index.js +17 -0
- package/dist/components/index.js.map +1 -0
- package/dist/components/interactive.client.d.ts +12 -0
- package/dist/components/interactive.client.d.ts.map +1 -0
- package/dist/components/interactive.client.js +43 -0
- package/dist/components/interactive.client.js.map +1 -0
- package/dist/components/metadata.d.ts +20 -0
- package/dist/components/metadata.d.ts.map +1 -0
- package/dist/components/metadata.js +9 -0
- package/dist/components/metadata.js.map +1 -0
- package/dist/components/shared-fields.d.ts +11 -0
- package/dist/components/shared-fields.d.ts.map +1 -0
- package/dist/components/shared-fields.js +37 -0
- package/dist/components/shared-fields.js.map +1 -0
- package/dist/editor/context.d.ts +79 -0
- package/dist/editor/context.d.ts.map +1 -0
- package/dist/editor/context.js +12 -0
- package/dist/editor/context.js.map +1 -0
- package/dist/editor/index.d.ts +5 -0
- package/dist/editor/index.d.ts.map +1 -0
- package/dist/editor/index.js +5 -0
- package/dist/editor/index.js.map +1 -0
- package/dist/editor/overrides.d.ts +3 -0
- package/dist/editor/overrides.d.ts.map +1 -0
- package/dist/editor/overrides.js +379 -0
- package/dist/editor/overrides.js.map +1 -0
- package/dist/editor/theme-editor.d.ts +46 -0
- package/dist/editor/theme-editor.d.ts.map +1 -0
- package/dist/editor/theme-editor.js +169 -0
- package/dist/editor/theme-editor.js.map +1 -0
- package/dist/editor/unified-editor.d.ts +25 -0
- package/dist/editor/unified-editor.d.ts.map +1 -0
- package/dist/editor/unified-editor.js +229 -0
- package/dist/editor/unified-editor.js.map +1 -0
- package/dist/editor/use-theme-runtime.d.ts +8 -0
- package/dist/editor/use-theme-runtime.d.ts.map +1 -0
- package/dist/editor/use-theme-runtime.js +77 -0
- package/dist/editor/use-theme-runtime.js.map +1 -0
- package/dist/fields/basic-fields.d.ts +14 -0
- package/dist/fields/basic-fields.d.ts.map +1 -0
- package/dist/fields/basic-fields.js +46 -0
- package/dist/fields/basic-fields.js.map +1 -0
- package/dist/fields/color-field.d.ts +3 -0
- package/dist/fields/color-field.d.ts.map +1 -0
- package/dist/fields/color-field.js +97 -0
- package/dist/fields/color-field.js.map +1 -0
- package/dist/fields/color-scheme-field.d.ts +81 -0
- package/dist/fields/color-scheme-field.d.ts.map +1 -0
- package/dist/fields/color-scheme-field.js +234 -0
- package/dist/fields/color-scheme-field.js.map +1 -0
- package/dist/fields/index.d.ts +6 -0
- package/dist/fields/index.d.ts.map +1 -0
- package/dist/fields/index.js +4 -0
- package/dist/fields/index.js.map +1 -0
- package/dist/fields/media-field.d.ts +10 -0
- package/dist/fields/media-field.d.ts.map +1 -0
- package/dist/fields/media-field.js +495 -0
- package/dist/fields/media-field.js.map +1 -0
- package/dist/fields/normalize-config.d.ts +3 -0
- package/dist/fields/normalize-config.d.ts.map +1 -0
- package/dist/fields/normalize-config.js +81 -0
- package/dist/fields/normalize-config.js.map +1 -0
- package/dist/fields/range-field.d.ts +9 -0
- package/dist/fields/range-field.d.ts.map +1 -0
- package/dist/fields/range-field.js +53 -0
- package/dist/fields/range-field.js.map +1 -0
- package/dist/fields/spacing-field.d.ts +7 -0
- package/dist/fields/spacing-field.d.ts.map +1 -0
- package/dist/fields/spacing-field.js +40 -0
- package/dist/fields/spacing-field.js.map +1 -0
- package/dist/fields/suda-fields.d.ts +45 -0
- package/dist/fields/suda-fields.d.ts.map +1 -0
- package/dist/fields/suda-fields.js +91 -0
- package/dist/fields/suda-fields.js.map +1 -0
- package/dist/index.d.ts +12 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +15 -0
- package/dist/index.js.map +1 -0
- package/dist/manifest.d.ts +47 -0
- package/dist/manifest.d.ts.map +1 -0
- package/dist/manifest.js +39 -0
- package/dist/manifest.js.map +1 -0
- package/dist/registry/filesystem.d.ts +27 -0
- package/dist/registry/filesystem.d.ts.map +1 -0
- package/dist/registry/filesystem.js +162 -0
- package/dist/registry/filesystem.js.map +1 -0
- package/dist/registry.d.ts +13 -0
- package/dist/registry.d.ts.map +1 -0
- package/dist/registry.js +2 -0
- package/dist/registry.js.map +1 -0
- package/dist/render/chrome.d.ts +18 -0
- package/dist/render/chrome.d.ts.map +1 -0
- package/dist/render/chrome.js +36 -0
- package/dist/render/chrome.js.map +1 -0
- package/dist/render/index.d.ts +4 -0
- package/dist/render/index.d.ts.map +1 -0
- package/dist/render/index.js +4 -0
- package/dist/render/index.js.map +1 -0
- package/dist/render/render.d.ts +21 -0
- package/dist/render/render.d.ts.map +1 -0
- package/dist/render/render.js +50 -0
- package/dist/render/render.js.map +1 -0
- package/dist/render/slot.d.ts +14 -0
- package/dist/render/slot.d.ts.map +1 -0
- package/dist/render/slot.js +14 -0
- package/dist/render/slot.js.map +1 -0
- package/dist/runtime.d.ts +8 -0
- package/dist/runtime.d.ts.map +1 -0
- package/dist/runtime.js +10 -0
- package/dist/runtime.js.map +1 -0
- package/dist/server.d.ts +13 -0
- package/dist/server.d.ts.map +1 -0
- package/dist/server.js +16 -0
- package/dist/server.js.map +1 -0
- package/dist/types.d.ts +171 -0
- package/dist/types.d.ts.map +1 -0
- package/dist/types.js +2 -0
- package/dist/types.js.map +1 -0
- package/package.json +68 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/editor/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,0BAA0B,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAChG,OAAO,EACL,6BAA6B,EAC7B,8BAA8B,EAC9B,2BAA2B,GAC5B,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EACL,kBAAkB,EAClB,qBAAqB,EACrB,KAAK,uBAAuB,EAC5B,KAAK,oBAAoB,EACzB,KAAK,oBAAoB,EACzB,KAAK,wBAAwB,EAC7B,KAAK,uBAAuB,GAC7B,MAAM,WAAW,CAAC;AACnB,OAAO,EAAE,eAAe,EAAE,KAAK,iBAAiB,EAAE,MAAM,qBAAqB,CAAC"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export { SUDA_THEME_SETTINGS_ACTION, ThemeEditor } from "./theme-editor";
|
|
2
|
+
export { composeUnifiedThemeEditorData, createUnifiedThemeEditorConfig, splitUnifiedThemeEditorData, } from "./unified-editor";
|
|
3
|
+
export { ThemeEditorContext, useThemeEditorContext, } from "./context";
|
|
4
|
+
export { useThemeRuntime } from "./use-theme-runtime";
|
|
5
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/editor/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,0BAA0B,EAAE,WAAW,EAAyB,MAAM,gBAAgB,CAAC;AAChG,OAAO,EACL,6BAA6B,EAC7B,8BAA8B,EAC9B,2BAA2B,GAC5B,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EACL,kBAAkB,EAClB,qBAAqB,GAMtB,MAAM,WAAW,CAAC;AACnB,OAAO,EAAE,eAAe,EAA0B,MAAM,qBAAqB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"overrides.d.ts","sourceRoot":"","sources":["../../src/editor/overrides.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAGV,SAAS,EAKV,MAAM,kBAAkB,CAAC;AA2S1B,wBAAgB,yBAAyB,IAAI,OAAO,CAAC,SAAS,CAAC,CAwR9D"}
|
|
@@ -0,0 +1,379 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
const BORDER = "1px solid var(--puck-color-grey-09, #dcdcdc)";
|
|
4
|
+
const RADIUS = 4;
|
|
5
|
+
const CONTROL_HEIGHT = 28;
|
|
6
|
+
const CONTROL_WIDTH = 160;
|
|
7
|
+
const controlBase = {
|
|
8
|
+
height: CONTROL_HEIGHT,
|
|
9
|
+
padding: "0 8px",
|
|
10
|
+
border: BORDER,
|
|
11
|
+
borderRadius: RADIUS,
|
|
12
|
+
fontSize: 12,
|
|
13
|
+
background: "var(--puck-color-white, #fff)",
|
|
14
|
+
color: "var(--puck-color-black, #111)",
|
|
15
|
+
boxSizing: "border-box",
|
|
16
|
+
};
|
|
17
|
+
const controlFixed = {
|
|
18
|
+
...controlBase,
|
|
19
|
+
width: CONTROL_WIDTH,
|
|
20
|
+
minWidth: CONTROL_WIDTH,
|
|
21
|
+
maxWidth: CONTROL_WIDTH,
|
|
22
|
+
};
|
|
23
|
+
const stackControl = {
|
|
24
|
+
...controlBase,
|
|
25
|
+
width: "100%",
|
|
26
|
+
minHeight: CONTROL_HEIGHT,
|
|
27
|
+
};
|
|
28
|
+
const textareaControl = {
|
|
29
|
+
...stackControl,
|
|
30
|
+
height: "auto",
|
|
31
|
+
minHeight: 96,
|
|
32
|
+
padding: "8px",
|
|
33
|
+
lineHeight: 1.45,
|
|
34
|
+
resize: "vertical",
|
|
35
|
+
};
|
|
36
|
+
const FIELD_STYLE = `
|
|
37
|
+
.suda-puck-fields {
|
|
38
|
+
padding: 0;
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
.suda-puck-fields > * + * {
|
|
42
|
+
margin-top: 0;
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
.suda-puck-field {
|
|
46
|
+
box-sizing: border-box;
|
|
47
|
+
color: var(--puck-color-black, #111);
|
|
48
|
+
display: flex;
|
|
49
|
+
flex-direction: column;
|
|
50
|
+
gap: 6px;
|
|
51
|
+
opacity: 1;
|
|
52
|
+
width: 100%;
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
.suda-puck-field[data-read-only="true"] {
|
|
56
|
+
opacity: 0.6;
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
.suda-puck-field__label {
|
|
60
|
+
align-items: center;
|
|
61
|
+
color: var(--puck-color-grey-03, #444);
|
|
62
|
+
display: flex;
|
|
63
|
+
font-size: 12px;
|
|
64
|
+
font-weight: 400;
|
|
65
|
+
gap: 4px;
|
|
66
|
+
line-height: 1.4;
|
|
67
|
+
min-width: 0;
|
|
68
|
+
user-select: none;
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
.suda-puck-field__label-text {
|
|
72
|
+
min-width: 0;
|
|
73
|
+
overflow-wrap: anywhere;
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
.suda-puck-field__label-icon {
|
|
77
|
+
color: var(--puck-color-grey-06, #777);
|
|
78
|
+
display: inline-flex;
|
|
79
|
+
flex-shrink: 0;
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
.suda-puck-field__read-only {
|
|
83
|
+
color: var(--puck-color-grey-05, #888);
|
|
84
|
+
margin-left: auto;
|
|
85
|
+
}
|
|
86
|
+
|
|
87
|
+
.suda-puck-field__control {
|
|
88
|
+
min-width: 0;
|
|
89
|
+
width: 100%;
|
|
90
|
+
}
|
|
91
|
+
|
|
92
|
+
.suda-puck-field:has(> .suda-puck-field__control > [data-suda-field-layout="inline"]) {
|
|
93
|
+
align-items: center;
|
|
94
|
+
display: grid;
|
|
95
|
+
gap: 6px;
|
|
96
|
+
grid-template-columns: minmax(74px, 42%) minmax(0, 1fr);
|
|
97
|
+
min-height: ${CONTROL_HEIGHT}px;
|
|
98
|
+
}
|
|
99
|
+
|
|
100
|
+
.suda-puck-field:has(> .suda-puck-field__control > .suda-puck-custom-field[data-suda-field-layout="inline"]) {
|
|
101
|
+
align-items: center;
|
|
102
|
+
display: grid;
|
|
103
|
+
gap: 6px;
|
|
104
|
+
grid-template-columns: minmax(74px, 42%) minmax(0, 1fr);
|
|
105
|
+
min-height: ${CONTROL_HEIGHT}px;
|
|
106
|
+
}
|
|
107
|
+
|
|
108
|
+
.suda-puck-field:has(> .suda-puck-field__control > .suda-puck-custom-field[data-suda-field-layout="inline"]) > .suda-puck-field__control {
|
|
109
|
+
width: 100%;
|
|
110
|
+
}
|
|
111
|
+
|
|
112
|
+
.suda-puck-field:has(> .suda-puck-field__control > [data-suda-field-layout="inline"]) > .suda-puck-field__control {
|
|
113
|
+
width: 100%;
|
|
114
|
+
}
|
|
115
|
+
|
|
116
|
+
.suda-puck-field__control > [data-suda-field-layout="inline"],
|
|
117
|
+
.suda-puck-field__control > .suda-puck-custom-field[data-suda-field-layout="inline"] {
|
|
118
|
+
max-width: 100% !important;
|
|
119
|
+
min-width: 0 !important;
|
|
120
|
+
width: 100% !important;
|
|
121
|
+
}
|
|
122
|
+
|
|
123
|
+
.suda-puck-custom-field[data-suda-field-layout="inline"] > * {
|
|
124
|
+
max-width: 100%;
|
|
125
|
+
}
|
|
126
|
+
|
|
127
|
+
.suda-puck-field:has(> .suda-puck-field__control > [data-suda-field-layout="stack"]) {
|
|
128
|
+
display: flex;
|
|
129
|
+
flex-direction: column;
|
|
130
|
+
}
|
|
131
|
+
|
|
132
|
+
.suda-puck-field:has(.ArrayField),
|
|
133
|
+
.suda-puck-field:has([class*="ArrayField"]),
|
|
134
|
+
.suda-puck-field:has(.ObjectField),
|
|
135
|
+
.suda-puck-field:has([class*="ObjectField"]) {
|
|
136
|
+
display: flex;
|
|
137
|
+
flex-direction: column;
|
|
138
|
+
}
|
|
139
|
+
|
|
140
|
+
.suda-puck-field:has(.ArrayField) > .suda-puck-field__control,
|
|
141
|
+
.suda-puck-field:has([class*="ArrayField"]) > .suda-puck-field__control,
|
|
142
|
+
.suda-puck-field:has(.ObjectField) > .suda-puck-field__control,
|
|
143
|
+
.suda-puck-field:has([class*="ObjectField"]) > .suda-puck-field__control {
|
|
144
|
+
width: 100%;
|
|
145
|
+
}
|
|
146
|
+
|
|
147
|
+
.suda-puck-fields [class*="ArrayFieldItem-fieldset"] {
|
|
148
|
+
padding: 12px;
|
|
149
|
+
}
|
|
150
|
+
`;
|
|
151
|
+
function toInputValue(value) {
|
|
152
|
+
if (value === null || value === undefined) {
|
|
153
|
+
return "";
|
|
154
|
+
}
|
|
155
|
+
if (typeof value === "string") {
|
|
156
|
+
return value;
|
|
157
|
+
}
|
|
158
|
+
if (typeof value === "number" || typeof value === "boolean") {
|
|
159
|
+
return String(value);
|
|
160
|
+
}
|
|
161
|
+
return "";
|
|
162
|
+
}
|
|
163
|
+
function encodeOptionKey(value) {
|
|
164
|
+
try {
|
|
165
|
+
return JSON.stringify({ v: value });
|
|
166
|
+
}
|
|
167
|
+
catch {
|
|
168
|
+
return JSON.stringify({ v: null });
|
|
169
|
+
}
|
|
170
|
+
}
|
|
171
|
+
function decodeOptionKey(key, opts) {
|
|
172
|
+
for (const o of opts) {
|
|
173
|
+
if (encodeOptionKey(o.value) === key) {
|
|
174
|
+
return o.value;
|
|
175
|
+
}
|
|
176
|
+
}
|
|
177
|
+
return key;
|
|
178
|
+
}
|
|
179
|
+
function getCustomLayout(field, fallbackLabel) {
|
|
180
|
+
const metadata = field.metadata;
|
|
181
|
+
const sudaField = metadata?.["sudaField"];
|
|
182
|
+
if (sudaField === "color" ||
|
|
183
|
+
sudaField === "font" ||
|
|
184
|
+
sudaField === "icon" ||
|
|
185
|
+
sudaField === "range" ||
|
|
186
|
+
sudaField === "spacing" ||
|
|
187
|
+
sudaField === "url" ||
|
|
188
|
+
sudaField === "video") {
|
|
189
|
+
return "inline";
|
|
190
|
+
}
|
|
191
|
+
const normalizedLabel = fallbackLabel.toLowerCase();
|
|
192
|
+
if (normalizedLabel.includes("color") && !normalizedLabel.includes("scheme")) {
|
|
193
|
+
return "inline";
|
|
194
|
+
}
|
|
195
|
+
return "stack";
|
|
196
|
+
}
|
|
197
|
+
function SudaFieldLabel({ label, children, icon, el, readOnly, className, }) {
|
|
198
|
+
const Tag = el ?? "label";
|
|
199
|
+
return (_jsxs(Tag, { className: ["suda-puck-field", className].filter(Boolean).join(" "), "data-read-only": readOnly ? "true" : undefined, children: [_jsxs("span", { className: "suda-puck-field__label", children: [icon ? _jsx("span", { className: "suda-puck-field__label-icon", children: icon }) : null, _jsx("span", { className: "suda-puck-field__label-text", children: label }), readOnly ? (_jsx("span", { className: "suda-puck-field__read-only", title: "Read-only", children: "Read-only" })) : null] }), _jsx("div", { className: "suda-puck-field__control", children: children })] }));
|
|
200
|
+
}
|
|
201
|
+
function SegmentedControl({ options, value, onChange, disabled, }) {
|
|
202
|
+
return (_jsx("div", { "data-suda-field-layout": "inline", style: {
|
|
203
|
+
display: "flex",
|
|
204
|
+
width: CONTROL_WIDTH,
|
|
205
|
+
border: BORDER,
|
|
206
|
+
borderRadius: RADIUS,
|
|
207
|
+
overflow: "hidden",
|
|
208
|
+
background: "var(--puck-color-grey-11, #f5f5f5)",
|
|
209
|
+
}, children: options.map((opt, i) => (_jsx("button", { type: "button", disabled: disabled, onClick: () => !disabled && onChange(opt.value), style: {
|
|
210
|
+
flex: 1,
|
|
211
|
+
height: CONTROL_HEIGHT,
|
|
212
|
+
padding: "0 4px",
|
|
213
|
+
border: "none",
|
|
214
|
+
borderLeft: i === 0 ? "none" : BORDER,
|
|
215
|
+
background: opt.value === value ? "var(--puck-color-white, #fff)" : "transparent",
|
|
216
|
+
color: "var(--puck-color-black, #111)",
|
|
217
|
+
fontSize: 11,
|
|
218
|
+
fontWeight: opt.value === value ? 600 : 400,
|
|
219
|
+
cursor: disabled ? "default" : "pointer",
|
|
220
|
+
boxShadow: opt.value === value ? "0 1px 3px rgba(0,0,0,0.08)" : "none",
|
|
221
|
+
transition: "background 0.1s",
|
|
222
|
+
overflow: "hidden",
|
|
223
|
+
textOverflow: "ellipsis",
|
|
224
|
+
whiteSpace: "nowrap",
|
|
225
|
+
boxSizing: "border-box",
|
|
226
|
+
}, children: opt.label }, opt.value))) }));
|
|
227
|
+
}
|
|
228
|
+
export function createSudaEditorOverrides() {
|
|
229
|
+
return {
|
|
230
|
+
fields: ({ children }) => (_jsxs("div", { className: "suda-puck-fields", children: [_jsx("style", { children: FIELD_STYLE }), children] })),
|
|
231
|
+
fieldLabel: ({ label, children, icon, el, readOnly, className }) => {
|
|
232
|
+
const labelProps = { label };
|
|
233
|
+
if (icon !== undefined) {
|
|
234
|
+
labelProps.icon = icon;
|
|
235
|
+
}
|
|
236
|
+
if (el !== undefined) {
|
|
237
|
+
labelProps.el = el;
|
|
238
|
+
}
|
|
239
|
+
if (readOnly !== undefined) {
|
|
240
|
+
labelProps.readOnly = readOnly;
|
|
241
|
+
}
|
|
242
|
+
if (className !== undefined) {
|
|
243
|
+
labelProps.className = className;
|
|
244
|
+
}
|
|
245
|
+
return _jsx(SudaFieldLabel, { ...labelProps, children: children });
|
|
246
|
+
},
|
|
247
|
+
fieldTypes: {
|
|
248
|
+
custom: ({ field, value, onChange, readOnly, id, name }) => {
|
|
249
|
+
const f = field;
|
|
250
|
+
const resolvedName = name ?? id ?? f.label ?? "custom";
|
|
251
|
+
const resolvedLabel = f.label ?? resolvedName;
|
|
252
|
+
const layout = getCustomLayout(f, resolvedLabel);
|
|
253
|
+
const resolvedId = id ?? resolvedName;
|
|
254
|
+
const renderProps = {
|
|
255
|
+
field: f,
|
|
256
|
+
id: resolvedId,
|
|
257
|
+
name: resolvedName,
|
|
258
|
+
value,
|
|
259
|
+
onChange,
|
|
260
|
+
};
|
|
261
|
+
if (readOnly !== undefined) {
|
|
262
|
+
renderProps.readOnly = readOnly;
|
|
263
|
+
}
|
|
264
|
+
const labelProps = {
|
|
265
|
+
label: resolvedLabel,
|
|
266
|
+
children: (_jsx("div", { className: "suda-puck-custom-field", "data-suda-field-layout": layout, children: f.render(renderProps) })),
|
|
267
|
+
el: "div",
|
|
268
|
+
};
|
|
269
|
+
if (readOnly !== undefined) {
|
|
270
|
+
labelProps.readOnly = readOnly;
|
|
271
|
+
}
|
|
272
|
+
return (_jsx(SudaFieldLabel, { ...labelProps }));
|
|
273
|
+
},
|
|
274
|
+
text: ({ field, value, onChange, readOnly, name, id }) => {
|
|
275
|
+
const f = field;
|
|
276
|
+
const resolvedLabel = f.label ?? name ?? id ?? "";
|
|
277
|
+
const labelProps = {
|
|
278
|
+
label: resolvedLabel,
|
|
279
|
+
children: (_jsx("input", { "data-suda-field-layout": "stack", type: "text", style: stackControl, value: toInputValue(value), placeholder: f.placeholder, readOnly: readOnly, onChange: (e) => onChange(e.target.value) })),
|
|
280
|
+
};
|
|
281
|
+
if (f.labelIcon !== undefined) {
|
|
282
|
+
labelProps.icon = f.labelIcon;
|
|
283
|
+
}
|
|
284
|
+
if (readOnly !== undefined) {
|
|
285
|
+
labelProps.readOnly = readOnly;
|
|
286
|
+
}
|
|
287
|
+
return _jsx(SudaFieldLabel, { ...labelProps });
|
|
288
|
+
},
|
|
289
|
+
textarea: ({ field, value, onChange, readOnly, name, id }) => {
|
|
290
|
+
const f = field;
|
|
291
|
+
const resolvedLabel = f.label ?? name ?? id ?? "";
|
|
292
|
+
const labelProps = {
|
|
293
|
+
label: resolvedLabel,
|
|
294
|
+
children: (_jsx("textarea", { "data-suda-field-layout": "stack", style: textareaControl, value: toInputValue(value), placeholder: f.placeholder, readOnly: readOnly, rows: 4, onChange: (e) => onChange(e.target.value) })),
|
|
295
|
+
};
|
|
296
|
+
if (f.labelIcon !== undefined) {
|
|
297
|
+
labelProps.icon = f.labelIcon;
|
|
298
|
+
}
|
|
299
|
+
if (readOnly !== undefined) {
|
|
300
|
+
labelProps.readOnly = readOnly;
|
|
301
|
+
}
|
|
302
|
+
return _jsx(SudaFieldLabel, { ...labelProps });
|
|
303
|
+
},
|
|
304
|
+
number: ({ field, value, onChange, readOnly, name, id }) => {
|
|
305
|
+
const f = field;
|
|
306
|
+
const resolvedLabel = f.label ?? name ?? id ?? "";
|
|
307
|
+
const labelProps = {
|
|
308
|
+
label: resolvedLabel,
|
|
309
|
+
children: (_jsx("input", { "data-suda-field-layout": "inline", type: "number", style: controlFixed, value: toInputValue(value), min: f.min, max: f.max, step: f.step, readOnly: readOnly, onChange: (e) => {
|
|
310
|
+
const num = Number(e.target.value);
|
|
311
|
+
if (f.min !== undefined && num < f.min) {
|
|
312
|
+
return;
|
|
313
|
+
}
|
|
314
|
+
if (f.max !== undefined && num > f.max) {
|
|
315
|
+
return;
|
|
316
|
+
}
|
|
317
|
+
onChange(num);
|
|
318
|
+
} })),
|
|
319
|
+
};
|
|
320
|
+
if (f.labelIcon !== undefined) {
|
|
321
|
+
labelProps.icon = f.labelIcon;
|
|
322
|
+
}
|
|
323
|
+
if (readOnly !== undefined) {
|
|
324
|
+
labelProps.readOnly = readOnly;
|
|
325
|
+
}
|
|
326
|
+
return _jsx(SudaFieldLabel, { ...labelProps });
|
|
327
|
+
},
|
|
328
|
+
select: ({ field, value, onChange, readOnly, name, id }) => {
|
|
329
|
+
const f = field;
|
|
330
|
+
const opts = f.options ?? [];
|
|
331
|
+
const keyedOpts = opts.map((o) => ({ label: o.label, value: encodeOptionKey(o.value) }));
|
|
332
|
+
const currentKey = encodeOptionKey(value);
|
|
333
|
+
const resolvedLabel = f.label ?? name ?? id ?? "";
|
|
334
|
+
const handleChange = (key) => {
|
|
335
|
+
onChange(decodeOptionKey(key, opts));
|
|
336
|
+
};
|
|
337
|
+
const segmentedProps = { options: keyedOpts, value: currentKey, onChange: handleChange };
|
|
338
|
+
if (readOnly !== undefined) {
|
|
339
|
+
segmentedProps.disabled = readOnly;
|
|
340
|
+
}
|
|
341
|
+
const control = keyedOpts.length > 0 &&
|
|
342
|
+
keyedOpts.length <= 4 &&
|
|
343
|
+
keyedOpts.every((o) => o.label.length <= 12) ? (_jsx(SegmentedControl, { ...segmentedProps })) : (_jsx("select", { "data-suda-field-layout": "inline", style: { ...controlFixed, cursor: readOnly ? "default" : "pointer" }, value: currentKey, disabled: readOnly, onChange: (e) => handleChange(e.target.value), children: opts.map((o) => (_jsx("option", { value: encodeOptionKey(o.value), children: o.label }, encodeOptionKey(o.value)))) }));
|
|
344
|
+
const labelProps = { label: resolvedLabel, children: control };
|
|
345
|
+
if (f.labelIcon !== undefined) {
|
|
346
|
+
labelProps.icon = f.labelIcon;
|
|
347
|
+
}
|
|
348
|
+
if (readOnly !== undefined) {
|
|
349
|
+
labelProps.readOnly = readOnly;
|
|
350
|
+
}
|
|
351
|
+
return _jsx(SudaFieldLabel, { ...labelProps });
|
|
352
|
+
},
|
|
353
|
+
radio: ({ field, value, onChange, readOnly, name, id }) => {
|
|
354
|
+
const f = field;
|
|
355
|
+
const opts = f.options ?? [];
|
|
356
|
+
const resolvedLabel = f.label ?? name ?? id ?? "";
|
|
357
|
+
const labelProps = {
|
|
358
|
+
label: resolvedLabel,
|
|
359
|
+
children: (_jsx("div", { "data-suda-field-layout": "inline", style: { display: "flex", flexDirection: "column", gap: 4, width: CONTROL_WIDTH }, children: opts.map((o) => (_jsxs("label", { style: {
|
|
360
|
+
display: "flex",
|
|
361
|
+
alignItems: "center",
|
|
362
|
+
gap: 6,
|
|
363
|
+
fontSize: 12,
|
|
364
|
+
cursor: readOnly ? "default" : "pointer",
|
|
365
|
+
color: "var(--puck-color-black, #111)",
|
|
366
|
+
}, children: [_jsx("input", { type: "radio", style: { cursor: readOnly ? "default" : "pointer" }, checked: value === o.value, disabled: readOnly, onChange: () => onChange(o.value) }), o.label] }, encodeOptionKey(o.value)))) })),
|
|
367
|
+
};
|
|
368
|
+
if (f.labelIcon !== undefined) {
|
|
369
|
+
labelProps.icon = f.labelIcon;
|
|
370
|
+
}
|
|
371
|
+
if (readOnly !== undefined) {
|
|
372
|
+
labelProps.readOnly = readOnly;
|
|
373
|
+
}
|
|
374
|
+
return _jsx(SudaFieldLabel, { ...labelProps });
|
|
375
|
+
},
|
|
376
|
+
},
|
|
377
|
+
};
|
|
378
|
+
}
|
|
379
|
+
//# sourceMappingURL=overrides.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"overrides.js","sourceRoot":"","sources":["../../src/editor/overrides.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import { Puck } from "@puckeditor/core";
|
|
2
|
+
import { type ReactElement } from "react";
|
|
3
|
+
import type { ThemeRenderMetadata } from "../components/metadata";
|
|
4
|
+
import type { PageData } from "../types";
|
|
5
|
+
import { type ThemeEditorContextValue } from "./context";
|
|
6
|
+
type AnyConfig = Parameters<typeof Puck>[0]["config"];
|
|
7
|
+
export interface ThemeEditorProps {
|
|
8
|
+
config: AnyConfig;
|
|
9
|
+
data: PageData;
|
|
10
|
+
onChange?: (data: PageData) => void;
|
|
11
|
+
onPublish?: (data: PageData) => void;
|
|
12
|
+
/** Render-time metadata (asset resolution) forwarded to component renders. */
|
|
13
|
+
metadata?: ThemeRenderMetadata;
|
|
14
|
+
/** Asset context for media fields. */
|
|
15
|
+
editorContext: ThemeEditorContextValue;
|
|
16
|
+
/**
|
|
17
|
+
* When set, enables the conversational AI panel backed by this endpoint
|
|
18
|
+
* (e.g. `/api/puck/chat`). The endpoint must implement the Puck AI streaming
|
|
19
|
+
* contract (see the AI chat route).
|
|
20
|
+
*/
|
|
21
|
+
aiHost?: string;
|
|
22
|
+
/** Render the editor canvas inside an iframe. Defaults to Puck's default. */
|
|
23
|
+
iframe?: boolean;
|
|
24
|
+
/** Whether to automatically switch to the outline tab when a component is selected. */
|
|
25
|
+
autoSwitchOutline?: boolean;
|
|
26
|
+
}
|
|
27
|
+
/**
|
|
28
|
+
* Client wrapper around Puck for editing a single page. Provides the theme
|
|
29
|
+
* editor context (used by media fields) and optionally mounts the AI assistant
|
|
30
|
+
* plugin pointed at a self-hosted endpoint.
|
|
31
|
+
*/
|
|
32
|
+
/**
|
|
33
|
+
* Puck action that opens the root (theme-level) fields panel: clears any
|
|
34
|
+
* selected component and forces the right side bar visible. Exported so
|
|
35
|
+
* consumers and tests can dispatch it without re-implementing the shape.
|
|
36
|
+
*/
|
|
37
|
+
export declare const SUDA_THEME_SETTINGS_ACTION: {
|
|
38
|
+
type: "setUi";
|
|
39
|
+
ui: {
|
|
40
|
+
itemSelector: null;
|
|
41
|
+
rightSideBarVisible: boolean;
|
|
42
|
+
};
|
|
43
|
+
};
|
|
44
|
+
export declare function ThemeEditor({ config, data, onChange, onPublish, metadata, editorContext, aiHost, iframe, autoSwitchOutline, }: ThemeEditorProps): ReactElement;
|
|
45
|
+
export {};
|
|
46
|
+
//# sourceMappingURL=theme-editor.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"theme-editor.d.ts","sourceRoot":"","sources":["../../src/editor/theme-editor.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,IAAI,EAAwC,MAAM,kBAAkB,CAAC;AAE9E,OAAO,EAAE,KAAK,YAAY,EAA8B,MAAM,OAAO,CAAC;AAEtE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAClE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEzC,OAAO,EAAsB,KAAK,uBAAuB,EAAyB,MAAM,WAAW,CAAC;AAKpG,KAAK,SAAS,GAAG,UAAU,CAAC,OAAO,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;AA6DtD,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,SAAS,CAAC;IAClB,IAAI,EAAE,QAAQ,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IACpC,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IACrC,8EAA8E;IAC9E,QAAQ,CAAC,EAAE,mBAAmB,CAAC;IAC/B,sCAAsC;IACtC,aAAa,EAAE,uBAAuB,CAAC;IACvC;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,6EAA6E;IAC7E,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,uFAAuF;IACvF,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED;;;;GAIG;AACH;;;;GAIG;AACH,eAAO,MAAM,0BAA0B;;;;;;CAGtC,CAAC;AA2EF,wBAAgB,WAAW,CAAC,EAC1B,MAAM,EACN,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,aAAa,EACb,MAAM,EACN,MAAM,EACN,iBAAiB,GAClB,EAAE,gBAAgB,GAAG,YAAY,CAwEjC"}
|
|
@@ -0,0 +1,169 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { Puck, usePuck, blocksPlugin, outlinePlugin } from "@puckeditor/core";
|
|
4
|
+
import { createAiPlugin } from "@puckeditor/plugin-ai";
|
|
5
|
+
import { useMemo, useEffect, useRef } from "react";
|
|
6
|
+
import { ThemeEditorContext, useThemeEditorContext } from "./context";
|
|
7
|
+
import { createSudaEditorOverrides } from "./overrides";
|
|
8
|
+
function isObjectRecord(value) {
|
|
9
|
+
return typeof value === "object" && value !== null && !Array.isArray(value);
|
|
10
|
+
}
|
|
11
|
+
function normalizeRoot(value) {
|
|
12
|
+
if (isObjectRecord(value) && isObjectRecord(value.props)) {
|
|
13
|
+
return value;
|
|
14
|
+
}
|
|
15
|
+
return { props: {} };
|
|
16
|
+
}
|
|
17
|
+
function normalizeContent(value) {
|
|
18
|
+
if (!Array.isArray(value)) {
|
|
19
|
+
return [];
|
|
20
|
+
}
|
|
21
|
+
return value.filter((item) => isObjectRecord(item) && typeof item.type === "string");
|
|
22
|
+
}
|
|
23
|
+
function normalizeZones(value) {
|
|
24
|
+
if (!isObjectRecord(value)) {
|
|
25
|
+
return undefined;
|
|
26
|
+
}
|
|
27
|
+
const zoneEntries = Object.entries(value).map(([key, zoneValue]) => {
|
|
28
|
+
return [key, normalizeContent(zoneValue)];
|
|
29
|
+
});
|
|
30
|
+
if (zoneEntries.length === 0) {
|
|
31
|
+
return undefined;
|
|
32
|
+
}
|
|
33
|
+
return Object.fromEntries(zoneEntries);
|
|
34
|
+
}
|
|
35
|
+
function normalizeDataLike(value) {
|
|
36
|
+
if (!isObjectRecord(value)) {
|
|
37
|
+
return { root: { props: {} }, content: [] };
|
|
38
|
+
}
|
|
39
|
+
const normalized = {
|
|
40
|
+
root: normalizeRoot(value.root),
|
|
41
|
+
content: normalizeContent(value.content),
|
|
42
|
+
};
|
|
43
|
+
const zones = normalizeZones(value.zones);
|
|
44
|
+
if (zones !== undefined) {
|
|
45
|
+
normalized.zones = zones;
|
|
46
|
+
}
|
|
47
|
+
return normalized;
|
|
48
|
+
}
|
|
49
|
+
function normalizeEditorData(data) {
|
|
50
|
+
return normalizeDataLike(data);
|
|
51
|
+
}
|
|
52
|
+
/**
|
|
53
|
+
* Client wrapper around Puck for editing a single page. Provides the theme
|
|
54
|
+
* editor context (used by media fields) and optionally mounts the AI assistant
|
|
55
|
+
* plugin pointed at a self-hosted endpoint.
|
|
56
|
+
*/
|
|
57
|
+
/**
|
|
58
|
+
* Puck action that opens the root (theme-level) fields panel: clears any
|
|
59
|
+
* selected component and forces the right side bar visible. Exported so
|
|
60
|
+
* consumers and tests can dispatch it without re-implementing the shape.
|
|
61
|
+
*/
|
|
62
|
+
export const SUDA_THEME_SETTINGS_ACTION = {
|
|
63
|
+
type: "setUi",
|
|
64
|
+
ui: { itemSelector: null, rightSideBarVisible: true },
|
|
65
|
+
};
|
|
66
|
+
function ThemeSettingsButton() {
|
|
67
|
+
const { dispatch } = usePuck();
|
|
68
|
+
return (_jsx("button", { type: "button", className: "suda-theme-settings-button", onClick: () => {
|
|
69
|
+
dispatch(SUDA_THEME_SETTINGS_ACTION);
|
|
70
|
+
}, children: "Theme settings" }));
|
|
71
|
+
}
|
|
72
|
+
/**
|
|
73
|
+
* Default styling for {@link ThemeSettingsButton}. Consumers can override by
|
|
74
|
+
* targeting `.suda-theme-settings-button` with higher-specificity rules.
|
|
75
|
+
*/
|
|
76
|
+
const THEME_SETTINGS_BUTTON_CSS = `
|
|
77
|
+
.suda-theme-settings-button {
|
|
78
|
+
appearance: none;
|
|
79
|
+
border: 1px solid var(--puck-color-grey-09, #dcdcdc);
|
|
80
|
+
border-radius: 6px;
|
|
81
|
+
background: var(--puck-color-white, #fff);
|
|
82
|
+
color: var(--puck-color-black, #111);
|
|
83
|
+
cursor: pointer;
|
|
84
|
+
font-size: 12px;
|
|
85
|
+
padding: 6px 10px;
|
|
86
|
+
}
|
|
87
|
+
`;
|
|
88
|
+
function OutlineAutoSwitcher() {
|
|
89
|
+
const { appState, dispatch } = usePuck();
|
|
90
|
+
const { autoSwitchOutline } = useThemeEditorContext();
|
|
91
|
+
const itemSelector = appState.ui.itemSelector;
|
|
92
|
+
const currentPlugin = appState.ui.plugin?.current;
|
|
93
|
+
const prevSelectorRef = useRef(itemSelector);
|
|
94
|
+
useEffect(() => {
|
|
95
|
+
if (!autoSwitchOutline)
|
|
96
|
+
return;
|
|
97
|
+
const prev = prevSelectorRef.current;
|
|
98
|
+
const current = itemSelector;
|
|
99
|
+
// Switch to outline tab if a new item is selected (and we aren't already on outline)
|
|
100
|
+
if (current && (!prev || prev.index !== current.index || prev.zone !== current.zone)) {
|
|
101
|
+
if (currentPlugin !== "outline") {
|
|
102
|
+
dispatch({
|
|
103
|
+
type: "setUi",
|
|
104
|
+
ui: { plugin: { current: "outline" } },
|
|
105
|
+
});
|
|
106
|
+
}
|
|
107
|
+
}
|
|
108
|
+
prevSelectorRef.current = current;
|
|
109
|
+
}, [itemSelector, currentPlugin, dispatch, autoSwitchOutline]);
|
|
110
|
+
return null;
|
|
111
|
+
}
|
|
112
|
+
const themeEditorOverrides = {
|
|
113
|
+
...createSudaEditorOverrides(),
|
|
114
|
+
headerActions: ({ children }) => (_jsxs(_Fragment, { children: [_jsx("style", { children: THEME_SETTINGS_BUTTON_CSS }), _jsx(OutlineAutoSwitcher, {}), _jsx(ThemeSettingsButton, {}), children] })),
|
|
115
|
+
};
|
|
116
|
+
export function ThemeEditor({ config, data, onChange, onPublish, metadata, editorContext, aiHost, iframe, autoSwitchOutline, }) {
|
|
117
|
+
const normalizedData = useMemo(() => normalizeEditorData(data), [data]);
|
|
118
|
+
const contextValue = useMemo(() => {
|
|
119
|
+
const value = { ...editorContext };
|
|
120
|
+
if (autoSwitchOutline !== undefined) {
|
|
121
|
+
value.autoSwitchOutline = autoSwitchOutline;
|
|
122
|
+
}
|
|
123
|
+
return value;
|
|
124
|
+
}, [editorContext, autoSwitchOutline]);
|
|
125
|
+
const plugins = useMemo(() => {
|
|
126
|
+
// 拦截 Puck 内置插件,覆盖它们的名称为 i18n
|
|
127
|
+
const localOutlinePlugin = outlinePlugin();
|
|
128
|
+
localOutlinePlugin.label = "大纲";
|
|
129
|
+
const localBlocksPlugin = blocksPlugin();
|
|
130
|
+
localBlocksPlugin.label = "组件库";
|
|
131
|
+
if (!aiHost) {
|
|
132
|
+
return [localOutlinePlugin, localBlocksPlugin];
|
|
133
|
+
}
|
|
134
|
+
const localAiPlugin = createAiPlugin({
|
|
135
|
+
host: aiHost,
|
|
136
|
+
chat: {
|
|
137
|
+
attachments: {
|
|
138
|
+
enabled: true,
|
|
139
|
+
accept: ["image/*", ".pdf", ".doc", ".docx", ".txt", ".md"],
|
|
140
|
+
maxFiles: 5,
|
|
141
|
+
maxSizeBytes: 10 * 1024 * 1024,
|
|
142
|
+
},
|
|
143
|
+
},
|
|
144
|
+
scrollTracking: true,
|
|
145
|
+
prepareRequest: (options) => ({
|
|
146
|
+
...options,
|
|
147
|
+
credentials: "same-origin",
|
|
148
|
+
}),
|
|
149
|
+
});
|
|
150
|
+
localAiPlugin.label = "AI助手";
|
|
151
|
+
return [
|
|
152
|
+
localAiPlugin,
|
|
153
|
+
localOutlinePlugin,
|
|
154
|
+
localBlocksPlugin,
|
|
155
|
+
];
|
|
156
|
+
}, [aiHost]);
|
|
157
|
+
const optionalProps = {};
|
|
158
|
+
if (onChange) {
|
|
159
|
+
optionalProps["onChange"] = onChange;
|
|
160
|
+
}
|
|
161
|
+
if (onPublish) {
|
|
162
|
+
optionalProps["onPublish"] = onPublish;
|
|
163
|
+
}
|
|
164
|
+
if (iframe !== undefined) {
|
|
165
|
+
optionalProps["iframe"] = { enabled: iframe };
|
|
166
|
+
}
|
|
167
|
+
return (_jsx(ThemeEditorContext.Provider, { value: contextValue, children: _jsx(Puck, { config: config, data: normalizedData, plugins: plugins, metadata: metadata ?? {}, overrides: themeEditorOverrides, ui: { leftSideBarVisible: true, plugin: { current: aiHost ? "ai" : "blocks" } }, ...optionalProps }) }));
|
|
168
|
+
}
|
|
169
|
+
//# sourceMappingURL=theme-editor.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"theme-editor.js","sourceRoot":"","sources":["../../src/editor/theme-editor.tsx"],"names":[],"mappings":"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"}
|