@torpor/view 0.4.16 → 0.4.18
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/compile.cjs +12 -5
- package/dist/compile.mjs +12 -5
- package/dist/compile.mjs.map +1 -1
- package/dist/dev.d.cts.map +1 -1
- package/dist/dev.d.mts.map +1 -1
- package/dist/devContext-CQ8RhBX-.mjs.map +1 -1
- package/dist/formatText-BNP3P38F.d.cts.map +1 -1
- package/dist/formatText-D6Ov8Ub0.d.mts.map +1 -1
- package/dist/{formatText-B8u71S_K.mjs → formatText-DTIRmc3X.mjs} +23 -4
- package/dist/formatText-DTIRmc3X.mjs.map +1 -0
- package/dist/{formatText--9zsK5Nq.cjs → formatText-Dhl2O0Ee.cjs} +39 -2
- package/dist/index.cjs +14 -30
- package/dist/index.mjs +2 -18
- package/dist/index.mjs.map +1 -1
- package/dist/ssr.cjs +1 -1
- package/dist/ssr.mjs +1 -1
- package/package.json +1 -1
- package/dist/formatText-B8u71S_K.mjs.map +0 -1
package/dist/dev.d.cts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dev.d.cts","names":["devContext: DevContext"],"sources":["../src/types/ProxyData.ts","../src/dev/types/DevBoundary.ts","../src/dev/types/DevContext.ts","../src/dev/devContext.ts","../src/dev/popDevBoundary.ts","../src/dev/pushDevBoundary.ts","../src/dev/setDevMode.ts"],"sourcesContent":[],"mappings":";;;;UAIyB,SAAA;UAChB,OAAO;EAJa,OAGJ,EAAA,OAAA;EACT,OAAA,EAAA,OAAA;EAAP,OAAA,EAGC,GAHD,CAGK,WAHL,EAGkB,WAHlB,GAGgC,QAHhC,CAAA;;;;UCLgB,WAAA;;;;EDCI,KAGJ,EAAA,MAAA;EACT,MAAA,CAAA,EAAA,GAAA;;;;AADS,UECA,UAAA,CFDA;EACT,OAAA,EAAA,OAAA;EAAP,KAAA,EAAA,MAAA;EAGK,KAAA,EAAA,MAAA;EAAa,UAAA,EECd,WFDc,EAAA;EAAc,MAAA,EAAA,GAAA,GAAA,GAAA;EAA/B,UAAA,EAAA,CAAA,EAAA,EAAA,MAAA,EAAA,GAAA,MAAA;EAAA,MAAA,EAAA,GAAA,GAAA,IAAA;;mBESQ;kBACD;gBDlBQ,EAAA,CAAA,MAAA,ECmBC,MDnBD,EAAA,QAAA,EAAA,OAAA,EAAA,UAAA,CAAA,EAAA,MAAA,EAAA,GAAA,IAAA;;4BCqBE;qBAEP,gBAAgB;EApBP,SAEJ,EAAA,CAAA,MAAA,EAmBJ,MAnBI,EAAA,GAAA,IAAA;;;;
|
|
1
|
+
{"version":3,"file":"dev.d.cts","names":["devContext: DevContext"],"sources":["../src/types/ProxyData.ts","../src/dev/types/DevBoundary.ts","../src/dev/types/DevContext.ts","../src/dev/devContext.ts","../src/dev/popDevBoundary.ts","../src/dev/pushDevBoundary.ts","../src/dev/setDevMode.ts"],"sourcesContent":[],"mappings":";;;;UAIyB,SAAA;UAChB,OAAO;EAJa,OAGJ,EAAA,OAAA;EACT,OAAA,EAAA,OAAA;EAAP,OAAA,EAGC,GAHD,CAGK,WAHL,EAGkB,WAHlB,GAGgC,QAHhC,CAAA;;;;UCLgB,WAAA;;;;EDCI,KAGJ,EAAA,MAAA;EACT,MAAA,CAAA,EAAA,GAAA;;;;AADS,UECA,UAAA,CFDA;EACT,OAAA,EAAA,OAAA;EAAP,KAAA,EAAA,MAAA;EAGK,KAAA,EAAA,MAAA;EAAa,UAAA,EECd,WFDc,EAAA;EAAc,MAAA,EAAA,GAAA,GAAA,GAAA;EAA/B,UAAA,EAAA,CAAA,EAAA,EAAA,MAAA,EAAA,GAAA,MAAA;EAAA,MAAA,EAAA,GAAA,GAAA,IAAA;;mBESQ;kBACD;gBDlBQ,EAAA,CAAA,MAAA,ECmBC,MDnBD,EAAA,QAAA,EAAA,OAAA,EAAA,UAAA,CAAA,EAAA,MAAA,EAAA,GAAA,IAAA;;4BCqBE;qBAEP,gBAAgB;EApBP,SAEJ,EAAA,CAAA,MAAA,EAmBJ,MAnBI,EAAA,GAAA,IAAA;;;;cCEnBA,YAAY;;;iBCLM,cAAA,CAAA;;;iBCCA,eAAA,uFAGrB;;;iBCAqB,UAAA,CAAA"}
|
package/dist/dev.d.mts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dev.d.mts","names":["devContext: DevContext"],"sources":["../src/types/ProxyData.ts","../src/dev/types/DevBoundary.ts","../src/dev/types/DevContext.ts","../src/dev/devContext.ts","../src/dev/popDevBoundary.ts","../src/dev/pushDevBoundary.ts","../src/dev/setDevMode.ts"],"sourcesContent":[],"mappings":";;;;UAIyB,SAAA;UAChB,OAAO;EAJa,OAGJ,EAAA,OAAA;EACT,OAAA,EAAA,OAAA;EAAP,OAAA,EAGC,GAHD,CAGK,WAHL,EAGkB,WAHlB,GAGgC,QAHhC,CAAA;;;;UCLgB,WAAA;;;;EDCI,KAGJ,EAAA,MAAA;EACT,MAAA,CAAA,EAAA,GAAA;;;;AADS,UECA,UAAA,CFDA;EACT,OAAA,EAAA,OAAA;EAAP,KAAA,EAAA,MAAA;EAGK,KAAA,EAAA,MAAA;EAAa,UAAA,EECd,WFDc,EAAA;EAAc,MAAA,EAAA,GAAA,GAAA,GAAA;EAA/B,UAAA,EAAA,CAAA,EAAA,EAAA,MAAA,EAAA,GAAA,MAAA;EAAA,MAAA,EAAA,GAAA,GAAA,IAAA;;mBESQ;kBACD;gBDlBQ,EAAA,CAAA,MAAA,ECmBC,MDnBD,EAAA,QAAA,EAAA,OAAA,EAAA,UAAA,CAAA,EAAA,MAAA,EAAA,GAAA,IAAA;;4BCqBE;qBAEP,gBAAgB;EApBP,SAEJ,EAAA,CAAA,MAAA,EAmBJ,MAnBI,EAAA,GAAA,IAAA;;;;
|
|
1
|
+
{"version":3,"file":"dev.d.mts","names":["devContext: DevContext"],"sources":["../src/types/ProxyData.ts","../src/dev/types/DevBoundary.ts","../src/dev/types/DevContext.ts","../src/dev/devContext.ts","../src/dev/popDevBoundary.ts","../src/dev/pushDevBoundary.ts","../src/dev/setDevMode.ts"],"sourcesContent":[],"mappings":";;;;UAIyB,SAAA;UAChB,OAAO;EAJa,OAGJ,EAAA,OAAA;EACT,OAAA,EAAA,OAAA;EAAP,OAAA,EAGC,GAHD,CAGK,WAHL,EAGkB,WAHlB,GAGgC,QAHhC,CAAA;;;;UCLgB,WAAA;;;;EDCI,KAGJ,EAAA,MAAA;EACT,MAAA,CAAA,EAAA,GAAA;;;;AADS,UECA,UAAA,CFDA;EACT,OAAA,EAAA,OAAA;EAAP,KAAA,EAAA,MAAA;EAGK,KAAA,EAAA,MAAA;EAAa,UAAA,EECd,WFDc,EAAA;EAAc,MAAA,EAAA,GAAA,GAAA,GAAA;EAA/B,UAAA,EAAA,CAAA,EAAA,EAAA,MAAA,EAAA,GAAA,MAAA;EAAA,MAAA,EAAA,GAAA,GAAA,IAAA;;mBESQ;kBACD;gBDlBQ,EAAA,CAAA,MAAA,ECmBC,MDnBD,EAAA,QAAA,EAAA,OAAA,EAAA,UAAA,CAAA,EAAA,MAAA,EAAA,GAAA,IAAA;;4BCqBE;qBAEP,gBAAgB;EApBP,SAEJ,EAAA,CAAA,MAAA,EAmBJ,MAnBI,EAAA,GAAA,IAAA;;;;cCEnBA,YAAY;;;iBCLM,cAAA,CAAA;;;iBCCA,eAAA,uFAGrB;;;iBCAqB,UAAA,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"devContext-CQ8RhBX-.mjs","names":["DEV_CONTEXT_SYMBOL: unique symbol","devContext: DevContext"],"sources":["../src/dev/devContext.ts"],"sourcesContent":["import type DevContext from \"./types/DevContext\";\n\nconst DEV_CONTEXT_SYMBOL: unique symbol = Symbol.for(\"t_dev_context\");\n\nconst noop = () => {};\n\nconst devContext: DevContext =\n\t// @ts-ignore\n\t(globalThis[DEV_CONTEXT_SYMBOL] ??= {\n\t\tenabled: false,\n\t\tdepth: 0,\n\t\tindex: -1,\n\t\tboundaries: [],\n\n\t\tformat: () => \"\",\n\t\tgetDetails: () => \"\",\n\t\tunmark: noop,\n\t\tmark: noop,\n\n\t\t// Hooks\n\t\tonWatch: noop,\n\t\tonRun: noop,\n\t\tonRegionPushed: noop,\n\t\tonRegionPopped: noop,\n\t\tonRegionCleared: noop,\n\n\t\tsignalSet: noop,\n\t\teffectRun: noop,\n\t} satisfies DevContext);\n\nexport default devContext;\n"],"mappings":";
|
|
1
|
+
{"version":3,"file":"devContext-CQ8RhBX-.mjs","names":["DEV_CONTEXT_SYMBOL: unique symbol","devContext: DevContext"],"sources":["../src/dev/devContext.ts"],"sourcesContent":["import type DevContext from \"./types/DevContext\";\n\n// TODO: Rename this next time we release the dev tools\nconst DEV_CONTEXT_SYMBOL: unique symbol = Symbol.for(\"t_dev_context\");\n\nconst noop = () => {};\n\nconst devContext: DevContext =\n\t// @ts-ignore\n\t(globalThis[DEV_CONTEXT_SYMBOL] ??= {\n\t\tenabled: false,\n\t\tdepth: 0,\n\t\tindex: -1,\n\t\tboundaries: [],\n\n\t\tformat: () => \"\",\n\t\tgetDetails: () => \"\",\n\t\tunmark: noop,\n\t\tmark: noop,\n\n\t\t// Hooks\n\t\tonWatch: noop,\n\t\tonRun: noop,\n\t\tonRegionPushed: noop,\n\t\tonRegionPopped: noop,\n\t\tonRegionCleared: noop,\n\n\t\tsignalSet: noop,\n\t\teffectRun: noop,\n\t} satisfies DevContext);\n\nexport default devContext;\n"],"mappings":";AAGA,MAAMA,qBAAoC,OAAO,IAAI,gBAAgB;AAErE,MAAM,aAAa;AAEnB,MAAMC,aAEJ,WAAW,wBAAwB;CACnC,SAAS;CACT,OAAO;CACP,OAAO;CACP,YAAY,EAAE;CAEd,cAAc;CACd,kBAAkB;CAClB,QAAQ;CACR,MAAM;CAGN,SAAS;CACT,OAAO;CACP,gBAAgB;CAChB,gBAAgB;CAChB,iBAAiB;CAEjB,WAAW;CACX,WAAW;CACX;AAEF,yBAAe"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"formatText-BNP3P38F.d.cts","names":[],"sources":["../src/types/ClassValue.ts","../src/render/buildClasses.ts","../src/types/StyleValue.ts","../src/render/buildStyles.ts","../src/render/formatText.ts"],"sourcesContent":[],"mappings":";KAAK,UAAA,YAEF,6CACA,MAAM;;;AAHJ,iBCEmB,YAAA,CDFnB,KAAA,ECEuC,UDFvC,EAAA,SAAA,CAAA,EAAA,MAAA,CAAA,EAAA,MAAA;;;KEAA,UAAA,YAEF,4CACA;;;AFHE,iBGEmB,WAAA,CHFnB,KAAA,EGEsC,UHFtC,CAAA,EAAA,MAAA;;;
|
|
1
|
+
{"version":3,"file":"formatText-BNP3P38F.d.cts","names":[],"sources":["../src/types/ClassValue.ts","../src/render/buildClasses.ts","../src/types/StyleValue.ts","../src/render/buildStyles.ts","../src/render/formatText.ts"],"sourcesContent":[],"mappings":";KAAK,UAAA,YAEF,6CACA,MAAM;;;AAHJ,iBCEmB,YAAA,CDFnB,KAAA,ECEuC,UDFvC,EAAA,SAAA,CAAA,EAAA,MAAA,CAAA,EAAA,MAAA;;;KEAA,UAAA,YAEF,4CACA;;;AFHE,iBGEmB,WAAA,CHFnB,KAAA,EGEsC,UHFtC,CAAA,EAAA,MAAA;;;iBIEmB,UAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"formatText-D6Ov8Ub0.d.mts","names":[],"sources":["../src/types/ClassValue.ts","../src/render/buildClasses.ts","../src/types/StyleValue.ts","../src/render/buildStyles.ts","../src/render/formatText.ts"],"sourcesContent":[],"mappings":";KAAK,UAAA,YAEF,6CACA,MAAM;;;AAHJ,iBCEmB,YAAA,CDFnB,KAAA,ECEuC,UDFvC,EAAA,SAAA,CAAA,EAAA,MAAA,CAAA,EAAA,MAAA;;;KEAA,UAAA,YAEF,4CACA;;;AFHE,iBGEmB,WAAA,CHFnB,KAAA,EGEsC,UHFtC,CAAA,EAAA,MAAA;;;
|
|
1
|
+
{"version":3,"file":"formatText-D6Ov8Ub0.d.mts","names":[],"sources":["../src/types/ClassValue.ts","../src/render/buildClasses.ts","../src/types/StyleValue.ts","../src/render/buildStyles.ts","../src/render/formatText.ts"],"sourcesContent":[],"mappings":";KAAK,UAAA,YAEF,6CACA,MAAM;;;AAHJ,iBCEmB,YAAA,CDFnB,KAAA,ECEuC,UDFvC,EAAA,SAAA,CAAA,EAAA,MAAA,CAAA,EAAA,MAAA;;;KEAA,UAAA,YAEF,4CACA;;;AFHE,iBGEmB,WAAA,CHFnB,KAAA,EGEsC,UHFtC,CAAA,EAAA,MAAA;;;iBIEmB,UAAA"}
|
|
@@ -25,18 +25,37 @@ function buildStyles(value) {
|
|
|
25
25
|
if (value) {
|
|
26
26
|
if (Array.isArray(value)) {
|
|
27
27
|
for (let v of value) if (v) styles.push(v);
|
|
28
|
-
} else if (typeof value === "object") for (let [n, v] of Object.entries(value))
|
|
28
|
+
} else if (typeof value === "object") for (let [n, v] of Object.entries(value)) {
|
|
29
|
+
const key = n.replace(/[A-Z]+(?![a-z])|[A-Z]/g, (char, i) => (i > 0 ? "-" : "") + char.toLowerCase());
|
|
30
|
+
styles.push(`${key}: ${v}`);
|
|
31
|
+
}
|
|
29
32
|
}
|
|
30
33
|
return styles.join("; ");
|
|
31
34
|
}
|
|
32
35
|
}
|
|
33
36
|
|
|
37
|
+
//#endregion
|
|
38
|
+
//#region src/watch/symbols.ts
|
|
39
|
+
const proxyDataSymbol = Symbol.for("torp.ProxyData");
|
|
40
|
+
const proxyHandledSymbol = Symbol.for("torp.ProxyHandled");
|
|
41
|
+
|
|
42
|
+
//#endregion
|
|
43
|
+
//#region src/watch/$unwrap.ts
|
|
44
|
+
/**
|
|
45
|
+
* Returns the target object of a proxy
|
|
46
|
+
*
|
|
47
|
+
* @param object The proxy object
|
|
48
|
+
*/
|
|
49
|
+
function $unwrap(object) {
|
|
50
|
+
return object !== void 0 && object !== null && object[proxyDataSymbol] !== void 0 ? object[proxyDataSymbol].target ?? object : object;
|
|
51
|
+
}
|
|
52
|
+
|
|
34
53
|
//#endregion
|
|
35
54
|
//#region src/render/formatText.ts
|
|
36
55
|
function formatText(value) {
|
|
37
|
-
return value
|
|
56
|
+
return value === void 0 || value === null ? "" : String($unwrap(value));
|
|
38
57
|
}
|
|
39
58
|
|
|
40
59
|
//#endregion
|
|
41
|
-
export { buildStyles as n, buildClasses as r, formatText as t };
|
|
42
|
-
//# sourceMappingURL=formatText-
|
|
60
|
+
export { buildStyles as a, proxyHandledSymbol as i, $unwrap as n, buildClasses as o, proxyDataSymbol as r, formatText as t };
|
|
61
|
+
//# sourceMappingURL=formatText-DTIRmc3X.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"formatText-DTIRmc3X.mjs","names":["classes: string[]","styles: string[]","proxyDataSymbol: unique symbol","proxyHandledSymbol: unique symbol"],"sources":["../src/render/buildClasses.ts","../src/render/buildStyles.ts","../src/watch/symbols.ts","../src/watch/$unwrap.ts","../src/render/formatText.ts"],"sourcesContent":["import ClassValue from \"../types/ClassValue\";\n\nexport default function buildClasses(value: ClassValue, styleHash?: string): string {\n\tif (typeof value === \"string\") {\n\t\tif (styleHash !== undefined) {\n\t\t\tvalue += \" \" + styleHash;\n\t\t}\n\t\treturn value;\n\t} else {\n\t\tlet classes: string[] = [];\n\t\tgatherNames(\"\", value, classes);\n\t\tif (styleHash !== undefined) {\n\t\t\tclasses.push(styleHash);\n\t\t}\n\t\treturn classes.join(\" \");\n\t}\n}\n\nfunction gatherNames(name: string, value: unknown, classes: string[]) {\n\tif (value) {\n\t\tif (Array.isArray(value)) {\n\t\t\tfor (let v of value) {\n\t\t\t\tgatherNames(v as string, v, classes);\n\t\t\t}\n\t\t} else if (typeof value === \"object\") {\n\t\t\tfor (let [n, v] of Object.entries(value)) {\n\t\t\t\tgatherNames(n, v, classes);\n\t\t\t}\n\t\t} else {\n\t\t\tclasses.push(name);\n\t\t}\n\t}\n}\n","import type StyleValue from \"../types/StyleValue\";\n\nexport default function buildStyles(value: StyleValue): string {\n\tif (typeof value === \"string\") {\n\t\treturn value;\n\t} else {\n\t\tlet styles: string[] = [];\n\t\tif (value) {\n\t\t\tif (Array.isArray(value)) {\n\t\t\t\tfor (let v of value) {\n\t\t\t\t\tif (v) {\n\t\t\t\t\t\tstyles.push(v);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else if (typeof value === \"object\") {\n\t\t\t\tfor (let [n, v] of Object.entries(value)) {\n\t\t\t\t\tconst key = n.replace(\n\t\t\t\t\t\t/[A-Z]+(?![a-z])|[A-Z]/g,\n\t\t\t\t\t\t(char, i) => (i > 0 ? \"-\" : \"\") + char.toLowerCase(),\n\t\t\t\t\t);\n\t\t\t\t\tstyles.push(`${key}: ${v}`);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\treturn styles.join(\"; \");\n\t}\n}\n","const proxyDataSymbol: unique symbol = Symbol.for(\"torp.ProxyData\");\nconst proxyHandledSymbol: unique symbol = Symbol.for(\"torp.ProxyHandled\");\n\nexport { proxyDataSymbol, proxyHandledSymbol };\n","import { proxyDataSymbol } from \"./symbols\";\n\n/**\n * Returns the target object of a proxy\n *\n * @param object The proxy object\n */\nexport default function $unwrap<T extends Record<PropertyKey, any>>(object: T): T {\n\treturn object !== undefined && object !== null && object[proxyDataSymbol] !== undefined\n\t\t? (object[proxyDataSymbol].target ?? object)\n\t\t: object;\n}\n","import $unwrap from \"../watch/$unwrap\";\n\nexport default function formatText(value: any): string {\n\t// We could have anything in value, so we need to\n\t// - use String(...) because Symbols can't be implicitly converted\n\t// - use $unwrap because Proxies can't be converted to a string\n\treturn value === undefined || value === null ? \"\" : String($unwrap(value));\n}\n"],"mappings":";AAEA,SAAwB,aAAa,OAAmB,WAA4B;AACnF,KAAI,OAAO,UAAU,UAAU;AAC9B,MAAI,cAAc,OACjB,UAAS,MAAM;AAEhB,SAAO;QACD;EACN,IAAIA,UAAoB,EAAE;AAC1B,cAAY,IAAI,OAAO,QAAQ;AAC/B,MAAI,cAAc,OACjB,SAAQ,KAAK,UAAU;AAExB,SAAO,QAAQ,KAAK,IAAI;;;AAI1B,SAAS,YAAY,MAAc,OAAgB,SAAmB;AACrE,KAAI,MACH,KAAI,MAAM,QAAQ,MAAM,CACvB,MAAK,IAAI,KAAK,MACb,aAAY,GAAa,GAAG,QAAQ;UAE3B,OAAO,UAAU,SAC3B,MAAK,IAAI,CAAC,GAAG,MAAM,OAAO,QAAQ,MAAM,CACvC,aAAY,GAAG,GAAG,QAAQ;KAG3B,SAAQ,KAAK,KAAK;;;;;AC3BrB,SAAwB,YAAY,OAA2B;AAC9D,KAAI,OAAO,UAAU,SACpB,QAAO;MACD;EACN,IAAIC,SAAmB,EAAE;AACzB,MAAI,OACH;OAAI,MAAM,QAAQ,MAAM,EACvB;SAAK,IAAI,KAAK,MACb,KAAI,EACH,QAAO,KAAK,EAAE;cAGN,OAAO,UAAU,SAC3B,MAAK,IAAI,CAAC,GAAG,MAAM,OAAO,QAAQ,MAAM,EAAE;IACzC,MAAM,MAAM,EAAE,QACb,2BACC,MAAM,OAAO,IAAI,IAAI,MAAM,MAAM,KAAK,aAAa,CACpD;AACD,WAAO,KAAK,GAAG,IAAI,IAAI,IAAI;;;AAI9B,SAAO,OAAO,KAAK,KAAK;;;;;;ACxB1B,MAAMC,kBAAiC,OAAO,IAAI,iBAAiB;AACnE,MAAMC,qBAAoC,OAAO,IAAI,oBAAoB;;;;;;;;;ACMzE,SAAwB,QAA4C,QAAc;AACjF,QAAO,WAAW,UAAa,WAAW,QAAQ,OAAO,qBAAqB,SAC1E,OAAO,iBAAiB,UAAU,SACnC;;;;;ACRJ,SAAwB,WAAW,OAAoB;AAItD,QAAO,UAAU,UAAa,UAAU,OAAO,KAAK,OAAO,QAAQ,MAAM,CAAC"}
|
|
@@ -26,19 +26,44 @@ function buildStyles(value) {
|
|
|
26
26
|
if (value) {
|
|
27
27
|
if (Array.isArray(value)) {
|
|
28
28
|
for (let v of value) if (v) styles.push(v);
|
|
29
|
-
} else if (typeof value === "object") for (let [n, v] of Object.entries(value))
|
|
29
|
+
} else if (typeof value === "object") for (let [n, v] of Object.entries(value)) {
|
|
30
|
+
const key = n.replace(/[A-Z]+(?![a-z])|[A-Z]/g, (char, i) => (i > 0 ? "-" : "") + char.toLowerCase());
|
|
31
|
+
styles.push(`${key}: ${v}`);
|
|
32
|
+
}
|
|
30
33
|
}
|
|
31
34
|
return styles.join("; ");
|
|
32
35
|
}
|
|
33
36
|
}
|
|
34
37
|
|
|
38
|
+
//#endregion
|
|
39
|
+
//#region src/watch/symbols.ts
|
|
40
|
+
const proxyDataSymbol = Symbol.for("torp.ProxyData");
|
|
41
|
+
const proxyHandledSymbol = Symbol.for("torp.ProxyHandled");
|
|
42
|
+
|
|
43
|
+
//#endregion
|
|
44
|
+
//#region src/watch/$unwrap.ts
|
|
45
|
+
/**
|
|
46
|
+
* Returns the target object of a proxy
|
|
47
|
+
*
|
|
48
|
+
* @param object The proxy object
|
|
49
|
+
*/
|
|
50
|
+
function $unwrap(object) {
|
|
51
|
+
return object !== void 0 && object !== null && object[proxyDataSymbol] !== void 0 ? object[proxyDataSymbol].target ?? object : object;
|
|
52
|
+
}
|
|
53
|
+
|
|
35
54
|
//#endregion
|
|
36
55
|
//#region src/render/formatText.ts
|
|
37
56
|
function formatText(value) {
|
|
38
|
-
return value
|
|
57
|
+
return value === void 0 || value === null ? "" : String($unwrap(value));
|
|
39
58
|
}
|
|
40
59
|
|
|
41
60
|
//#endregion
|
|
61
|
+
Object.defineProperty(exports, '$unwrap', {
|
|
62
|
+
enumerable: true,
|
|
63
|
+
get: function () {
|
|
64
|
+
return $unwrap;
|
|
65
|
+
}
|
|
66
|
+
});
|
|
42
67
|
Object.defineProperty(exports, 'buildClasses', {
|
|
43
68
|
enumerable: true,
|
|
44
69
|
get: function () {
|
|
@@ -56,4 +81,16 @@ Object.defineProperty(exports, 'formatText', {
|
|
|
56
81
|
get: function () {
|
|
57
82
|
return formatText;
|
|
58
83
|
}
|
|
84
|
+
});
|
|
85
|
+
Object.defineProperty(exports, 'proxyDataSymbol', {
|
|
86
|
+
enumerable: true,
|
|
87
|
+
get: function () {
|
|
88
|
+
return proxyDataSymbol;
|
|
89
|
+
}
|
|
90
|
+
});
|
|
91
|
+
Object.defineProperty(exports, 'proxyHandledSymbol', {
|
|
92
|
+
enumerable: true,
|
|
93
|
+
get: function () {
|
|
94
|
+
return proxyHandledSymbol;
|
|
95
|
+
}
|
|
59
96
|
});
|
package/dist/index.cjs
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
const require_devContext = require('./devContext-B3yskfhA.cjs');
|
|
2
|
-
const require_formatText = require('./formatText
|
|
2
|
+
const require_formatText = require('./formatText-Dhl2O0Ee.cjs');
|
|
3
3
|
|
|
4
4
|
//#region src/render/context.ts
|
|
5
|
-
const CONTEXT_SYMBOL = Symbol.for("
|
|
5
|
+
const CONTEXT_SYMBOL = Symbol.for("torp.Context");
|
|
6
6
|
const context = globalThis[CONTEXT_SYMBOL] ??= {
|
|
7
7
|
activeTarget: null,
|
|
8
8
|
previousEffect: null,
|
|
@@ -870,11 +870,6 @@ function propagateSignal(proxy, key) {
|
|
|
870
870
|
}
|
|
871
871
|
}
|
|
872
872
|
|
|
873
|
-
//#endregion
|
|
874
|
-
//#region src/watch/symbols.ts
|
|
875
|
-
const proxyDataSymbol = Symbol("_proxy_data");
|
|
876
|
-
const proxyHandledSymbol = Symbol("_proxy_handled");
|
|
877
|
-
|
|
878
873
|
//#endregion
|
|
879
874
|
//#region src/watch/trackProxySignal.ts
|
|
880
875
|
function trackProxySignal(data, key) {
|
|
@@ -893,8 +888,8 @@ function trackProxySignal(data, key) {
|
|
|
893
888
|
//#endregion
|
|
894
889
|
//#region src/watch/proxyGet.ts
|
|
895
890
|
function proxyGet(target, key, receiver) {
|
|
896
|
-
let data = target[proxyDataSymbol];
|
|
897
|
-
if (key === proxyDataSymbol) return data;
|
|
891
|
+
let data = target[require_formatText.proxyDataSymbol];
|
|
892
|
+
if (key === require_formatText.proxyDataSymbol) return data;
|
|
898
893
|
let signal = data.signals.get(key);
|
|
899
894
|
if (signal === void 0) {
|
|
900
895
|
const propDescriptor = Object.getOwnPropertyDescriptor(target, key);
|
|
@@ -902,7 +897,7 @@ function proxyGet(target, key, receiver) {
|
|
|
902
897
|
if (propDescriptor.writable) {
|
|
903
898
|
if (data.shallow !== true) {
|
|
904
899
|
const value = target[key];
|
|
905
|
-
if (value !== void 0 && value !== null && typeof value === "object" && value[proxyDataSymbol] === void 0 && value.then === void 0) target[key] = $watch(value);
|
|
900
|
+
if (value !== void 0 && value !== null && typeof value === "object" && value[require_formatText.proxyDataSymbol] === void 0 && value.then === void 0) target[key] = $watch(value);
|
|
906
901
|
}
|
|
907
902
|
trackProxySignal(data, key);
|
|
908
903
|
} else if (propDescriptor.get) {
|
|
@@ -957,9 +952,9 @@ function proxySet(target, key, value, receiver) {
|
|
|
957
952
|
const oldValue = target[key];
|
|
958
953
|
if (value !== oldValue) {
|
|
959
954
|
if (context_default.batchOperation > 100) throw new Error("Cycle detected");
|
|
960
|
-
let data = target[proxyDataSymbol];
|
|
955
|
+
let data = target[require_formatText.proxyDataSymbol];
|
|
961
956
|
require_devContext.devContext_default.signalSet(data, key);
|
|
962
|
-
if (oldValue && oldValue[proxyDataSymbol] !== void 0) value = $watch(value, { shallow: oldValue[proxyDataSymbol].shallow });
|
|
957
|
+
if (oldValue && oldValue[require_formatText.proxyDataSymbol] !== void 0) value = $watch(value, { shallow: oldValue[require_formatText.proxyDataSymbol].shallow });
|
|
963
958
|
Reflect.set(target, key, value, receiver);
|
|
964
959
|
propagateSignal(data, key);
|
|
965
960
|
if (data.isArray && !isNaN(+String(key))) propagateSignal(data, "length");
|
|
@@ -975,14 +970,14 @@ function proxySet(target, key, value, receiver) {
|
|
|
975
970
|
* @param object The object to watch
|
|
976
971
|
*/
|
|
977
972
|
function $watch(object, options) {
|
|
978
|
-
if (object === void 0 || object === null || object[proxyDataSymbol] !== void 0) return object;
|
|
973
|
+
if (object === void 0 || object === null || object[require_formatText.proxyDataSymbol] !== void 0) return object;
|
|
979
974
|
const data = {
|
|
980
975
|
target: object,
|
|
981
976
|
isArray: Array.isArray(object),
|
|
982
977
|
shallow: options?.shallow === true,
|
|
983
978
|
signals: /* @__PURE__ */ new Map()
|
|
984
979
|
};
|
|
985
|
-
object[proxyDataSymbol] = data;
|
|
980
|
+
object[require_formatText.proxyDataSymbol] = data;
|
|
986
981
|
const handler = {
|
|
987
982
|
get: proxyGet,
|
|
988
983
|
set: proxySet
|
|
@@ -1208,17 +1203,6 @@ function $peek(fn) {
|
|
|
1208
1203
|
return result;
|
|
1209
1204
|
}
|
|
1210
1205
|
|
|
1211
|
-
//#endregion
|
|
1212
|
-
//#region src/watch/$unwrap.ts
|
|
1213
|
-
/**
|
|
1214
|
-
* Returns the target object of a proxy
|
|
1215
|
-
*
|
|
1216
|
-
* @param object The proxy object
|
|
1217
|
-
*/
|
|
1218
|
-
function $unwrap(object) {
|
|
1219
|
-
return object !== void 0 && object !== null && object[proxyDataSymbol] !== void 0 ? object[proxyDataSymbol].target ?? object : object;
|
|
1220
|
-
}
|
|
1221
|
-
|
|
1222
1206
|
//#endregion
|
|
1223
1207
|
//#region src/wrappers/ReactiveDate.ts
|
|
1224
1208
|
let initialized = false;
|
|
@@ -1229,8 +1213,8 @@ var ReactiveDate = class ReactiveDate extends Date {
|
|
|
1229
1213
|
constructor(...params) {
|
|
1230
1214
|
super(...params);
|
|
1231
1215
|
if (!initialized) this.#init();
|
|
1232
|
-
this[proxyHandledSymbol] = true;
|
|
1233
|
-
this[proxyDataSymbol] = {
|
|
1216
|
+
this[require_formatText.proxyHandledSymbol] = true;
|
|
1217
|
+
this[require_formatText.proxyDataSymbol] = {
|
|
1234
1218
|
target: this,
|
|
1235
1219
|
isArray: false,
|
|
1236
1220
|
shallow: true,
|
|
@@ -1244,13 +1228,13 @@ var ReactiveDate = class ReactiveDate extends Date {
|
|
|
1244
1228
|
const methods = Object.getOwnPropertyNames(datePrototype);
|
|
1245
1229
|
for (const method of methods) {
|
|
1246
1230
|
if (method.startsWith("get") || method.startsWith("to") || method === "valueOf") reactivePrototype[method] = function(...args) {
|
|
1247
|
-
const data = this[proxyDataSymbol];
|
|
1231
|
+
const data = this[require_formatText.proxyDataSymbol];
|
|
1248
1232
|
const result = datePrototype[method].apply(this, args);
|
|
1249
1233
|
trackProxySignal(data, "#time");
|
|
1250
1234
|
return result;
|
|
1251
1235
|
};
|
|
1252
1236
|
if (method.startsWith("set")) reactivePrototype[method] = function(...args) {
|
|
1253
|
-
const data = this[proxyDataSymbol];
|
|
1237
|
+
const data = this[require_formatText.proxyDataSymbol];
|
|
1254
1238
|
const result = datePrototype[method].apply(this, args);
|
|
1255
1239
|
propagateSignal(data, "#time");
|
|
1256
1240
|
return result;
|
|
@@ -1265,7 +1249,7 @@ exports.$cache = $cache;
|
|
|
1265
1249
|
exports.$mount = $mount;
|
|
1266
1250
|
exports.$peek = $peek;
|
|
1267
1251
|
exports.$run = $run;
|
|
1268
|
-
exports.$unwrap =
|
|
1252
|
+
exports.$unwrap = require_formatText.$unwrap;
|
|
1269
1253
|
exports.$watch = $watch;
|
|
1270
1254
|
exports.ReactiveDate = ReactiveDate;
|
|
1271
1255
|
exports.clearLayoutSlot = clearLayoutSlot;
|
package/dist/index.mjs
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { t as devContext_default } from "./devContext-CQ8RhBX-.mjs";
|
|
2
|
-
import {
|
|
2
|
+
import { a as buildStyles, i as proxyHandledSymbol, n as $unwrap, o as buildClasses, r as proxyDataSymbol, t as formatText } from "./formatText-DTIRmc3X.mjs";
|
|
3
3
|
|
|
4
4
|
//#region src/render/context.ts
|
|
5
|
-
const CONTEXT_SYMBOL = Symbol.for("
|
|
5
|
+
const CONTEXT_SYMBOL = Symbol.for("torp.Context");
|
|
6
6
|
const context = globalThis[CONTEXT_SYMBOL] ??= {
|
|
7
7
|
activeTarget: null,
|
|
8
8
|
previousEffect: null,
|
|
@@ -870,11 +870,6 @@ function propagateSignal(proxy, key) {
|
|
|
870
870
|
}
|
|
871
871
|
}
|
|
872
872
|
|
|
873
|
-
//#endregion
|
|
874
|
-
//#region src/watch/symbols.ts
|
|
875
|
-
const proxyDataSymbol = Symbol("_proxy_data");
|
|
876
|
-
const proxyHandledSymbol = Symbol("_proxy_handled");
|
|
877
|
-
|
|
878
873
|
//#endregion
|
|
879
874
|
//#region src/watch/trackProxySignal.ts
|
|
880
875
|
function trackProxySignal(data, key) {
|
|
@@ -1208,17 +1203,6 @@ function $peek(fn) {
|
|
|
1208
1203
|
return result;
|
|
1209
1204
|
}
|
|
1210
1205
|
|
|
1211
|
-
//#endregion
|
|
1212
|
-
//#region src/watch/$unwrap.ts
|
|
1213
|
-
/**
|
|
1214
|
-
* Returns the target object of a proxy
|
|
1215
|
-
*
|
|
1216
|
-
* @param object The proxy object
|
|
1217
|
-
*/
|
|
1218
|
-
function $unwrap(object) {
|
|
1219
|
-
return object !== void 0 && object !== null && object[proxyDataSymbol] !== void 0 ? object[proxyDataSymbol].target ?? object : object;
|
|
1220
|
-
}
|
|
1221
|
-
|
|
1222
1206
|
//#endregion
|
|
1223
1207
|
//#region src/wrappers/ReactiveDate.ts
|
|
1224
1208
|
let initialized = false;
|