gonia 0.2.1 → 0.2.2

package/dist/server/render.js

@@ -12,6 +12,20 @@ import { FOR_PROCESSED_ATTR, FOR_TEMPLATE_ATTR } from '../directives/for.js';
 import { IF_PROCESSED_ATTR } from '../directives/if.js';
 import { resolveDependencies as resolveInjectables } from '../inject.js';
 import { resolveContext } from '../context-registry.js';
+/**
+ * Decode HTML entities that happy-dom doesn't decode.
+ *
+ * @internal
+ */
+function decodeHTMLEntities(str) {
+    return str
+        .replace(/&#(\d+);/g, (_, code) => String.fromCharCode(Number(code)))
+        .replace(/"/g, '"')
+        .replace(/'/g, "'")
+        .replace(/&lt;/g, '<')
+        .replace(/&gt;/g, '>')
+        .replace(/&amp;/g, '&');
+}
 /** Registered services */
 let services = new Map();
 const selectorCache = new WeakMap();
@@ -152,6 +166,27 @@ export async function render(html, state, registry) {
                         });
                         continue;
                     }
+                    // Handle g-scope elements that don't have other directives
+                    // Add a placeholder entry so they get processed
+                    if (match.hasAttribute('g-scope')) {
+                        let hasDirective = false;
+                        for (const [name] of registry) {
+                            if (match.hasAttribute(`g-${name}`)) {
+                                hasDirective = true;
+                                break;
+                            }
+                        }
+                        if (!hasDirective) {
+                            index.push({
+                                el: match,
+                                name: 'scope',
+                                directive: null,
+                                expr: '',
+                                priority: DirectivePriority.STRUCTURAL,
+                                isNativeSlot: false
+                            });
+                        }
+                    }
                     for (const [name, directive] of registry) {
                         const attr = match.getAttribute(`g-${name}`);
                         if (attr !== null) {
@@ -161,7 +196,7 @@ export async function render(html, state, registry) {
                                 el: match,
                                 name,
                                 directive,
-                                expr: attr,
+                                expr: decodeHTMLEntities(attr),
                                 priority: directive.priority ?? DirectivePriority.NORMAL,
                                 using: registration?.options.using
                             });
@@ -227,7 +262,7 @@ export async function render(html, state, registry) {
             // Process g-scope first (inline scope initialization)
             const scopeAttr = el.getAttribute('g-scope');
             if (scopeAttr) {
-                const scopeValues = ctx.eval(scopeAttr);
+                const scopeValues = ctx.eval(decodeHTMLEntities(scopeAttr));
                 if (scopeValues && typeof scopeValues === 'object') {
                     Object.assign(state, scopeValues);
                 }
@@ -236,7 +271,7 @@ export async function render(html, state, registry) {
             for (const attr of [...el.attributes]) {
                 if (attr.name.startsWith('g-bind:')) {
                     const targetAttr = attr.name.slice('g-bind:'.length);
-                    const value = ctx.eval(attr.value);
+                    const value = ctx.eval(decodeHTMLEntities(attr.value));
                     if (value === null || value === undefined) {
                         el.removeAttribute(targetAttr);
                     }
@@ -253,6 +288,10 @@ export async function render(html, state, registry) {
                 if (item.isNativeSlot) {
                     processNativeSlot(item.el);
                 }
+                else if (item.directive === null) {
+                    // Placeholder for g-scope - already processed above
+                    continue;
+                }
                 else {
                     const config = createServerResolverConfig(item.el, state);
                     const args = resolveInjectables(item.directive, item.expr, item.el, ctx.eval.bind(ctx), config, item.using);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gonia",
-  "version": "0.2.1",
+  "version": "0.2.2",
   "description": "A lightweight, SSR-first reactive UI library with declarative directives",
   "type": "module",
   "license": "MIT",