npm - @reactful/create - Versions diffs - 0.1.5 → 0.1.7 - Mend

@reactful/create 0.1.5 → 0.1.7

Files changed (19) hide show

package/README.md +2 -2
package/index.js +5 -3
package/package.json +1 -1
package/templates/sampling/builds/about.html +2 -2
package/templates/sampling/builds/bundle.js +41 -41
package/templates/sampling/builds/bundle.ts +16 -16
package/templates/sampling/builds/clock.html +9 -10
package/templates/sampling/builds/counter.html +3 -3
package/templates/sampling/builds/forms/form.html +3 -3
package/templates/sampling/builds/forms/index.html +3 -3
package/templates/sampling/builds/hello.html +3 -3
package/templates/sampling/builds/htmlx.html +2 -2
package/templates/sampling/builds/index.html +2 -2
package/templates/sampling/builds/login.html +3 -3
package/templates/sampling/builds/profile/index.html +3 -3
package/templates/sampling/builds/quotes.html +2 -2
package/templates/sampling/builds/shared.js +5 -5
package/templates/sampling/builds/system.html +2 -2
package/templates/sampling/index.ts +1 -1

package/README.md CHANGED Viewed

@@ -1,6 +1,6 @@
-# create reactful
+# reactful scaffold
-Create a reactful framework with a project scafold tool.
+Createing a reactful framework project scaffold.
 ```bash
 bunx @reactful/create@latest

package/index.js CHANGED Viewed

@@ -50,6 +50,10 @@ async function prompting(answers) {
    await copyTemplate(temporaryPath, `templates/${answers.template}`, destination)
    await removeDirectory(temporaryPath)
+   console.log('- creating .env...')
+   const env = `PORT=333\nMINIFY=FALSE`
+   fs.writeFileSync(`${destination}/.env`, env)
    console.log('- templating project...')
    renamingJSON(destination, answers.project)
@@ -131,11 +135,9 @@ function removeDirectory(directory) {
 }
 function copyFolder(source, target) {
-   const flags = { withFileTypes: true }
    if (!fs.existsSync(target)) fs.mkdirSync(target)
-   fs.readdirSync(source, flags).forEach(function (file) {
+   fs.readdirSync(source).forEach(function (file) {
       const currentPath = path.join(source, file)
       const targetPath = path.join(target, file)

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@reactful/create",
-  "version": "0.1.5",
+  "version": "0.1.7",
   "main": "index.js",
   "type": "module",
   "description": "reactful scafold tool",

package/templates/sampling/builds/about.html CHANGED Viewed

@@ -11,8 +11,8 @@
       <title>About</title>
       <meta name='title' content='About' />
       <meta name='description' content='About page' />
-   <script src='/mnt/b/Repositorios/reactful/experiments/builds/shared.js'></script>
-      <script type='module' src='/mnt/b/Repositorios/reactful/experiments/builds/bundle.js'></script></head>
+   <script src='/mnt/b/Repositorios/reactful/experiment/builds/shared.js'></script>
+      <script type='module' src='/mnt/b/Repositorios/reactful/experiment/builds/bundle.js'></script></head>
    <body>
       <div id='root'>
          <h1>About</h1>

package/templates/sampling/builds/bundle.js CHANGED Viewed

@@ -12588,7 +12588,7 @@ var init_npm2 = __esm(() => {
   init_environment();
 });
-// node_modules/@reactful/exten
+// node_modules/@reactful/exte
 var exports_client = {};
 var init_client = __esm(() => {
 });
@@ -12770,7 +12770,7 @@ var init_src = __esm(() => {
   init_hook();
 });
-// node_modules/@reactful/extensi
+// node_modules/@reactful/extens
 var exports_counter = {};
 __export(exports_counter, {
   default: () => {
@@ -12802,17 +12802,17 @@ var init_counter = __esm(() => {
     }, "COUNTED: ", import_react3.default.createElement("b", null, props.count || 0));
   });
   default$2["metadata"] ||= {};
-  default$2["metadata"].path = "/mnt/b/Repositorios/reactful/experiments/routes/counter.tsx";
+  default$2["metadata"].path = "/mnt/b/Repositorios/reactful/experiment/routes/counter.tsx";
   counter_default = default$2;
   CountButton["metadata"] ||= {};
-  CountButton["metadata"].path = "/mnt/b/Repositorios/reactful/experiments/routes/counter.tsx";
+  CountButton["metadata"].path = "/mnt/b/Repositorios/reactful/experiment/routes/counter.tsx";
 });
-// node_modules/@reactful/extensions
+// node_modules/@reactful/extension
 var init_form = __esm(() => {
 });
-// node_modules/@reactful/extensions
+// node_modules/@reactful/extension
 var exports_form = {};
 __export(exports_form, {
   default: () => {
@@ -12871,13 +12871,13 @@ var init_form2 = __esm(() => {
     shown: !!errors?.length
   }, import_react4.default.createElement("legend", null, "ERROR"), import_react4.default.createElement("ul", null, errors?.map((x) => import_react4.default.createElement("li", null, x.error))))));
   default$3["metadata"] ||= {};
-  default$3["metadata"].path = "/mnt/b/Repositorios/reactful/experiments/routes/forms/form.tsx";
+  default$3["metadata"].path = "/mnt/b/Repositorios/reactful/experiment/routes/forms/form.tsx";
   form_default = default$3;
   modeValidate["metadata"] ||= {};
-  modeValidate["metadata"].path = "/mnt/b/Repositorios/reactful/experiments/routes/forms/form.tsx";
+  modeValidate["metadata"].path = "/mnt/b/Repositorios/reactful/experiment/routes/forms/form.tsx";
 });
-// node_modules/@reactful/extensions
+// node_modules/@reactful/extension
 var import_react5, Header;
 var init_header = __esm(() => {
   import_react5 = __toESM(require_react(), 1);
@@ -12885,10 +12885,10 @@ var init_header = __esm(() => {
     style: { color: "wheat" }
   }, props.children || props.title));
   Header["metadata"] ||= {};
-  Header["metadata"].path = "/mnt/b/Repositorios/reactful/experiments/components/header.tsx";
+  Header["metadata"].path = "/mnt/b/Repositorios/reactful/experiment/components/header.tsx";
 });
-// node_modules/@reactful/exten
+// node_modules/@reactful/exte
 var exports_hello = {};
 __export(exports_hello, {
   default: () => {
@@ -12974,11 +12974,11 @@ var init_hello = __esm(() => {
     }, orbital1.value)));
   }))));
   Hello["metadata"] ||= {};
-  Hello["metadata"].path = "/mnt/b/Repositorios/reactful/experiments/routes/hello.tsx";
+  Hello["metadata"].path = "/mnt/b/Repositorios/reactful/experiment/routes/hello.tsx";
   hello_default = Hello;
 });
-// node_modules/@reactful/exten
+// node_modules/@reactful/exte
 var exports_login = {};
 __export(exports_login, {
   default: () => {
@@ -13014,15 +13014,15 @@ var init_login = __esm(() => {
     style: { wordBreak: "break-all" }
   }, import_react7.default.createElement("legend", null, "token"), sessionStorage.getItem("token"))));
   default$4["metadata"] ||= {};
-  default$4["metadata"].path = "/mnt/b/Repositorios/reactful/experiments/routes/login.tsx";
+  default$4["metadata"].path = "/mnt/b/Repositorios/reactful/experiment/routes/login.tsx";
   login_default = default$4;
 });
-// node_modules/@reactful/extensions/npm
+// node_modules/@reactful/extensions/np
 var init_detail = __esm(() => {
 });
-// node_modules/@reactful/extensions/npm
+// node_modules/@reactful/extensions/np
 var exports_tester = {};
 __export(exports_tester, {
   Tester: () => {
@@ -13040,10 +13040,10 @@ var import_react8;
 var init_tester = __esm(() => {
   import_react8 = __toESM(require_react(), 1);
   Tester["metadata"] ||= {};
-  Tester["metadata"].path = "/mnt/b/Repositorios/reactful/experiments/routes/profile/tester.tsx";
+  Tester["metadata"].path = "/mnt/b/Repositorios/reactful/experiment/routes/profile/tester.tsx";
 });
-// node_modules/@reactful/extensions/npm
+// node_modules/@reactful/extensions/np
 var exports_detail = {};
 __export(exports_detail, {
   Detail: () => {
@@ -13075,42 +13075,42 @@ var init_detail2 = __esm(() => {
     })));
   });
   Detail["metadata"] ||= {};
-  Detail["metadata"].path = "/mnt/b/Repositorios/reactful/experiments/routes/profile/detail.tsx";
+  Detail["metadata"].path = "/mnt/b/Repositorios/reactful/experiment/routes/profile/detail.tsx";
 });
-// node_modules/@reactful/exten
+// node_modules/@reactful/exte
 init_npm2();
 await Promise.resolve().then(() => (init_client(), exports_client)).then((x) => x.default());
 globalThis[GLOBAL_KEY].clients ||= {};
-globalThis[GLOBAL_KEY].clients["/mnt/b/Repositorios/reactful/experiments/routes/counter.tsx"] = { off: false, tag: "CountButton" };
-Promise.resolve().then(() => (init_counter(), exports_counter)).then((x) => x.CountButton).then((x) => globalThis[GLOBAL_KEY].clients["/mnt/b/Repositorios/reactful/experiments/routes/counter.tsx"].jsx = x);
-globalThis[GLOBAL_KEY].clients["/mnt/b/Repositorios/reactful/experiments/routes/forms/form.tsx"] = { off: false, tag: "default" };
-Promise.resolve().then(() => (init_form2(), exports_form)).then((x) => x.default).then((x) => globalThis[GLOBAL_KEY].clients["/mnt/b/Repositorios/reactful/experiments/routes/forms/form.tsx"].jsx = x);
-globalThis[GLOBAL_KEY].clients["/mnt/b/Repositorios/reactful/experiments/routes/hello.tsx"] = { off: false, tag: "Hello" };
-Promise.resolve().then(() => (init_hello(), exports_hello)).then((x) => x.default).then((x) => globalThis[GLOBAL_KEY].clients["/mnt/b/Repositorios/reactful/experiments/routes/hello.tsx"].jsx = x);
-globalThis[GLOBAL_KEY].clients["/mnt/b/Repositorios/reactful/experiments/routes/login.tsx"] = { off: false, tag: "default" };
-Promise.resolve().then(() => (init_login(), exports_login)).then((x) => x.default).then((x) => globalThis[GLOBAL_KEY].clients["/mnt/b/Repositorios/reactful/experiments/routes/login.tsx"].jsx = x);
-globalThis[GLOBAL_KEY].clients["/mnt/b/Repositorios/reactful/experiments/routes/profile/detail.tsx"] = { off: false, tag: "Detail" };
-Promise.resolve().then(() => (init_detail2(), exports_detail)).then((x) => x.Detail).then((x) => globalThis[GLOBAL_KEY].clients["/mnt/b/Repositorios/reactful/experiments/routes/profile/detail.tsx"].jsx = x);
+globalThis[GLOBAL_KEY].clients["/mnt/b/Repositorios/reactful/experiment/routes/counter.tsx"] = { off: false, tag: "CountButton" };
+Promise.resolve().then(() => (init_counter(), exports_counter)).then((x) => x.CountButton).then((x) => globalThis[GLOBAL_KEY].clients["/mnt/b/Repositorios/reactful/experiment/routes/counter.tsx"].jsx = x);
+globalThis[GLOBAL_KEY].clients["/mnt/b/Repositorios/reactful/experiment/routes/forms/form.tsx"] = { off: false, tag: "default" };
+Promise.resolve().then(() => (init_form2(), exports_form)).then((x) => x.default).then((x) => globalThis[GLOBAL_KEY].clients["/mnt/b/Repositorios/reactful/experiment/routes/forms/form.tsx"].jsx = x);
+globalThis[GLOBAL_KEY].clients["/mnt/b/Repositorios/reactful/experiment/routes/hello.tsx"] = { off: false, tag: "Hello" };
+Promise.resolve().then(() => (init_hello(), exports_hello)).then((x) => x.default).then((x) => globalThis[GLOBAL_KEY].clients["/mnt/b/Repositorios/reactful/experiment/routes/hello.tsx"].jsx = x);
+globalThis[GLOBAL_KEY].clients["/mnt/b/Repositorios/reactful/experiment/routes/login.tsx"] = { off: false, tag: "default" };
+Promise.resolve().then(() => (init_login(), exports_login)).then((x) => x.default).then((x) => globalThis[GLOBAL_KEY].clients["/mnt/b/Repositorios/reactful/experiment/routes/login.tsx"].jsx = x);
+globalThis[GLOBAL_KEY].clients["/mnt/b/Repositorios/reactful/experiment/routes/profile/detail.tsx"] = { off: false, tag: "Detail" };
+Promise.resolve().then(() => (init_detail2(), exports_detail)).then((x) => x.Detail).then((x) => globalThis[GLOBAL_KEY].clients["/mnt/b/Repositorios/reactful/experiment/routes/profile/detail.tsx"].jsx = x);
 default$["metadata"] ||= {};
-default$["metadata"].path = "/mnt/b/Repositorios/reactful/experiments/builds/bundle.ts";
+default$["metadata"].path = "/mnt/b/Repositorios/reactful/experiment/builds/bundle.ts";
 default$["metadata"] ||= {};
-default$["metadata"].path = "/mnt/b/Repositorios/reactful/experiments/builds/bundle.ts";
+default$["metadata"].path = "/mnt/b/Repositorios/reactful/experiment/builds/bundle.ts";
 default$["metadata"] ||= {};
-default$["metadata"].path = "/mnt/b/Repositorios/reactful/experiments/builds/bundle.ts";
+default$["metadata"].path = "/mnt/b/Repositorios/reactful/experiment/builds/bundle.ts";
 default$["metadata"] ||= {};
-default$["metadata"].path = "/mnt/b/Repositorios/reactful/experiments/builds/bundle.ts";
+default$["metadata"].path = "/mnt/b/Repositorios/reactful/experiment/builds/bundle.ts";
 default$["metadata"] ||= {};
-default$["metadata"].path = "/mnt/b/Repositorios/reactful/experiments/builds/bundle.ts";
+default$["metadata"].path = "/mnt/b/Repositorios/reactful/experiment/builds/bundle.ts";
 default$["metadata"] ||= {};
-default$["metadata"].path = "/mnt/b/Repositorios/reactful/experiments/builds/bundle.ts";
+default$["metadata"].path = "/mnt/b/Repositorios/reactful/experiment/builds/bundle.ts";
 default$["metadata"] ||= {};
-default$["metadata"].path = "/mnt/b/Repositorios/reactful/experiments/builds/bundle.ts";
+default$["metadata"].path = "/mnt/b/Repositorios/reactful/experiment/builds/bundle.ts";
 default$["metadata"] ||= {};
-default$["metadata"].path = "/mnt/b/Repositorios/reactful/experiments/builds/bundle.ts";
+default$["metadata"].path = "/mnt/b/Repositorios/reactful/experiment/builds/bundle.ts";
 default$["metadata"] ||= {};
-default$["metadata"].path = "/mnt/b/Repositorios/reactful/experiments/builds/bundle.ts";
+default$["metadata"].path = "/mnt/b/Repositorios/reactful/experiment/builds/bundle.ts";
 default$["metadata"] ||= {};
-default$["metadata"].path = "/mnt/b/Repositorios/reactful/experiments/builds/bundle.ts";
+default$["metadata"].path = "/mnt/b/Repositorios/reactful/experiment/builds/bundle.ts";
 default$["metadata"] ||= {};
-default$["metadata"].path = "/mnt/b/Repositorios/reactful/experiments/builds/bundle.ts";
+default$["metadata"].path = "/mnt/b/Repositorios/reactful/experiment/builds/bundle.ts";

package/templates/sampling/builds/bundle.ts CHANGED Viewed

@@ -1,25 +1,25 @@
 import { GLOBAL_KEY } from '@reactful/commons'
-await import('/mnt/b/Repositorios/reactful/experiments/builds/client.ts').then(x => x.default());
+await import('/mnt/b/Repositorios/reactful/experiment/builds/client.ts').then(x => x.default());
 globalThis[GLOBAL_KEY].clients ||= {}
-globalThis[GLOBAL_KEY].clients['/mnt/b/Repositorios/reactful/experiments/routes/counter.tsx'] = { off:false, tag:'CountButton' }
-import('/mnt/b/Repositorios/reactful/experiments/routes/counter.tsx').then(x => x.CountButton)
-.then(x => globalThis[GLOBAL_KEY].clients['/mnt/b/Repositorios/reactful/experiments/routes/counter.tsx'].jsx = x);
+globalThis[GLOBAL_KEY].clients['/mnt/b/Repositorios/reactful/experiment/routes/counter.tsx'] = { off:false, tag:'CountButton' }
+import('/mnt/b/Repositorios/reactful/experiment/routes/counter.tsx').then(x => x.CountButton)
+.then(x => globalThis[GLOBAL_KEY].clients['/mnt/b/Repositorios/reactful/experiment/routes/counter.tsx'].jsx = x);
-globalThis[GLOBAL_KEY].clients['/mnt/b/Repositorios/reactful/experiments/routes/forms/form.tsx'] = { off:false, tag:'default' }
-import('/mnt/b/Repositorios/reactful/experiments/routes/forms/form.tsx').then(x => x.default)
-.then(x => globalThis[GLOBAL_KEY].clients['/mnt/b/Repositorios/reactful/experiments/routes/forms/form.tsx'].jsx = x);
+globalThis[GLOBAL_KEY].clients['/mnt/b/Repositorios/reactful/experiment/routes/forms/form.tsx'] = { off:false, tag:'default' }
+import('/mnt/b/Repositorios/reactful/experiment/routes/forms/form.tsx').then(x => x.default)
+.then(x => globalThis[GLOBAL_KEY].clients['/mnt/b/Repositorios/reactful/experiment/routes/forms/form.tsx'].jsx = x);
-globalThis[GLOBAL_KEY].clients['/mnt/b/Repositorios/reactful/experiments/routes/hello.tsx'] = { off:false, tag:'Hello' }
-import('/mnt/b/Repositorios/reactful/experiments/routes/hello.tsx').then(x => x.default)
-.then(x => globalThis[GLOBAL_KEY].clients['/mnt/b/Repositorios/reactful/experiments/routes/hello.tsx'].jsx = x);
+globalThis[GLOBAL_KEY].clients['/mnt/b/Repositorios/reactful/experiment/routes/hello.tsx'] = { off:false, tag:'Hello' }
+import('/mnt/b/Repositorios/reactful/experiment/routes/hello.tsx').then(x => x.default)
+.then(x => globalThis[GLOBAL_KEY].clients['/mnt/b/Repositorios/reactful/experiment/routes/hello.tsx'].jsx = x);
-globalThis[GLOBAL_KEY].clients['/mnt/b/Repositorios/reactful/experiments/routes/login.tsx'] = { off:false, tag:'default' }
-import('/mnt/b/Repositorios/reactful/experiments/routes/login.tsx').then(x => x.default)
-.then(x => globalThis[GLOBAL_KEY].clients['/mnt/b/Repositorios/reactful/experiments/routes/login.tsx'].jsx = x);
+globalThis[GLOBAL_KEY].clients['/mnt/b/Repositorios/reactful/experiment/routes/login.tsx'] = { off:false, tag:'default' }
+import('/mnt/b/Repositorios/reactful/experiment/routes/login.tsx').then(x => x.default)
+.then(x => globalThis[GLOBAL_KEY].clients['/mnt/b/Repositorios/reactful/experiment/routes/login.tsx'].jsx = x);
-globalThis[GLOBAL_KEY].clients['/mnt/b/Repositorios/reactful/experiments/routes/profile/detail.tsx'] = { off:false, tag:'Detail' }
-import('/mnt/b/Repositorios/reactful/experiments/routes/profile/detail.tsx').then(x => x.Detail)
-.then(x => globalThis[GLOBAL_KEY].clients['/mnt/b/Repositorios/reactful/experiments/routes/profile/detail.tsx'].jsx = x);
+globalThis[GLOBAL_KEY].clients['/mnt/b/Repositorios/reactful/experiment/routes/profile/detail.tsx'] = { off:false, tag:'Detail' }
+import('/mnt/b/Repositorios/reactful/experiment/routes/profile/detail.tsx').then(x => x.Detail)
+.then(x => globalThis[GLOBAL_KEY].clients['/mnt/b/Repositorios/reactful/experiment/routes/profile/detail.tsx'].jsx = x);

package/templates/sampling/builds/clock.html CHANGED Viewed

@@ -13,18 +13,17 @@
       <meta name='description' content='Home page' />
       <meta name='theme-color' content='#333' />
       <meta name='title' content='Welcome' />
-   <script src='/mnt/b/Repositorios/reactful/experiments/builds/shared.js'></script>
-      <script type='module' src='/mnt/b/Repositorios/reactful/experiments/builds/bundle.js'></script></head>
+   <script src='/mnt/b/Repositorios/reactful/experiment/builds/shared.js'></script>
+      <script type='module' src='/mnt/b/Repositorios/reactful/experiment/builds/bundle.js'></script></head>
    <body>
       <div id='root'>
-         <h1 tag="h1" uid="6" class="TimeZone">World Clock</h1>
-         <h2 tag="h2" uid="8" class="TimeZone">Europe/Amistedan timezone</h2>
-         <h3 style="color:yellow" tag="h3" uid="10" class="TimeZone"> <!-- -->2024-2-20<!-- -->
-            <!-- -->17:11:50<!-- --> </h3>
-         <code tag="code" uid="15" own="InnerAsyncComponent" class="InnerAsyncComponent">
-            <mark tag="mark" uid="17" class="InnerAsyncComponent">I&#x27;m a inner subcomponent
-               !!!</mark>
-         </code>
+         <div tag="TimeZone" uid="3" own="default$" fallback="[object Object]" class="default"
+            retry="/clock" hidden>
+            <h1>500</h1>
+            <ul>
+               <li>Was there a typo in the url or port?</li>
+            </ul>
+         </div>
       </div>
    </body>
 </html>

package/templates/sampling/builds/counter.html CHANGED Viewed

@@ -13,13 +13,13 @@
       <meta name='description' content='Home page' />
       <meta name='theme-color' content='#333' />
       <meta name='title' content='Welcome' />
-   <script src='/mnt/b/Repositorios/reactful/experiments/builds/shared.js'></script>
-      <script type='module' src='/mnt/b/Repositorios/reactful/experiments/builds/bundle.js'></script></head>
+   <script src='/mnt/b/Repositorios/reactful/experiment/builds/shared.js'></script>
+      <script type='module' src='/mnt/b/Repositorios/reactful/experiment/builds/bundle.js'></script></head>
    <body>
       <div id='root'>
          <h1 tag="h1" uid="3" class="default">Counter</h1>
          <jsx tag="jsx" uid="9" own="default"
-            src="/mnt/b/Repositorios/reactful/experiments/routes/counter.tsx" hidden
+            src="/mnt/b/Repositorios/reactful/experiment/routes/counter.tsx" hidden
             class="default">
             <button style="padding:20px">COUNTED: <b>0</b>
             </button>

package/templates/sampling/builds/forms/form.html CHANGED Viewed

@@ -13,12 +13,12 @@
       <meta name='description' content='Home page' />
       <meta name='theme-color' content='#333' />
       <meta name='title' content='Welcome' />
-   <script src='/mnt/b/Repositorios/reactful/experiments/builds/shared.js'></script>
-      <script type='module' src='/mnt/b/Repositorios/reactful/experiments/builds/bundle.js'></script></head>
+   <script src='/mnt/b/Repositorios/reactful/experiment/builds/shared.js'></script>
+      <script type='module' src='/mnt/b/Repositorios/reactful/experiment/builds/bundle.js'></script></head>
    <body>
       <div id='root'>
          <jsx tag="jsx" uid="2" own="default"
-            src="/mnt/b/Repositorios/reactful/experiments/routes/forms/form.tsx" hidden
+            src="/mnt/b/Repositorios/reactful/experiment/routes/forms/form.tsx" hidden
             class="default">
             <h1>Uncontrolled Components</h1>
             <progress hidden>test...</progress>

package/templates/sampling/builds/forms/index.html CHANGED Viewed

@@ -13,12 +13,12 @@
       <meta name='description' content='Home page' />
       <meta name='theme-color' content='#333' />
       <meta name='title' content='Welcome' />
-   <script src='/mnt/b/Repositorios/reactful/experiments/builds/shared.js'></script>
-      <script type='module' src='/mnt/b/Repositorios/reactful/experiments/builds/bundle.js'></script></head>
+   <script src='/mnt/b/Repositorios/reactful/experiment/builds/shared.js'></script>
+      <script type='module' src='/mnt/b/Repositorios/reactful/experiment/builds/bundle.js'></script></head>
    <body>
       <div id='root'>
          <jsx tag="jsx" uid="2" own="default"
-            src="/mnt/b/Repositorios/reactful/experiments/routes/forms/form.tsx" hidden
+            src="/mnt/b/Repositorios/reactful/experiment/routes/forms/form.tsx" hidden
             class="default">
             <h1>Uncontrolled Components</h1>
             <progress hidden>test...</progress>

package/templates/sampling/builds/hello.html CHANGED Viewed

@@ -13,12 +13,12 @@
       <meta name='description' content='Home page' />
       <meta name='theme-color' content='#333' />
       <meta name='title' content='Welcome' />
-   <script src='/mnt/b/Repositorios/reactful/experiments/builds/shared.js'></script>
-      <script type='module' src='/mnt/b/Repositorios/reactful/experiments/builds/bundle.js'></script></head>
+   <script src='/mnt/b/Repositorios/reactful/experiment/builds/shared.js'></script>
+      <script type='module' src='/mnt/b/Repositorios/reactful/experiment/builds/bundle.js'></script></head>
    <body>
       <div id='root'>
          <jsx tag="jsx" uid="2" own="default"
-            src="/mnt/b/Repositorios/reactful/experiments/routes/hello.tsx" hidden class="default">
+            src="/mnt/b/Repositorios/reactful/experiment/routes/hello.tsx" hidden class="default">
             <h1 style="color:wheat">Hello Forms</h1>
             <main gaps="0 10px" cols="1">
                <label>

package/templates/sampling/builds/htmlx.html CHANGED Viewed

@@ -11,8 +11,8 @@
       <title>Sample</title>
       <meta name='title' content='Sample' />
       <meta name='description' content='Sample page' />
-   <script src='/mnt/b/Repositorios/reactful/experiments/builds/shared.js'></script>
-      <script type='module' src='/mnt/b/Repositorios/reactful/experiments/builds/bundle.js'></script></head>
+   <script src='/mnt/b/Repositorios/reactful/experiment/builds/shared.js'></script>
+      <script type='module' src='/mnt/b/Repositorios/reactful/experiment/builds/bundle.js'></script></head>
    <body>
       <div id='root'>
          <h1 style="color:wheat">HTML-X</h1>

package/templates/sampling/builds/index.html CHANGED Viewed

@@ -13,8 +13,8 @@
       <meta name='description' content='Home page' />
       <meta name='theme-color' content='#333' />
       <meta name='title' content='Welcome' />
-   <script src='/mnt/b/Repositorios/reactful/experiments/builds/shared.js'></script>
-      <script type='module' src='/mnt/b/Repositorios/reactful/experiments/builds/bundle.js'></script></head>
+   <script src='/mnt/b/Repositorios/reactful/experiment/builds/shared.js'></script>
+      <script type='module' src='/mnt/b/Repositorios/reactful/experiment/builds/bundle.js'></script></head>
    <body>
       <div id='root'>
          <h1>Welcome</h1>

package/templates/sampling/builds/login.html CHANGED Viewed

@@ -13,12 +13,12 @@
       <meta name='description' content='Home page' />
       <meta name='theme-color' content='#333' />
       <meta name='title' content='Welcome' />
-   <script src='/mnt/b/Repositorios/reactful/experiments/builds/shared.js'></script>
-      <script type='module' src='/mnt/b/Repositorios/reactful/experiments/builds/bundle.js'></script></head>
+   <script src='/mnt/b/Repositorios/reactful/experiment/builds/shared.js'></script>
+      <script type='module' src='/mnt/b/Repositorios/reactful/experiment/builds/bundle.js'></script></head>
    <body>
       <div id='root'>
          <jsx tag="jsx" uid="2" own="default"
-            src="/mnt/b/Repositorios/reactful/experiments/routes/login.tsx" hidden class="default">
+            src="/mnt/b/Repositorios/reactful/experiment/routes/login.tsx" hidden class="default">
             <h1>Login</h1>
             <progress hidden>loading...</progress>
             <form method="POST" action="http://localhost:3000/api/auth" bearer="access_token">

package/templates/sampling/builds/profile/index.html CHANGED Viewed

@@ -13,13 +13,13 @@
       <meta name='description' content='Home page' />
       <meta name='theme-color' content='#333' />
       <meta name='title' content='Welcome' />
-   <script src='/mnt/b/Repositorios/reactful/experiments/builds/shared.js'></script>
-      <script type='module' src='/mnt/b/Repositorios/reactful/experiments/builds/bundle.js'></script></head>
+   <script src='/mnt/b/Repositorios/reactful/experiment/builds/shared.js'></script>
+      <script type='module' src='/mnt/b/Repositorios/reactful/experiment/builds/bundle.js'></script></head>
    <body>
       <div id='root'>
          <h1 tag="h1" uid="3" class="default" style="color:#ffb300">Profile</h1>
          <jsx tag="jsx" uid="12" own="default"
-            src="/mnt/b/Repositorios/reactful/experiments/routes/profile/detail.tsx" hidden
+            src="/mnt/b/Repositorios/reactful/experiment/routes/profile/detail.tsx" hidden
             class="default">
             <h3>Detail</h3>Parametric value = <b>
             </b>

package/templates/sampling/builds/quotes.html CHANGED Viewed

@@ -13,8 +13,8 @@
       <meta name='description' content='Home page' />
       <meta name='theme-color' content='#333' />
       <meta name='title' content='Welcome' />
-   <script src='/mnt/b/Repositorios/reactful/experiments/builds/shared.js'></script>
-      <script type='module' src='/mnt/b/Repositorios/reactful/experiments/builds/bundle.js'></script></head>
+   <script src='/mnt/b/Repositorios/reactful/experiment/builds/shared.js'></script>
+      <script type='module' src='/mnt/b/Repositorios/reactful/experiment/builds/bundle.js'></script></head>
    <body>
       <div id='root'>
          <h1>My custom error component</h1>

package/templates/sampling/builds/shared.js CHANGED Viewed

@@ -22,7 +22,7 @@
    "VSCODE_INJECTION": "1",
    "HOME": "/root",
    "LANG": "en_US.UTF-8",
-   "WSL_INTEROP": "/run/WSL/280_interop",
+   "WSL_INTEROP": "/run/WSL/286_interop",
    "LS_COLORS": "rs=0:di=01;34:ln=01;36:mh=00:pi=40;33:so=01;35:do=01;35:bd=40;33;01:cd=40;33;01:or=40;31;01:mi=00:su=37;41:sg=30;43:ca=30;41:tw=30;42:ow=34;42:st=37;44:ex=01;32:*.tar=01;31:*.tgz=01;31:*.arc=01;31:*.arj=01;31:*.taz=01;31:*.lha=01;31:*.lz4=01;31:*.lzh=01;31:*.lzma=01;31:*.tlz=01;31:*.txz=01;31:*.tzo=01;31:*.t7z=01;31:*.zip=01;31:*.z=01;31:*.dz=01;31:*.gz=01;31:*.lrz=01;31:*.lz=01;31:*.lzo=01;31:*.xz=01;31:*.zst=01;31:*.tzst=01;31:*.bz2=01;31:*.bz=01;31:*.tbz=01;31:*.tbz2=01;31:*.tz=01;31:*.deb=01;31:*.rpm=01;31:*.jar=01;31:*.war=01;31:*.ear=01;31:*.sar=01;31:*.rar=01;31:*.alz=01;31:*.ace=01;31:*.zoo=01;31:*.cpio=01;31:*.7z=01;31:*.rz=01;31:*.cab=01;31:*.wim=01;31:*.swm=01;31:*.dwm=01;31:*.esd=01;31:*.jpg=01;35:*.jpeg=01;35:*.mjpg=01;35:*.mjpeg=01;35:*.gif=01;35:*.bmp=01;35:*.pbm=01;35:*.pgm=01;35:*.ppm=01;35:*.tga=01;35:*.xbm=01;35:*.xpm=01;35:*.tif=01;35:*.tiff=01;35:*.png=01;35:*.svg=01;35:*.svgz=01;35:*.mng=01;35:*.pcx=01;35:*.mov=01;35:*.mpg=01;35:*.mpeg=01;35:*.m2v=01;35:*.mkv=01;35:*.webm=01;35:*.webp=01;35:*.ogm=01;35:*.mp4=01;35:*.m4v=01;35:*.mp4v=01;35:*.vob=01;35:*.qt=01;35:*.nuv=01;35:*.wmv=01;35:*.asf=01;35:*.rm=01;35:*.rmvb=01;35:*.flc=01;35:*.avi=01;35:*.fli=01;35:*.flv=01;35:*.gl=01;35:*.dl=01;35:*.xcf=01;35:*.xwd=01;35:*.yuv=01;35:*.cgm=01;35:*.emf=01;35:*.ogv=01;35:*.ogx=01;35:*.aac=00;36:*.au=00;36:*.flac=00;36:*.m4a=00;36:*.mid=00;36:*.midi=00;36:*.mka=00;36:*.mp3=00;36:*.mpc=00;36:*.ogg=00;36:*.ra=00;36:*.wav=00;36:*.oga=00;36:*.opus=00;36:*.spx=00;36:*.xspf=00;36:",
    "WAYLAND_DISPLAY": "wayland-0",
    "GIT_ASKPASS": "/root/.vscode-server/bin/903b1e9d8990623e3d7da1df3d33db3e42d80eda/extensions/git/dist/askpass.sh",
@@ -55,12 +55,12 @@
    "npm_node_execpath": "/root/.nvm/versions/node/v21.5.0/bin/node",
    "OLDPWD": "/mnt/b/Repositorios/reactful",
    "TERM_PROGRAM": "vscode",
-   "VSCODE_IPC_HOOK_CLI": "/run/user/0/vscode-ipc-a2e19b00-9c0c-4603-ba6b-932fcb38a290.sock"
+   "VSCODE_IPC_HOOK_CLI": "/run/user/0/vscode-ipc-207d1c71-becd-47bb-ae4a-05d160937103.sock"
 } }
       globalThis[GLOBAL_KEY] ||= { queryId:'#root' }
-      globalThis[GLOBAL_KEY].renders=[{   'path': '/mnt/b/Repositorios/reactful/experiments/routes/clock.tsx',   'name': 'default$',   'time': '',   'mode': 'dynamic',   'href': '/mnt/b/Repositorios/reactful/experiments/routes/clock.tsx'},{   'path': '/mnt/b/Repositorios/reactful/experiments/routes/quotes.tsx',   'name': 'Quotes',   'time': 1800000,   'mode': 'periodic',   'href': '/mnt/b/Repositorios/reactful/experiments/routes/quotes.tsx'}];
-      globalThis[GLOBAL_KEY].caching=[{   'call': '',   'data': {      'description': 'Time zone clock...',      'title': 'Time Zone'   },   'path': '/mnt/b/Repositorios/reactful/experiments/routes/clock.tsx',   'name': 'default$',   'type': 'meta'},{   'call': '',   'data': {      'description': '...',      'title': 'Counter'   },   'path': '/mnt/b/Repositorios/reactful/experiments/routes/counter.tsx',   'name': 'default',   'type': 'meta'},{   'call': '',   'data': {      'description': 'Hello forms...',      'title': 'Hello'   },   'path': '/mnt/b/Repositorios/reactful/experiments/routes/hello.tsx',   'name': 'default',   'type': 'meta'},{   'call': () => React.createElement(React.Fragment, null, React.createElement('h1', null, 'Profile'), React.createElement(Detail, null), React.createElement('hr', null), React.createElement('p', null, 'modular CSS chainging to red')),   'data': '/profile/:id',   'path': '/mnt/b/Repositorios/reactful/experiments/routes/profile/index.tsx',   'name': '',   'type': 'href'},{   'call': '',   'data': {      'description': 'Profile description',      'title': 'Profile'   },   'path': '/mnt/b/Repositorios/reactful/experiments/routes/profile/index.tsx',   'name': 'default',   'type': 'meta'},{   'call': '',   'data': {      'description': 'Philosophy quotes...',      'title': 'Quotes'   },   'path': '/mnt/b/Repositorios/reactful/experiments/routes/quotes.tsx',   'name': 'Quotes',   'type': 'meta'},{   'call': '',   'data': {      'charset': 'UTF-16',      'rating': 'general',      'keywords': 'hello, hi',      'title': 'System'   },   'path': '/mnt/b/Repositorios/reactful/experiments/routes/system.tsx',   'name': 'System',   'type': 'meta'},{   'call': '',   'data': {      'title': 'About',      'description': 'About page'   },   'path': '/about',   'name': 'default',   'type': 'meta'},{   'call': '',   'data': '%0A%20%20%20%3Ch1%3EAbout%3C/h1%3E%0A%20%20%20%3Cp%3E%0A%20%20%20Lorem%20ipsum%20dolor%20sit%20amet%20consectetur%20adipisicing%20elit.%20%0A%20%20%20Adipisci%20id%20eaque%20saepe%20ab%20numquam,%20nisi%20minus%20atque%20obcaecati,%20%0A%20%20%20dignissimos%20facere%20accusamus%20nihil%20ipsam%20repudiandae%20praesentium,%20%0A%20%20%20quia%20animi%20perspiciatis%20architecto%20fuga?%20%0A%20%20%20%3C/p%3E%20%20%20%20%0A',   'path': '/about',   'name': '',   'type': 'html'},{   'call': '',   'data': '<h3>Loading content...</h3>',   'path': '/clock',   'name': 'default',   'type': 'lazy'},{   'call': '',   'data': '<h3>Loading content...</h3>',   'path': '/clock',   'name': 'TimeZone',   'type': 'lazy'},{   'call': '',   'data': '%3Ch1%20tag=%22h1%22%20uid=%226%22%20class=%22TimeZone%22%3EWorld%20Clock%3C/h1%3E%3Ch2%20tag=%22h2%22%20uid=%228%22%20class=%22TimeZone%22%3EEurope/Amistedan%20timezone%3C/h2%3E%3Ch3%20style=%22color:yellow%22%20tag=%22h3%22%20uid=%2210%22%20class=%22TimeZone%22%3E%20%3C!--%20--%3E2024-2-20%3C!--%20--%3E%20%3C!--%20--%3E17:11:50%3C!--%20--%3E%20%3C/h3%3E%3Ccode%20tag=%22code%22%20uid=%2215%22%20own=%22InnerAsyncComponent%22%20class=%22InnerAsyncComponent%22%3E%3Cmark%20tag=%22mark%22%20uid=%2217%22%20class=%22InnerAsyncComponent%22%3EI&#x27;m%20a%20inner%20subcomponent%20!!!%3C/mark%3E%3C/code%3E',   'path': '/clock',   'name': '',   'type': 'html'},{   'call': '',   'data': '%3Ch1%20tag=%22h1%22%20uid=%223%22%20class=%22default%22%3ECounter%3C/h1%3E%3Cjsx%20tag=%22jsx%22%20uid=%229%22%20own=%22default%22%20src=%22/mnt/b/Repositorios/reactful/experiments/routes/counter.tsx%22%20hidden=%22%22%20class=%22default%22%3E%3Cbutton%20style=%22padding:20px%22%3ECOUNTED:%20%3Cb%3E0%3C/b%3E%3C/button%3E%3C/jsx%3E%3Ch6%20tag=%22h6%22%20uid=%227%22%20class=%22default%22%20hidden=%22%22%3EDONT%20SHOW%20ME!%3C/h6%3E',   'path': '/counter',   'name': '',   'type': 'html'},{   'call': '',   'data': '%3Cjsx%20tag=%22jsx%22%20uid=%222%22%20own=%22default%22%20src=%22/mnt/b/Repositorios/reactful/experiments/routes/forms/form.tsx%22%20hidden=%22%22%20class=%22default%22%3E%3Ch1%3EUncontrolled%20Components%3C/h1%3E%3Cprogress%20hidden=%22%22%3Etest...%3C/progress%3E%3Cform%20cols=%222%22%20method=%22post%22%20action=%22https://jsonplaceholder.typicode.com/posts1%22%3E%3Clabel%3EName%3Cinput%20id=%22name%22%20bind=%22name%22/%3E%3C/label%3E%3Clabel%3EDate%3Cinput%20type=%22date%22%20bind=%22date%22/%3E%3C/label%3E%3Clabel%3EWork%3Cinput%20pattern=%22dev%7Ctest%22%20bind=%22work%22/%3E%3C/label%3E%3Clabel%3EMode%3Cinput%20bind=%22mode%22/%3E%3C/label%3E%3Chr/%3E%3Chr/%3E%3Clabel%3EAccept?%3Cinput%20bind=%22term%22%20type=%22checkbox%22%20required=%22%22/%3E%3C/label%3E%3Cbutton%3ESubmit%3C/button%3E%3C/form%3E%3Cfieldset%3E%3Clegend%3EERROR%3C/legend%3E%3Cul%3E%3C/ul%3E%3C/fieldset%3E%3C/jsx%3E',   'path': '/forms/form',   'name': '',   'type': 'html'},{   'call': '',   'data': '%3Cjsx%20tag=%22jsx%22%20uid=%222%22%20own=%22default%22%20src=%22/mnt/b/Repositorios/reactful/experiments/routes/forms/form.tsx%22%20hidden=%22%22%20class=%22default%22%3E%3Ch1%3EUncontrolled%20Components%3C/h1%3E%3Cprogress%20hidden=%22%22%3Etest...%3C/progress%3E%3Cform%20cols=%222%22%20method=%22post%22%20action=%22https://jsonplaceholder.typicode.com/posts1%22%3E%3Clabel%3EName%3Cinput%20id=%22name%22%20bind=%22name%22/%3E%3C/label%3E%3Clabel%3EDate%3Cinput%20type=%22date%22%20bind=%22date%22/%3E%3C/label%3E%3Clabel%3EWork%3Cinput%20pattern=%22dev%7Ctest%22%20bind=%22work%22/%3E%3C/label%3E%3Clabel%3EMode%3Cinput%20bind=%22mode%22/%3E%3C/label%3E%3Chr/%3E%3Chr/%3E%3Clabel%3EAccept?%3Cinput%20bind=%22term%22%20type=%22checkbox%22%20required=%22%22/%3E%3C/label%3E%3Cbutton%3ESubmit%3C/button%3E%3C/form%3E%3Cfieldset%3E%3Clegend%3EERROR%3C/legend%3E%3Cul%3E%3C/ul%3E%3C/fieldset%3E%3C/jsx%3E',   'path': '/forms/index',   'name': '',   'type': 'html'},{   'call': '',   'data': '%3Cjsx%20tag=%22jsx%22%20uid=%222%22%20own=%22default%22%20src=%22/mnt/b/Repositorios/reactful/experiments/routes/hello.tsx%22%20hidden=%22%22%20class=%22default%22%3E%3Ch1%20style=%22color:wheat%22%3EHello%20Forms%3C/h1%3E%3Cmain%20gaps=%220%2010px%22%20cols=%221%22%3E%3Clabel%3E%3Cb%3ELOCAL%20state%20%3C/b%3E%20%3Ccode%3Efunction(props)%3C/code%3E%3Cbr/%3E%3Cinput%20id=%221%22%20data=%22%5Bobject%20Object%5D%22%20bind=%22value%22%20placeholder=%22%7Bprops%7D%22/%3E%3Cinput%20id=%221.1%22%20bind=%22value%22%20placeholder=%22default%22/%3E%3Cinput%20id=%221.1.1%22%20placeholder=%22inner%22%20data=%22%5Bobject%20Object%5D%22%20bind=%22value%22/%3E%3Clabel%3E%20=%20%3C/label%3E%3C/label%3E%3Clabel%3E%3Cb%3EGLOBAL%20state%3C/b%3E%20%3Ccode%3Efunction(props,%20%3C!--%20--%3E%7B%20store%20%7D%3C!--%20--%3E)%3C/code%3E%3Cbr/%3E%3Cinput%20id=%222%22%20data=%22%5Bobject%20Object%5D%22%20bind=%22value%22%20placeholder=%22outer%22/%3E%3Cinput%20id=%222.1%22%20placeholder=%22inner%22%20bind=%22value%22/%3E%3C/label%3E%3Clabel%3E%3Cb%3EORBITAL%20state%3C/b%3E%20%3Ccode%3EuseStore(...)%20+%20@state(...)%20%3C/code%3E%3Cbr/%3E%3Cinput%20id=%223%22%20data=%22%5Bobject%20Object%5D%22%20bind=%22value%22%20placeholder=%22outer%22/%3E%3Cinput%20id=%223.1%22%20placeholder=%22inner%22%20data=%22%5Bobject%20Object%5D%22%20bind=%22value%22/%3E%3Cinput%20id=%223.2%22%20data=%22%5Bobject%20Object%5D%22%20bind=%22value%22%20placeholder=%22other%22/%3E%20=%20%3C!--%20--%3E1%3C/label%3E%3C/main%3E%3Cbr/%3E%3Chr/%3E%3Ccode%3E%3Cstrong%3Elocal%3C/strong%3E:%20%3Clabel%20id=%22l1%22%3E%3C/label%3E%3Cbr/%3E%3Cstrong%3Eglobal%3C/strong%3E:%20%3Clabel%20id=%22l2%22%3E%3C/label%3E%3Cbr/%3E%3Cstrong%3Eorbital%3C/strong%3E:%20%3Clabel%20id=%22l3%22%3E0%3C/label%3E%3C/code%3E%3C/jsx%3E',   'path': '/hello',   'name': '',   'type': 'html'},{   'call': '',   'data': {      'title': 'Sample',      'description': 'Sample page'   },   'path': '/htmlx',   'name': 'default',   'type': 'meta'},{   'call': '',   'data': '%3Ch1%20style=%22color:wheat%22%3EHTML-X%3C/h1%3E%3Cp%3ELorem%20ipsum%20dolor%20sit%20amet%20consectetur%20adipisicing%20elit.%20Similique%20eum%20quaerat%20nesciunt%20est%20molestias%20accusantium%20aut%20sit%20odit,%20vero%20voluptate%20iure%20vel%20aperiam%20modi%20libero%20in%20praesentium%20nam%20obcaecati%20error!%3C/p%3E',   'path': '/htmlx',   'name': '',   'type': 'html'},{   'call': '',   'data': '%3Ch1%3EWelcome%3C/h1%3E%0A%3Cblockquote%3E%0A%3Cp%3Ewith%20markdown%20(powered%20by%20marked)%3C/p%3E%0A%3C/blockquote%3E%0A%3Ctable%3E%0A%3Cthead%3E%0A%3Ctr%3E%0A%3Cth%20align=%22right%22%3E%3C/th%3E%0A%3Cth%3E%3C/th%3E%0A%3C/tr%3E%0A%3C/thead%3E%0A%3Ctbody%3E%3Ctr%3E%0A%3Ctd%20align=%22right%22%3E%3Ca%20href=%22/about%22%3EAbout%3C/a%3E%3C/td%3E%0A%3Ctd%3EStatic%20generation%20(default)%3C/td%3E%0A%3C/tr%3E%0A%3Ctr%3E%0A%3Ctd%20align=%22right%22%3E%3Ca%20href=%22/clock%22%3EClock%3C/a%3E%3C/td%3E%0A%3Ctd%3EDynamic%20generation%20(with%20lazy)%3C/td%3E%0A%3C/tr%3E%0A%3Ctr%3E%0A%3Ctd%20align=%22right%22%3E%3Ca%20href=%22/htmlx%22%3EHTML-X%3C/a%3E%3C/td%3E%0A%3Ctd%3EHTML%20with%20JSX%20using%20link%5Btype=%22component%22%5D%3C/td%3E%0A%3C/tr%3E%0A%3Ctr%3E%0A%3Ctd%20align=%22right%22%3E%3Ca%20href=%22/system%22%3ESystem%3C/a%3E%3C/td%3E%0A%3Ctd%3EServer%20component%3C/td%3E%0A%3C/tr%3E%0A%3Ctr%3E%0A%3Ctd%20align=%22right%22%3E%3Ca%20href=%22/quotes%22%3EQuotes%3C/a%3E%3C/td%3E%0A%3Ctd%3EPeriodic%20genreation%3C/td%3E%0A%3C/tr%3E%0A%3Ctr%3E%0A%3Ctd%20align=%22right%22%3E%3Ca%20href=%22/counter%22%3ECounter%3C/a%3E%3C/td%3E%0A%3Ctd%3EClient%20component%3C/td%3E%0A%3C/tr%3E%0A%3Ctr%3E%0A%3Ctd%20align=%22right%22%3E%3Ca%20href=%22/hello%22%3EHello%3C/a%3E%3C/td%3E%0A%3Ctd%3EStateful%20object%20+%20data%20bind%20props%3C/td%3E%0A%3C/tr%3E%0A%3Ctr%3E%0A%3Ctd%20align=%22right%22%3E%3Ca%20href=%22/forms%22%3EForms%3C/a%3E%3C/td%3E%0A%3Ctd%3Ereactful%20forms%20+%20validation%20API%20+%20server%20action%3C/td%3E%0A%3C/tr%3E%0A%3Ctr%3E%0A%3Ctd%20align=%22right%22%3E%3Ca%20href=%22/login%22%3ELogin%3C/a%3E%3C/td%3E%0A%3Ctd%3Ereactful%20forms%20server%20action%20authentication%3C/td%3E%0A%3C/tr%3E%0A%3Ctr%3E%0A%3Ctd%20align=%22right%22%3E%3Ca%20href=%22/profile/123%22%3EProfile%3C/a%3E%3C/td%3E%0A%3Ctd%3EParametric%20(dynamic)%20routes%20with%20modular%20CSS%3C/td%3E%0A%3C/tr%3E%0A%3C/tbody%3E%3C/table%3E%0A',   'path': '/index',   'name': '',   'type': 'html'},{   'call': '',   'data': '%3Cjsx%20tag=%22jsx%22%20uid=%222%22%20own=%22default%22%20src=%22/mnt/b/Repositorios/reactful/experiments/routes/login.tsx%22%20hidden=%22%22%20class=%22default%22%3E%3Ch1%3ELogin%3C/h1%3E%3Cprogress%20hidden=%22%22%3Eloading...%3C/progress%3E%3Cform%20method=%22POST%22%20action=%22http://localhost:3000/api/auth%22%20bearer=%22access_token%22%3E%3Csection%20cols=%221%22%3E%3Clabel%3EUserName%3Cinput%20bind=%22username%22/%3E%3C/label%3E%3Clabel%3EPassWord%3Cinput%20type=%22password%22%20bind=%22password%22/%3E%3C/label%3E%3C/section%3E%3Cbutton%3ESubmit%3C/button%3E%3C/form%3E%3Cfieldset%3E%3Clegend%3EERROR%3C/legend%3E%3Cul%3E%3C/ul%3E%3C/fieldset%3E%3Cbr/%3E%3Cfieldset%20style=%22word-break:break-all%22%3E%3Clegend%3Etoken%3C/legend%3E%3C/fieldset%3E%3C/jsx%3E',   'path': '/login',   'name': '',   'type': 'html'},{   'call': '',   'data': '%3Ch1%20tag=%22h1%22%20uid=%223%22%20class=%22default%22%20style=%22color:#ffb300%22%3EProfile%3C/h1%3E%3Cjsx%20tag=%22jsx%22%20uid=%2212%22%20own=%22default%22%20src=%22/mnt/b/Repositorios/reactful/experiments/routes/profile/detail.tsx%22%20hidden=%22%22%20class=%22default%22%3E%3Ch3%3EDetail%3C/h3%3EParametric%20value%20=%20%3Cb%3E%3C/b%3E%3Chr/%3E%3Cp%3Emodular%20CSS%20keep%20original%20color%3C/p%3E%3Cfieldset%3E%3Clegend%3EMode%3C/legend%3E%3Csection%3E%3Cbutton%20link=%22./developer%22%3Edeveloper%3C/button%3E%3Cbutton%20link=%22./manager%22%3Emanager%3C/button%3E%3Cbutton%20link=%22./tester%22%3Etester(component)%3C/button%3E%3C/section%3E%3Chr/%3E%3Csection%20route=%22./developer%22%3E%3Cb%3EDEVELOPER%3C/b%3E%20is%20Lorem%20ipsum%20dolor%20sit%20amet%20consectetur%20adipisicing%20elit.%20Aspernatur%20similique%20ipsa,%20molestiae%20numquam%20laudantium%20quod,%20aliquid%20soluta%20cumque%20placeat%20saepe%20mollitia%20sint%20consectetur%20labore%20consequatur%20pariatur%20praesentium%20animi.%20Obcaecati,%20nihil?%3C/section%3E%3Csection%20route=%22./manager%22%3E%3Cb%3EMANAGER%3C/b%3E%20is%20Lorem%20ipsum%20dolor%20sit%20amet%20consectetur%20adipisicing%20elit.%20Aspernatur%20similique%20ipsa,%20molestiae%20numquam%20laudantium%20quod,%20aliquid%20soluta%20cumque%20placeat%20saepe%20mollitia%20sint%20consectetur%20labore%20consequatur%20pariatur%20praesentium%20animi.%20Obcaecati,%20nihil?%3C/section%3E%3Cdiv%3E%3C/div%3E%3C/fieldset%3E%3C/jsx%3E%3Chr%20tag=%22hr%22%20uid=%228%22%20class=%22default%22/%3E%3Cp%20tag=%22p%22%20uid=%2210%22%20class=%22default%22%20style=%22color:red%22%3Emodular%20CSS%20chainging%20to%20red%3C/p%3E',   'path': '/profile/index',   'name': '',   'type': 'html'},{   'call': '',   'data': '%3Ch1%20tag=%22h1%22%20uid=%223%22%20class=%22System%22%3EServer%20OS%3C/h1%3E%3Ch2%20tag=%22h2%22%20uid=%225%22%20class=%22System%22%3Eserver%20side%20information%3C/h2%3E%3Cpre%20tag=%22pre%22%20uid=%227%22%20class=%22System%22%3ELinux%3C!--%20--%3E%20%7C%20%3C!--%20--%3Ex64%3C!--%20--%3E%20%7C%20%3C!--%20--%3E5.15.133.1-microsoft-standard-WSL2%3C!--%20--%3E%20%3C/pre%3E%3Csection%20tag=%22section%22%20uid=%229%22%20class=%22System%22%20hidden=%22%22%3EDONT%20SHOW%20ME!%3C/section%3E',   'path': '/system',   'name': '',   'type': 'html'}];
+      globalThis[GLOBAL_KEY].renders=[{   'path': '/mnt/b/Repositorios/reactful/experiment/routes/clock.tsx',   'name': 'default$',   'time': '',   'mode': 'dynamic',   'href': '/mnt/b/Repositorios/reactful/experiment/routes/clock.tsx'},{   'path': '/mnt/b/Repositorios/reactful/experiment/routes/quotes.tsx',   'name': 'Quotes',   'time': 1800000,   'mode': 'periodic',   'href': '/mnt/b/Repositorios/reactful/experiment/routes/quotes.tsx'}];
+      globalThis[GLOBAL_KEY].caching=[{   'call': '',   'data': {      'description': 'Time zone clock...',      'title': 'Time Zone'   },   'path': '/mnt/b/Repositorios/reactful/experiment/routes/clock.tsx',   'name': 'default$',   'type': 'meta'},{   'call': '',   'data': {      'description': '...',      'title': 'Counter'   },   'path': '/mnt/b/Repositorios/reactful/experiment/routes/counter.tsx',   'name': 'default',   'type': 'meta'},{   'call': '',   'data': {      'description': 'Hello forms...',      'title': 'Hello'   },   'path': '/mnt/b/Repositorios/reactful/experiment/routes/hello.tsx',   'name': 'default',   'type': 'meta'},{   'call': () => React.createElement(React.Fragment, null, React.createElement('h1', null, 'Profile'), React.createElement(Detail, null), React.createElement('hr', null), React.createElement('p', null, 'modular CSS chainging to red')),   'data': '/profile/:id',   'path': '/mnt/b/Repositorios/reactful/experiment/routes/profile/index.tsx',   'name': '',   'type': 'href'},{   'call': '',   'data': {      'description': 'Profile description',      'title': 'Profile'   },   'path': '/mnt/b/Repositorios/reactful/experiment/routes/profile/index.tsx',   'name': 'default',   'type': 'meta'},{   'call': '',   'data': {      'description': 'Philosophy quotes...',      'title': 'Quotes'   },   'path': '/mnt/b/Repositorios/reactful/experiment/routes/quotes.tsx',   'name': 'Quotes',   'type': 'meta'},{   'call': '',   'data': {      'charset': 'UTF-16',      'rating': 'general',      'keywords': 'hello, hi',      'title': 'System'   },   'path': '/mnt/b/Repositorios/reactful/experiment/routes/system.tsx',   'name': 'System',   'type': 'meta'},{   'call': '',   'data': {      'title': 'About',      'description': 'About page'   },   'path': '/about',   'name': 'default',   'type': 'meta'},{   'call': '',   'data': '%0A%20%20%20%3Ch1%3EAbout%3C/h1%3E%0A%20%20%20%3Cp%3E%0A%20%20%20Lorem%20ipsum%20dolor%20sit%20amet%20consectetur%20adipisicing%20elit.%20%0A%20%20%20Adipisci%20id%20eaque%20saepe%20ab%20numquam,%20nisi%20minus%20atque%20obcaecati,%20%0A%20%20%20dignissimos%20facere%20accusamus%20nihil%20ipsam%20repudiandae%20praesentium,%20%0A%20%20%20quia%20animi%20perspiciatis%20architecto%20fuga?%20%0A%20%20%20%3C/p%3E%20%20%20%20%0A',   'path': '/about',   'name': '',   'type': 'html'},{   'call': '',   'data': '<h3>Loading content...</h3>',   'path': '/clock',   'name': 'default',   'type': 'lazy'},{   'call': '',   'data': '%3Cdiv%20tag=%22TimeZone%22%20uid=%223%22%20own=%22default$%22%20fallback=%22%5Bobject%20Object%5D%22%20class=%22default%22%20retry=%22/clock%22%20hidden=%22%22%3E%3Ch1%3E500%3C/h1%3E%3Cul%3E%3Cli%3EWas%20there%20a%20typo%20in%20the%20url%20or%20port?%3C/li%3E%3C/ul%3E%3C/div%3E',   'path': '/clock',   'name': '',   'type': 'html'},{   'call': '',   'data': '%3Ch1%20tag=%22h1%22%20uid=%223%22%20class=%22default%22%3ECounter%3C/h1%3E%3Cjsx%20tag=%22jsx%22%20uid=%229%22%20own=%22default%22%20src=%22/mnt/b/Repositorios/reactful/experiment/routes/counter.tsx%22%20hidden=%22%22%20class=%22default%22%3E%3Cbutton%20style=%22padding:20px%22%3ECOUNTED:%20%3Cb%3E0%3C/b%3E%3C/button%3E%3C/jsx%3E%3Ch6%20tag=%22h6%22%20uid=%227%22%20class=%22default%22%20hidden=%22%22%3EDONT%20SHOW%20ME!%3C/h6%3E',   'path': '/counter',   'name': '',   'type': 'html'},{   'call': '',   'data': '%3Cjsx%20tag=%22jsx%22%20uid=%222%22%20own=%22default%22%20src=%22/mnt/b/Repositorios/reactful/experiment/routes/forms/form.tsx%22%20hidden=%22%22%20class=%22default%22%3E%3Ch1%3EUncontrolled%20Components%3C/h1%3E%3Cprogress%20hidden=%22%22%3Etest...%3C/progress%3E%3Cform%20cols=%222%22%20method=%22post%22%20action=%22https://jsonplaceholder.typicode.com/posts1%22%3E%3Clabel%3EName%3Cinput%20id=%22name%22%20bind=%22name%22/%3E%3C/label%3E%3Clabel%3EDate%3Cinput%20type=%22date%22%20bind=%22date%22/%3E%3C/label%3E%3Clabel%3EWork%3Cinput%20pattern=%22dev%7Ctest%22%20bind=%22work%22/%3E%3C/label%3E%3Clabel%3EMode%3Cinput%20bind=%22mode%22/%3E%3C/label%3E%3Chr/%3E%3Chr/%3E%3Clabel%3EAccept?%3Cinput%20bind=%22term%22%20type=%22checkbox%22%20required=%22%22/%3E%3C/label%3E%3Cbutton%3ESubmit%3C/button%3E%3C/form%3E%3Cfieldset%3E%3Clegend%3EERROR%3C/legend%3E%3Cul%3E%3C/ul%3E%3C/fieldset%3E%3C/jsx%3E',   'path': '/forms/form',   'name': '',   'type': 'html'},{   'call': '',   'data': '%3Cjsx%20tag=%22jsx%22%20uid=%222%22%20own=%22default%22%20src=%22/mnt/b/Repositorios/reactful/experiment/routes/forms/form.tsx%22%20hidden=%22%22%20class=%22default%22%3E%3Ch1%3EUncontrolled%20Components%3C/h1%3E%3Cprogress%20hidden=%22%22%3Etest...%3C/progress%3E%3Cform%20cols=%222%22%20method=%22post%22%20action=%22https://jsonplaceholder.typicode.com/posts1%22%3E%3Clabel%3EName%3Cinput%20id=%22name%22%20bind=%22name%22/%3E%3C/label%3E%3Clabel%3EDate%3Cinput%20type=%22date%22%20bind=%22date%22/%3E%3C/label%3E%3Clabel%3EWork%3Cinput%20pattern=%22dev%7Ctest%22%20bind=%22work%22/%3E%3C/label%3E%3Clabel%3EMode%3Cinput%20bind=%22mode%22/%3E%3C/label%3E%3Chr/%3E%3Chr/%3E%3Clabel%3EAccept?%3Cinput%20bind=%22term%22%20type=%22checkbox%22%20required=%22%22/%3E%3C/label%3E%3Cbutton%3ESubmit%3C/button%3E%3C/form%3E%3Cfieldset%3E%3Clegend%3EERROR%3C/legend%3E%3Cul%3E%3C/ul%3E%3C/fieldset%3E%3C/jsx%3E',   'path': '/forms/index',   'name': '',   'type': 'html'},{   'call': '',   'data': '%3Cjsx%20tag=%22jsx%22%20uid=%222%22%20own=%22default%22%20src=%22/mnt/b/Repositorios/reactful/experiment/routes/hello.tsx%22%20hidden=%22%22%20class=%22default%22%3E%3Ch1%20style=%22color:wheat%22%3EHello%20Forms%3C/h1%3E%3Cmain%20gaps=%220%2010px%22%20cols=%221%22%3E%3Clabel%3E%3Cb%3ELOCAL%20state%20%3C/b%3E%20%3Ccode%3Efunction(props)%3C/code%3E%3Cbr/%3E%3Cinput%20id=%221%22%20data=%22%5Bobject%20Object%5D%22%20bind=%22value%22%20placeholder=%22%7Bprops%7D%22/%3E%3Cinput%20id=%221.1%22%20bind=%22value%22%20placeholder=%22default%22/%3E%3Cinput%20id=%221.1.1%22%20placeholder=%22inner%22%20data=%22%5Bobject%20Object%5D%22%20bind=%22value%22/%3E%3Clabel%3E%20=%20%3C/label%3E%3C/label%3E%3Clabel%3E%3Cb%3EGLOBAL%20state%3C/b%3E%20%3Ccode%3Efunction(props,%20%3C!--%20--%3E%7B%20store%20%7D%3C!--%20--%3E)%3C/code%3E%3Cbr/%3E%3Cinput%20id=%222%22%20data=%22%5Bobject%20Object%5D%22%20bind=%22value%22%20placeholder=%22outer%22/%3E%3Cinput%20id=%222.1%22%20placeholder=%22inner%22%20bind=%22value%22/%3E%3C/label%3E%3Clabel%3E%3Cb%3EORBITAL%20state%3C/b%3E%20%3Ccode%3EuseStore(...)%20+%20@state(...)%20%3C/code%3E%3Cbr/%3E%3Cinput%20id=%223%22%20data=%22%5Bobject%20Object%5D%22%20bind=%22value%22%20placeholder=%22outer%22/%3E%3Cinput%20id=%223.1%22%20placeholder=%22inner%22%20data=%22%5Bobject%20Object%5D%22%20bind=%22value%22/%3E%3Cinput%20id=%223.2%22%20data=%22%5Bobject%20Object%5D%22%20bind=%22value%22%20placeholder=%22other%22/%3E%20=%20%3C!--%20--%3E1%3C/label%3E%3C/main%3E%3Cbr/%3E%3Chr/%3E%3Ccode%3E%3Cstrong%3Elocal%3C/strong%3E:%20%3Clabel%20id=%22l1%22%3E%3C/label%3E%3Cbr/%3E%3Cstrong%3Eglobal%3C/strong%3E:%20%3Clabel%20id=%22l2%22%3E%3C/label%3E%3Cbr/%3E%3Cstrong%3Eorbital%3C/strong%3E:%20%3Clabel%20id=%22l3%22%3E0%3C/label%3E%3C/code%3E%3C/jsx%3E',   'path': '/hello',   'name': '',   'type': 'html'},{   'call': '',   'data': {      'title': 'Sample',      'description': 'Sample page'   },   'path': '/htmlx',   'name': 'default',   'type': 'meta'},{   'call': '',   'data': '%3Ch1%20style=%22color:wheat%22%3EHTML-X%3C/h1%3E%3Cp%3ELorem%20ipsum%20dolor%20sit%20amet%20consectetur%20adipisicing%20elit.%20Similique%20eum%20quaerat%20nesciunt%20est%20molestias%20accusantium%20aut%20sit%20odit,%20vero%20voluptate%20iure%20vel%20aperiam%20modi%20libero%20in%20praesentium%20nam%20obcaecati%20error!%3C/p%3E',   'path': '/htmlx',   'name': '',   'type': 'html'},{   'call': '',   'data': '%3Ch1%3EWelcome%3C/h1%3E%0A%3Cblockquote%3E%0A%3Cp%3Ewith%20markdown%20(powered%20by%20marked)%3C/p%3E%0A%3C/blockquote%3E%0A%3Ctable%3E%0A%3Cthead%3E%0A%3Ctr%3E%0A%3Cth%20align=%22right%22%3E%3C/th%3E%0A%3Cth%3E%3C/th%3E%0A%3C/tr%3E%0A%3C/thead%3E%0A%3Ctbody%3E%3Ctr%3E%0A%3Ctd%20align=%22right%22%3E%3Ca%20href=%22/about%22%3EAbout%3C/a%3E%3C/td%3E%0A%3Ctd%3EStatic%20generation%20(default)%3C/td%3E%0A%3C/tr%3E%0A%3Ctr%3E%0A%3Ctd%20align=%22right%22%3E%3Ca%20href=%22/clock%22%3EClock%3C/a%3E%3C/td%3E%0A%3Ctd%3EDynamic%20generation%20(with%20lazy)%3C/td%3E%0A%3C/tr%3E%0A%3Ctr%3E%0A%3Ctd%20align=%22right%22%3E%3Ca%20href=%22/htmlx%22%3EHTML-X%3C/a%3E%3C/td%3E%0A%3Ctd%3EHTML%20with%20JSX%20using%20link%5Btype=%22component%22%5D%3C/td%3E%0A%3C/tr%3E%0A%3Ctr%3E%0A%3Ctd%20align=%22right%22%3E%3Ca%20href=%22/system%22%3ESystem%3C/a%3E%3C/td%3E%0A%3Ctd%3EServer%20component%3C/td%3E%0A%3C/tr%3E%0A%3Ctr%3E%0A%3Ctd%20align=%22right%22%3E%3Ca%20href=%22/quotes%22%3EQuotes%3C/a%3E%3C/td%3E%0A%3Ctd%3EPeriodic%20genreation%3C/td%3E%0A%3C/tr%3E%0A%3Ctr%3E%0A%3Ctd%20align=%22right%22%3E%3Ca%20href=%22/counter%22%3ECounter%3C/a%3E%3C/td%3E%0A%3Ctd%3EClient%20component%3C/td%3E%0A%3C/tr%3E%0A%3Ctr%3E%0A%3Ctd%20align=%22right%22%3E%3Ca%20href=%22/hello%22%3EHello%3C/a%3E%3C/td%3E%0A%3Ctd%3EStateful%20object%20+%20data%20bind%20props%3C/td%3E%0A%3C/tr%3E%0A%3Ctr%3E%0A%3Ctd%20align=%22right%22%3E%3Ca%20href=%22/forms%22%3EForms%3C/a%3E%3C/td%3E%0A%3Ctd%3Ereactful%20forms%20+%20validation%20API%20+%20server%20action%3C/td%3E%0A%3C/tr%3E%0A%3Ctr%3E%0A%3Ctd%20align=%22right%22%3E%3Ca%20href=%22/login%22%3ELogin%3C/a%3E%3C/td%3E%0A%3Ctd%3Ereactful%20forms%20server%20action%20authentication%3C/td%3E%0A%3C/tr%3E%0A%3Ctr%3E%0A%3Ctd%20align=%22right%22%3E%3Ca%20href=%22/profile/123%22%3EProfile%3C/a%3E%3C/td%3E%0A%3Ctd%3EParametric%20(dynamic)%20routes%20with%20modular%20CSS%3C/td%3E%0A%3C/tr%3E%0A%3C/tbody%3E%3C/table%3E%0A',   'path': '/index',   'name': '',   'type': 'html'},{   'call': '',   'data': '%3Cjsx%20tag=%22jsx%22%20uid=%222%22%20own=%22default%22%20src=%22/mnt/b/Repositorios/reactful/experiment/routes/login.tsx%22%20hidden=%22%22%20class=%22default%22%3E%3Ch1%3ELogin%3C/h1%3E%3Cprogress%20hidden=%22%22%3Eloading...%3C/progress%3E%3Cform%20method=%22POST%22%20action=%22http://localhost:3000/api/auth%22%20bearer=%22access_token%22%3E%3Csection%20cols=%221%22%3E%3Clabel%3EUserName%3Cinput%20bind=%22username%22/%3E%3C/label%3E%3Clabel%3EPassWord%3Cinput%20type=%22password%22%20bind=%22password%22/%3E%3C/label%3E%3C/section%3E%3Cbutton%3ESubmit%3C/button%3E%3C/form%3E%3Cfieldset%3E%3Clegend%3EERROR%3C/legend%3E%3Cul%3E%3C/ul%3E%3C/fieldset%3E%3Cbr/%3E%3Cfieldset%20style=%22word-break:break-all%22%3E%3Clegend%3Etoken%3C/legend%3E%3C/fieldset%3E%3C/jsx%3E',   'path': '/login',   'name': '',   'type': 'html'},{   'call': '',   'data': '%3Ch1%20tag=%22h1%22%20uid=%223%22%20class=%22default%22%20style=%22color:#ffb300%22%3EProfile%3C/h1%3E%3Cjsx%20tag=%22jsx%22%20uid=%2212%22%20own=%22default%22%20src=%22/mnt/b/Repositorios/reactful/experiment/routes/profile/detail.tsx%22%20hidden=%22%22%20class=%22default%22%3E%3Ch3%3EDetail%3C/h3%3EParametric%20value%20=%20%3Cb%3E%3C/b%3E%3Chr/%3E%3Cp%3Emodular%20CSS%20keep%20original%20color%3C/p%3E%3Cfieldset%3E%3Clegend%3EMode%3C/legend%3E%3Csection%3E%3Cbutton%20link=%22./developer%22%3Edeveloper%3C/button%3E%3Cbutton%20link=%22./manager%22%3Emanager%3C/button%3E%3Cbutton%20link=%22./tester%22%3Etester(component)%3C/button%3E%3C/section%3E%3Chr/%3E%3Csection%20route=%22./developer%22%3E%3Cb%3EDEVELOPER%3C/b%3E%20is%20Lorem%20ipsum%20dolor%20sit%20amet%20consectetur%20adipisicing%20elit.%20Aspernatur%20similique%20ipsa,%20molestiae%20numquam%20laudantium%20quod,%20aliquid%20soluta%20cumque%20placeat%20saepe%20mollitia%20sint%20consectetur%20labore%20consequatur%20pariatur%20praesentium%20animi.%20Obcaecati,%20nihil?%3C/section%3E%3Csection%20route=%22./manager%22%3E%3Cb%3EMANAGER%3C/b%3E%20is%20Lorem%20ipsum%20dolor%20sit%20amet%20consectetur%20adipisicing%20elit.%20Aspernatur%20similique%20ipsa,%20molestiae%20numquam%20laudantium%20quod,%20aliquid%20soluta%20cumque%20placeat%20saepe%20mollitia%20sint%20consectetur%20labore%20consequatur%20pariatur%20praesentium%20animi.%20Obcaecati,%20nihil?%3C/section%3E%3Cdiv%3E%3C/div%3E%3C/fieldset%3E%3C/jsx%3E%3Chr%20tag=%22hr%22%20uid=%228%22%20class=%22default%22/%3E%3Cp%20tag=%22p%22%20uid=%2210%22%20class=%22default%22%20style=%22color:red%22%3Emodular%20CSS%20chainging%20to%20red%3C/p%3E',   'path': '/profile/index',   'name': '',   'type': 'html'},{   'call': '',   'data': '%3Ch1%3EMy%20custom%20error%20component%3C/h1%3E%3Cp%3E%20%3C!--%20--%3EUnable%20to%20connect.%20Is%20the%20computer%20able%20to%20access%20the%20url?%3C!--%20--%3E%20%3C/p%3E%3Chr/%3E%3Ccode%3Eit%20will%20be%20regenerated%20in%20each%2030min(press%20F5%20to%20check)%3C/code%3E',   'path': '/quotes',   'name': '',   'type': 'html'},{   'call': '',   'data': '%3Ch1%20tag=%22h1%22%20uid=%223%22%20class=%22System%22%3EServer%20OS%3C/h1%3E%3Ch2%20tag=%22h2%22%20uid=%225%22%20class=%22System%22%3Eserver%20side%20information%3C/h2%3E%3Cpre%20tag=%22pre%22%20uid=%227%22%20class=%22System%22%3ELinux%3C!--%20--%3E%20%7C%20%3C!--%20--%3Ex64%3C!--%20--%3E%20%7C%20%3C!--%20--%3E5.15.133.1-microsoft-standard-WSL2%3C!--%20--%3E%20%3C/pre%3E%3Csection%20tag=%22section%22%20uid=%229%22%20class=%22System%22%20hidden=%22%22%3EDONT%20SHOW%20ME!%3C/section%3E',   'path': '/system',   'name': '',   'type': 'html'}];
       globalThis[GLOBAL_KEY].context={
    "fails": [],
    "store": {
@@ -71,6 +71,6 @@
    "logon": ""
 };
       globalThis[GLOBAL_KEY].propers=[(props) => props?.shown === !1 ? { ...props, hidden: !0 } : props];
-      globalThis[GLOBAL_KEY].stylers={"/mnt/b/Repositorios/reactful/experiments/routes/forms/form.tsx":["/* form {\r\n   gap: 20px;\r\n   display: grid;\r\n   grid-template-columns: repeat(2, 1fr);\r\n} */\r\n\r\ncode {\r\n   padding: 10px;\r\n   display: block;\r\n   background: silver;\r\n}\r\n\r\nprogress {     \r\n   width: 100%;\r\n   height: 30px; \r\n}\r\n\r\nprogress[value]::-webkit-progress-bar { border-radius: 0; }\r\nprogress[value]::-webkit-progress-value { border-radius: 0; }"],"/mnt/b/Repositorios/reactful/experiments/routes/profile/detail.tsx":["h1 {\n   color: dimgrey;\n   font-size: 1.7rem;\n}\n\nbutton {\n   padding: 10px 20px;\n}\n\nbutton.routed {\n   background: wheat;\n   font-weight: bolder;\n}"],"/mnt/b/Repositorios/reactful/experiments/routes/profile/index.tsx":["h1 {\n   color: #ffb300;\n}\n\np {\n   color:red;\n}\n\n"]};
+      globalThis[GLOBAL_KEY].stylers={"/mnt/b/Repositorios/reactful/experiment/routes/forms/form.tsx":["/* form {\r\n   gap: 20px;\r\n   display: grid;\r\n   grid-template-columns: repeat(2, 1fr);\r\n} */\r\n\r\ncode {\r\n   padding: 10px;\r\n   display: block;\r\n   background: silver;\r\n}\r\n\r\nprogress {     \r\n   width: 100%;\r\n   height: 30px; \r\n}\r\n\r\nprogress[value]::-webkit-progress-bar { border-radius: 0; }\r\nprogress[value]::-webkit-progress-value { border-radius: 0; }"],"/mnt/b/Repositorios/reactful/experiment/routes/profile/detail.tsx":["h1 {\n   color: dimgrey;\n   font-size: 1.7rem;\n}\n\nbutton {\n   padding: 10px 20px;\n}\n\nbutton.routed {\n   background: wheat;\n   font-weight: bolder;\n}"],"/mnt/b/Repositorios/reactful/experiment/routes/profile/index.tsx":["h1 {\n   color: #ffb300;\n}\n\np {\n   color:red;\n}\n\n"]};
       globalThis[GLOBAL_KEY].folders={"apis":"/apis","assets":"/assets","builds":"/builds","routes":"/routes","shares":"/shares","directives":"/directives","components":"/components"};
       globalThis[GLOBAL_KEY].binding={"index":0,"count":0,"state":{},"react":{},"visit":[],"ready":false,"store":{"state":{"1":{"value":0},"2":{"value":1}},"count":2,"react":{"1":[null],"2":[null]}}};

package/templates/sampling/builds/system.html CHANGED Viewed

@@ -13,8 +13,8 @@
       <meta name='description' content='Home page' />
       <meta name='theme-color' content='#333' />
       <meta name='title' content='Welcome' />
-   <script src='/mnt/b/Repositorios/reactful/experiments/builds/shared.js'></script>
-      <script type='module' src='/mnt/b/Repositorios/reactful/experiments/builds/bundle.js'></script></head>
+   <script src='/mnt/b/Repositorios/reactful/experiment/builds/shared.js'></script>
+      <script type='module' src='/mnt/b/Repositorios/reactful/experiment/builds/bundle.js'></script></head>
    <body>
       <div id='root'>
          <h1 tag="h1" uid="3" class="System">Server OS</h1>

package/templates/sampling/index.ts CHANGED Viewed

@@ -10,7 +10,7 @@ await server("/routes", { failure, storage })
 function failure(status, errors) {
    const children: any[] = errors.map((x, i) =>
-         React.createElement('li', { key:i }, x))
+      React.createElement('li', { key: i.toString() }, x))
    return React.createElement('div', {}, [
       React.createElement('h1', {}, status),