var name change

WebReflection · Nov 14, 2023 · 1438d97 · 1438d97
1 parent 8b4c91e
commit 1438d97
Show file tree

Hide file tree

Showing 5 changed files with 25 additions and 15 deletions.
diff --git a/esm/parser.js b/esm/parser.js
@@ -42,7 +42,7 @@ const arrayComment = () => array;
  */
 const resolve = (template, values, xml) => {
   const content = createContent(parser(template, prefix, xml), xml);
-  let comment = false, entries = empty;
+  let asArray = false, entries = empty;
   const { length } = template;
   if (length > 1) {
     const tw = document.createTreeWalker(content, 1 | 128);
@@ -55,7 +55,7 @@ const resolve = (template, values, xml) => {
         if (node.data === search) {
           let update = isArray(values[i - 1]) ? arrayComment : boundComment;
           if (update === boundComment) replace.push(node);
-          else comment = true;
+          else asArray = true;
           entries.push(entry(COMMENT_NODE, createPath(node), update));
           search = `${prefix}${i++}`;
         }
@@ -82,7 +82,7 @@ const resolve = (template, values, xml) => {
       replace[i].replaceWith(document.createTextNode(''));
   }
   const l = content.childNodes.length;
-  return set(cache, template, cel(content, entries, l === 1 && comment ? 0 : l));
+  return set(cache, template, cel(content, entries, l === 1 && asArray ? 0 : l));
 };
 
 /** @type {WeakMap<TemplateStringsArray, Resolved>} */

diff --git a/test/blank-template.html b/test/blank-template.html
@@ -4,9 +4,7 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <script type="module">
-  // https://github.com/WebReflection/lighterhtml/issues/92
-  // ucdn --debug
-  import {render, html} from '../esm/index.js';
+  import {render, html, htmlFor} from '../keyed.js';
 
   let state = 0;
 
@@ -38,7 +36,7 @@
   const one = (name = 'one') => html`${box(() => html`one`)}`;
 
 
-  const two = (name = 'two', value = 'opt') => html`${box(() => html`
+  const two = (name = 'two', value = 'opt') => html`${box(() => htmlFor(two)`
       <label class="block px-3 mb-3">
         <input type="radio" class="form-radio" name=${name} value=${value}>
         <span>two</span>

diff --git a/test/dbmonster.html b/test/dbmonster.html
@@ -5,11 +5,8 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="stylesheet" href="dbmonster.css">
     <script src="https://unpkg.com/perf-monitor@0.3.0/dist/umd/perf-monitor.js"></script>
-    <script src="../index.js"></script>
-    <script>
-    document.addEventListener('DOMContentLoaded', function () {"use strict";
-
-      const {render, html} = uhtml;
+    <script type="module">
+      import { render, html } from '../index.js';
 
       const target = document.querySelector('#app');
 
@@ -71,8 +68,6 @@
       }
 
       update();
-
-    }, {once: true});
     </script>
   </head>
   <body>

diff --git a/test/empty.html b/test/empty.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width,initial-scale=1.0">
+  <title>uhtml</title>
+  <script type="module">
+    import { render, html } from '../index.js';
+    const update = value => {
+      render(document.body, html`${value}`);
+    }
+    update('test');
+    setTimeout(update, 1000, 'OK');
+  </script>
+</head>
+<body></body>
+</html>
diff --git a/test/index.html b/test/index.html
@@ -3,7 +3,7 @@
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width,initial-scale=1.0">
-  <title>udom</title>
+  <title>uhtml</title>
   <script type="module">
   const testUHTML = () => import('./uhtml.js').then(({ render, html }) => {
     console.time('parse uhtml');