npm - gonia - Versions diffs - 0.2.0 → 0.2.2 - Mend

gonia 0.2.0 → 0.2.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.

Files changed (4) hide show

package/dist/server/index.d.ts CHANGED Viewed

@@ -3,5 +3,5 @@
  *
  * @packageDocumentation
  */
-export { render, registerDirective } from './render.js';
+export { render, registerDirective, registerService } from './render.js';
 export type { DirectiveRegistry } from './render.js';

package/dist/server/index.js CHANGED Viewed

@@ -3,4 +3,4 @@
  *
  * @packageDocumentation
  */
-export { render, registerDirective } from './render.js';
+export { render, registerDirective, registerService } from './render.js';

package/dist/server/render.js CHANGED Viewed

@@ -3,7 +3,7 @@
  *
  * @packageDocumentation
  */
-import { parseHTML } from 'linkedom/worker';
+import { Window } from 'happy-dom';
 import { Mode, DirectivePriority, getDirective } from '../types.js';
 import { createContext } from '../context.js';
 import { processNativeSlot } from '../directives/slot.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(/&quot;/g, '"')
+        .replace(/&apos;/g, "'")
+        .replace(/&lt;/g, '<')
+        .replace(/&gt;/g, '>')
+        .replace(/&amp;/g, '&');
+}
 /** Registered services */
 let services = new Map();
 const selectorCache = new WeakMap();
@@ -123,10 +137,11 @@ function createServerResolverConfig(el, rootState) {
  * ```
  */
 export async function render(html, state, registry) {
-    const { document, MutationObserver } = parseHTML('<!DOCTYPE html><html><body></body></html>');
+    const window = new Window();
+    const document = window.document;
     const index = [];
     const selector = getSelector(registry);
-    const observer = new MutationObserver((mutations) => {
+    const observer = new window.MutationObserver((mutations) => {
         for (const mutation of mutations) {
             for (const node of mutation.addedNodes) {
                 if (node.nodeType !== 1)
@@ -151,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) {
@@ -160,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
                             });
@@ -226,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);
                 }
@@ -235,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);
                     }
@@ -252,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 CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "gonia",
-  "version": "0.2.0",
+  "version": "0.2.2",
   "description": "A lightweight, SSR-first reactive UI library with declarative directives",
   "type": "module",
   "license": "MIT",
@@ -46,7 +46,7 @@
     }
   },
   "dependencies": {
-    "linkedom": "^0.18.0",
+    "happy-dom": "^17.4.4",
     "tinyglobby": "^0.2.15"
   },
   "peerDependencies": {