@lytjs/renderer 6.0.0 → 6.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/dist/index.cjs +22 -10
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +3 -42
- package/dist/index.d.ts +3 -42
- package/dist/index.mjs +24 -12
- package/dist/index.mjs.map +1 -1
- package/dist/vapor/vapor-app.cjs +334 -0
- package/dist/vapor/vapor-app.cjs.map +1 -0
- package/dist/vapor/vapor-app.d.cts +88 -0
- package/dist/vapor/vapor-app.d.ts +88 -0
- package/dist/vapor/vapor-app.mjs +330 -0
- package/dist/vapor/vapor-app.mjs.map +1 -0
- package/package.json +14 -4
package/dist/index.cjs
CHANGED
|
@@ -1122,17 +1122,13 @@ var signal_renderer_exports = {};
|
|
|
1122
1122
|
__export(signal_renderer_exports, {
|
|
1123
1123
|
createSignalRenderer: () => createSignalRenderer
|
|
1124
1124
|
});
|
|
1125
|
-
function setSafeHTML(el, html) {
|
|
1126
|
-
const wrapper = el;
|
|
1127
|
-
const realNode = "content" in wrapper && "firstChild" in wrapper && wrapper.firstChild !== null ? wrapper.firstChild : el;
|
|
1128
|
-
realNode.textContent = html;
|
|
1129
|
-
}
|
|
1130
1125
|
function createSignalRenderer(template, context) {
|
|
1131
1126
|
let cleanup = null;
|
|
1132
1127
|
let code;
|
|
1133
1128
|
let renderBody;
|
|
1134
1129
|
try {
|
|
1135
|
-
|
|
1130
|
+
compiler.clearCompileCache();
|
|
1131
|
+
const compileResult = compiler.compile(template, { rendererMode: "signal", optimizeSignal: false });
|
|
1136
1132
|
code = compileResult.code;
|
|
1137
1133
|
renderBody = extractRenderBody(code);
|
|
1138
1134
|
if (!renderBody) {
|
|
@@ -1167,19 +1163,36 @@ function createSignalRenderer(template, context) {
|
|
|
1167
1163
|
"insert",
|
|
1168
1164
|
"remove",
|
|
1169
1165
|
"createEventHandler",
|
|
1170
|
-
"bindEffect",
|
|
1171
1166
|
"onCleanup",
|
|
1172
1167
|
"runCleanups",
|
|
1173
1168
|
"_ctx",
|
|
1174
1169
|
"_container",
|
|
1175
1170
|
renderBody
|
|
1176
1171
|
);
|
|
1172
|
+
const proxiedCtx = new Proxy(context, {
|
|
1173
|
+
get(target, prop) {
|
|
1174
|
+
const val = target[prop];
|
|
1175
|
+
if (val && typeof val === "object" && "value" in val) {
|
|
1176
|
+
return val.value;
|
|
1177
|
+
}
|
|
1178
|
+
return val;
|
|
1179
|
+
},
|
|
1180
|
+
set(target, prop, value) {
|
|
1181
|
+
const val = target[prop];
|
|
1182
|
+
if (val && typeof val === "object" && "value" in val) {
|
|
1183
|
+
val.value = value;
|
|
1184
|
+
return true;
|
|
1185
|
+
}
|
|
1186
|
+
target[prop] = value;
|
|
1187
|
+
return true;
|
|
1188
|
+
}
|
|
1189
|
+
});
|
|
1177
1190
|
const cleanupFn = renderFn(
|
|
1178
1191
|
reactivity.effect,
|
|
1179
1192
|
domRuntime.reconcileArray,
|
|
1180
1193
|
domRuntime.createTemplate,
|
|
1181
1194
|
domRuntime.setText,
|
|
1182
|
-
|
|
1195
|
+
domRuntime.setHTML,
|
|
1183
1196
|
domRuntime.setAttribute,
|
|
1184
1197
|
domRuntime.setProperty,
|
|
1185
1198
|
domRuntime.setStyle,
|
|
@@ -1187,10 +1200,9 @@ function createSignalRenderer(template, context) {
|
|
|
1187
1200
|
domRuntime.insert,
|
|
1188
1201
|
domRuntime.remove,
|
|
1189
1202
|
domRuntime.createEventHandler,
|
|
1190
|
-
domRuntime.bindEffect,
|
|
1191
1203
|
domRuntime.onCleanup,
|
|
1192
1204
|
domRuntime.runCleanups,
|
|
1193
|
-
|
|
1205
|
+
proxiedCtx,
|
|
1194
1206
|
el
|
|
1195
1207
|
);
|
|
1196
1208
|
if (typeof cleanupFn === "function") {
|