npm - @reactful/create - Versions diffs - 1.2.1 → 1.2.3 - Mend

@reactful/create 1.2.1 → 1.2.3

Files changed (73) hide show

package/README.md +7 -7
package/commons/package.json +21 -21
package/commons/tsconfig.json +24 -24
package/index.js +148 -148
package/package.json +31 -31
package/templates/minimal/components/hello.tsx +8 -8
package/templates/minimal/components/icon.tsx +11 -0
package/templates/minimal/components/index.ts +2 -1
package/templates/minimal/routes/index.tsx +7 -6
package/templates/sampling/apis/auth/db.ts +14 -14
package/templates/sampling/apis/auth/index.ts +27 -27
package/templates/sampling/apis/hello.ts +2 -2
package/templates/sampling/apis/quotes.ts +15 -15
package/templates/sampling/apis/sub/index.ts +2 -2
package/templates/sampling/apis/sub/sub.ts +2 -2
package/templates/sampling/assets/bootstrap-icons.css +5 -0
package/templates/sampling/assets/default.css +94 -91
package/templates/sampling/assets/fonts/bootstrap-icons.woff +0 -0
package/templates/sampling/assets/fonts/bootstrap-icons.woff2 +0 -0
package/templates/sampling/assets/icon.svg +6 -6
package/templates/sampling/assets/manifest.json +56 -56
package/templates/sampling/assets/markdown.css +273 -273
package/templates/sampling/assets/robots.txt +1 -1
package/templates/sampling/assets/system.css +6 -6
package/templates/sampling/builds/about.html +29 -26
package/templates/sampling/builds/bundle.js +34763 -13116
package/templates/sampling/builds/bundle.ts +20 -25
package/templates/sampling/builds/clock.html +29 -28
package/templates/sampling/builds/counter.html +30 -29
package/templates/sampling/builds/forms/form.html +48 -47
package/templates/sampling/builds/forms/index.html +48 -47
package/templates/sampling/builds/hello.html +61 -59
package/templates/sampling/builds/htmlx.html +26 -23
package/templates/sampling/builds/htmlx.tsx +12 -12
package/templates/sampling/builds/index.html +98 -97
package/templates/sampling/builds/login.html +47 -44
package/templates/sampling/builds/profile/index.html +54 -53
package/templates/sampling/builds/quotes.html +26 -25
package/templates/sampling/builds/shared.js +77 -76
package/templates/sampling/builds/system.html +27 -26
package/templates/sampling/components/header.tsx +6 -6
package/templates/sampling/components/hello.tsx +9 -0
package/templates/sampling/components/icon.tsx +11 -0
package/templates/sampling/components/index.ts +3 -0
package/templates/sampling/index.html +20 -19
package/templates/sampling/index.ts +18 -18
package/templates/sampling/routes/about.html +12 -12
package/templates/sampling/routes/clock.tsx +36 -35
package/templates/sampling/routes/forms/form.tsx +50 -50
package/templates/sampling/routes/hello.tsx +58 -61
package/templates/sampling/routes/htmlx.html +14 -14
package/templates/sampling/routes/index.md +15 -15
package/templates/sampling/routes/login.tsx +35 -35
package/templates/sampling/routes/profile/detail.css +12 -12
package/templates/sampling/routes/profile/detail.tsx +47 -47
package/templates/sampling/routes/profile/index.tsx +13 -13
package/templates/sampling/routes/profile/profile.css +8 -8
package/templates/sampling/routes/profile/tester.tsx +10 -10
package/templates/sampling/routes/system.tsx +1 -0
package/templates/sampling/tests/access.spec.ts +29 -29
package/templates/sampling/tests/counter.spec.ts +18 -18
package/templates/sampling/tests/form.spec.ts +50 -50
package/templates/sampling/tests/hello.spec.ts +24 -24
package/templates/sampling/tests/path.test.ts +19 -19
package/vscode/launch.json +8 -8
package/templates/sampling/builds/client.ts +0 -1
/package/templates/sampling/assets/{logo-144.png → logos/logo-144.png} +0 -0
/package/templates/sampling/assets/{logo-168.png → logos/logo-168.png} +0 -0
/package/templates/sampling/assets/{logo-192.png → logos/logo-192.png} +0 -0
/package/templates/sampling/assets/{logo-48.png → logos/logo-48.png} +0 -0
/package/templates/sampling/assets/{logo-512.png → logos/logo-512.png} +0 -0
/package/templates/sampling/assets/{logo-72.png → logos/logo-72.png} +0 -0
/package/templates/sampling/assets/{logo-96.png → logos/logo-96.png} +0 -0

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

@@ -1,25 +1,20 @@
-import { GLOBAL_KEY } from '@reactful/commons'
-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/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/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/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/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/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);
+import { GLOBAL_KEY } from '@reactful/commons';
+await import('/mnt/b/Repositorios/reactful/node_modules/@reactful/server/npm/guest/client').then(x => x.default());
+globalThis[GLOBAL_KEY].clients ||= {}
+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'] = 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'] = 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'] = 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'] = 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'] = x);

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

@@ -1,29 +1,30 @@
-<!DOCTYPE html>
-<html lang="en">
-   <head>
-      <meta charset="UTF-8">
-      <meta name="viewport" content="width=device-width, initial-scale=1.0">
-      <meta name="description" content="Home page">
-      <meta name="theme-color" content="#333">
-      <link rel="stylesheet" href="/assets/markdown.css">
-      <link rel="stylesheet" href="/assets/default.css">
-      <link rel="manifest" href="/assets/manifest.json">
-      <title>Welcome</title>
-      <meta name='viewport' content='width=device-width, initial-scale=1.0' />
-      <meta name='description' content='Home page' />
-      <meta name='theme-color' content='#333' />
-      <meta name='title' content='Welcome' />
-   <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'>
-         <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>
+<!DOCTYPE html>
+<html lang="en">
+   <head>
+      <meta charset="UTF-8">
+      <meta name="viewport" content="width=device-width, initial-scale=1.0">
+      <meta name="description" content="Home page">
+      <meta name="theme-color" content="#333">
+      <link rel="stylesheet" href="/assets/bootstrap-icons.css">
+      <link rel="stylesheet" href="/assets/markdown.css">
+      <link rel="stylesheet" href="/assets/default.css">
+      <link rel="manifest" href="/assets/manifest.json">
+      <title>Welcome</title>
+      <meta name='viewport' content='width=device-width, initial-scale=1.0' />
+      <meta name='description' content='Home page' />
+      <meta name='theme-color' content='#333' />
+      <meta name='title' content='Welcome' />
+   <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-4-10<!-- -->
+            <!-- -->18:34:20<!-- --> </h3>
+         <h4
+            await="{&quot;name&quot;:&quot;InnerAsyncComponent&quot;,&quot;path&quot;:&quot;/mnt/b/Repositorios/reactful/experiment/routes/clock.tsx&quot;}"
+            tag="h4" uid="12" class="TimeZone">loading...</h4>
+      </div>
+   </body>
 </html>

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

@@ -1,30 +1,31 @@
-<!DOCTYPE html>
-<html lang="en">
-   <head>
-      <meta charset="UTF-8">
-      <meta name="viewport" content="width=device-width, initial-scale=1.0">
-      <meta name="description" content="Home page">
-      <meta name="theme-color" content="#333">
-      <link rel="stylesheet" href="/assets/markdown.css">
-      <link rel="stylesheet" href="/assets/default.css">
-      <link rel="manifest" href="/assets/manifest.json">
-      <title>Welcome</title>
-      <meta name='viewport' content='width=device-width, initial-scale=1.0' />
-      <meta name='description' content='Home page' />
-      <meta name='theme-color' content='#333' />
-      <meta name='title' content='Welcome' />
-   <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/experiment/routes/counter.tsx" hidden
-            class="default">
-            <button style="padding:20px">COUNTED: <b>0</b>
-            </button>
-         </jsx>
-         <h6 tag="h6" uid="7" class="default" hidden>DONT SHOW ME!</h6>
-      </div>
-   </body>
+<!DOCTYPE html>
+<html lang="en">
+   <head>
+      <meta charset="UTF-8">
+      <meta name="viewport" content="width=device-width, initial-scale=1.0">
+      <meta name="description" content="Home page">
+      <meta name="theme-color" content="#333">
+      <link rel="stylesheet" href="/assets/bootstrap-icons.css">
+      <link rel="stylesheet" href="/assets/markdown.css">
+      <link rel="stylesheet" href="/assets/default.css">
+      <link rel="manifest" href="/assets/manifest.json">
+      <title>Welcome</title>
+      <meta name='viewport' content='width=device-width, initial-scale=1.0' />
+      <meta name='description' content='Home page' />
+      <meta name='theme-color' content='#333' />
+      <meta name='title' content='Welcome' />
+   <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/experiment/routes/counter.tsx" hidden
+            class="default">
+            <button style="padding:20px">COUNTED: <b>0</b>
+            </button>
+         </jsx>
+         <h6 tag="h6" uid="7" class="default" hidden>DONT SHOW ME!</h6>
+      </div>
+   </body>
 </html>

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

@@ -1,48 +1,49 @@
-<!DOCTYPE html>
-<html lang="en">
-   <head>
-      <meta charset="UTF-8">
-      <meta name="viewport" content="width=device-width, initial-scale=1.0">
-      <meta name="description" content="Home page">
-      <meta name="theme-color" content="#333">
-      <link rel="stylesheet" href="/assets/markdown.css">
-      <link rel="stylesheet" href="/assets/default.css">
-      <link rel="manifest" href="/assets/manifest.json">
-      <title>Welcome</title>
-      <meta name='viewport' content='width=device-width, initial-scale=1.0' />
-      <meta name='description' content='Home page' />
-      <meta name='theme-color' content='#333' />
-      <meta name='title' content='Welcome' />
-   <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/experiment/routes/forms/form.tsx" hidden
-            class="default">
-            <h1>Uncontrolled Components</h1>
-            <progress hidden>test...</progress>
-            <form cols="2" method="post" action="https://jsonplaceholder.typicode.com/posts1">
-               <label>Name<input id="name" bind="name" />
-               </label>
-               <label>Date<input type="date" bind="date" />
-               </label>
-               <label>Work<input pattern="dev|test" bind="work" />
-               </label>
-               <label>Mode<input bind="mode" />
-               </label>
-               <hr />
-               <hr />
-               <label>Accept?<input bind="term" type="checkbox" required />
-               </label>
-               <button>Submit</button>
-            </form>
-            <fieldset>
-               <legend>ERROR</legend>
-               <ul>
-               </ul>
-            </fieldset>
-         </jsx>
-      </div>
-   </body>
+<!DOCTYPE html>
+<html lang="en">
+   <head>
+      <meta charset="UTF-8">
+      <meta name="viewport" content="width=device-width, initial-scale=1.0">
+      <meta name="description" content="Home page">
+      <meta name="theme-color" content="#333">
+      <link rel="stylesheet" href="/assets/bootstrap-icons.css">
+      <link rel="stylesheet" href="/assets/markdown.css">
+      <link rel="stylesheet" href="/assets/default.css">
+      <link rel="manifest" href="/assets/manifest.json">
+      <title>Welcome</title>
+      <meta name='viewport' content='width=device-width, initial-scale=1.0' />
+      <meta name='description' content='Home page' />
+      <meta name='theme-color' content='#333' />
+      <meta name='title' content='Welcome' />
+   <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/experiment/routes/forms/form.tsx" hidden
+            class="default">
+            <h1>Uncontrolled Components</h1>
+            <progress hidden>test...</progress>
+            <form cols="2" method="post" action="https://jsonplaceholder.typicode.com/posts1">
+               <label>Name<input id="name" bind="name" />
+               </label>
+               <label>Date<input type="date" bind="date" />
+               </label>
+               <label>Work<input pattern="dev|test" bind="work" />
+               </label>
+               <label>Mode<input bind="mode" />
+               </label>
+               <hr />
+               <hr />
+               <label>Accept?<input bind="term" type="checkbox" required />
+               </label>
+               <button>Submit</button>
+            </form>
+            <fieldset>
+               <legend>ERROR</legend>
+               <ul>
+               </ul>
+            </fieldset>
+         </jsx>
+      </div>
+   </body>
 </html>

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

@@ -1,48 +1,49 @@
-<!DOCTYPE html>
-<html lang="en">
-   <head>
-      <meta charset="UTF-8">
-      <meta name="viewport" content="width=device-width, initial-scale=1.0">
-      <meta name="description" content="Home page">
-      <meta name="theme-color" content="#333">
-      <link rel="stylesheet" href="/assets/markdown.css">
-      <link rel="stylesheet" href="/assets/default.css">
-      <link rel="manifest" href="/assets/manifest.json">
-      <title>Welcome</title>
-      <meta name='viewport' content='width=device-width, initial-scale=1.0' />
-      <meta name='description' content='Home page' />
-      <meta name='theme-color' content='#333' />
-      <meta name='title' content='Welcome' />
-   <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/experiment/routes/forms/form.tsx" hidden
-            class="default">
-            <h1>Uncontrolled Components</h1>
-            <progress hidden>test...</progress>
-            <form cols="2" method="post" action="https://jsonplaceholder.typicode.com/posts1">
-               <label>Name<input id="name" bind="name" />
-               </label>
-               <label>Date<input type="date" bind="date" />
-               </label>
-               <label>Work<input pattern="dev|test" bind="work" />
-               </label>
-               <label>Mode<input bind="mode" />
-               </label>
-               <hr />
-               <hr />
-               <label>Accept?<input bind="term" type="checkbox" required />
-               </label>
-               <button>Submit</button>
-            </form>
-            <fieldset>
-               <legend>ERROR</legend>
-               <ul>
-               </ul>
-            </fieldset>
-         </jsx>
-      </div>
-   </body>
+<!DOCTYPE html>
+<html lang="en">
+   <head>
+      <meta charset="UTF-8">
+      <meta name="viewport" content="width=device-width, initial-scale=1.0">
+      <meta name="description" content="Home page">
+      <meta name="theme-color" content="#333">
+      <link rel="stylesheet" href="/assets/bootstrap-icons.css">
+      <link rel="stylesheet" href="/assets/markdown.css">
+      <link rel="stylesheet" href="/assets/default.css">
+      <link rel="manifest" href="/assets/manifest.json">
+      <title>Welcome</title>
+      <meta name='viewport' content='width=device-width, initial-scale=1.0' />
+      <meta name='description' content='Home page' />
+      <meta name='theme-color' content='#333' />
+      <meta name='title' content='Welcome' />
+   <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/experiment/routes/forms/form.tsx" hidden
+            class="default">
+            <h1>Uncontrolled Components</h1>
+            <progress hidden>test...</progress>
+            <form cols="2" method="post" action="https://jsonplaceholder.typicode.com/posts1">
+               <label>Name<input id="name" bind="name" />
+               </label>
+               <label>Date<input type="date" bind="date" />
+               </label>
+               <label>Work<input pattern="dev|test" bind="work" />
+               </label>
+               <label>Mode<input bind="mode" />
+               </label>
+               <hr />
+               <hr />
+               <label>Accept?<input bind="term" type="checkbox" required />
+               </label>
+               <button>Submit</button>
+            </form>
+            <fieldset>
+               <legend>ERROR</legend>
+               <ul>
+               </ul>
+            </fieldset>
+         </jsx>
+      </div>
+   </body>
 </html>

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

@@ -1,60 +1,62 @@
-<!DOCTYPE html>
-<html lang="en">
-   <head>
-      <meta charset="UTF-8">
-      <meta name="viewport" content="width=device-width, initial-scale=1.0">
-      <meta name="description" content="Home page">
-      <meta name="theme-color" content="#333">
-      <link rel="stylesheet" href="/assets/markdown.css">
-      <link rel="stylesheet" href="/assets/default.css">
-      <link rel="manifest" href="/assets/manifest.json">
-      <title>Welcome</title>
-      <meta name='viewport' content='width=device-width, initial-scale=1.0' />
-      <meta name='description' content='Home page' />
-      <meta name='theme-color' content='#333' />
-      <meta name='title' content='Welcome' />
-   <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/experiment/routes/hello.tsx" hidden class="default">
-            <h1 style="color:wheat">Hello Forms</h1>
-            <main gaps="0 10px" cols="1">
-               <label>
-                  <b>LOCAL state </b> <code>function(props)</code>
-                  <br />
-                  <input id="1" data="[object Object]" bind="value" placeholder="{props}" />
-                  <input id="1.1" bind="value" placeholder="default" />
-                  <input id="1.1.1" placeholder="inner" data="[object Object]" bind="value" />
-                  <label> = </label>
-               </label>
-               <label>
-                  <b>GLOBAL state</b> <code>function(props, <!-- -->{ store }<!-- -->)</code>
-                  <br />
-                  <input id="2" data="[object Object]" bind="value" placeholder="outer" />
-                  <input id="2.1" placeholder="inner" bind="value" />
-               </label>
-               <label>
-                  <b>ORBITAL state</b> <code>useStore(...) + @state(...) </code>
-                  <br />
-                  <input id="3" data="[object Object]" bind="value" placeholder="outer" />
-                  <input id="3.1" placeholder="inner" data="[object Object]" bind="value" />
-                  <input id="3.2" data="[object Object]" bind="value" placeholder="other" /> =
-                  <!-- -->1</label>
-            </main>
-            <br />
-            <hr />
-            <code>
-               <strong>local</strong>: <label id="l1">
-               </label>
-               <br />
-               <strong>global</strong>: <label id="l2">
-               </label>
-               <br />
-               <strong>orbital</strong>: <label id="l3">0</label>
-            </code>
-         </jsx>
-      </div>
-   </body>
+<!DOCTYPE html>
+<html lang="en">
+   <head>
+      <meta charset="UTF-8">
+      <meta name="viewport" content="width=device-width, initial-scale=1.0">
+      <meta name="description" content="Home page">
+      <meta name="theme-color" content="#333">
+      <link rel="stylesheet" href="/assets/bootstrap-icons.css">
+      <link rel="stylesheet" href="/assets/markdown.css">
+      <link rel="stylesheet" href="/assets/default.css">
+      <link rel="manifest" href="/assets/manifest.json">
+      <title>Welcome</title>
+      <meta name='viewport' content='width=device-width, initial-scale=1.0' />
+      <meta name='description' content='Home page' />
+      <meta name='theme-color' content='#333' />
+      <meta name='title' content='Welcome' />
+   <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/experiment/routes/hello.tsx" hidden class="default">
+            <h1 style="color:wheat">Hello Forms</h1>
+            <main gaps="0 10px" cols="1" class="hello">
+               <label>
+                  <b>LOCAL state </b> <code>function(props)</code>
+                  <br />
+                  <input id="1" data="[object Object]" bind="value" placeholder="{props}" />
+                  <input id="1.1" bind="value" placeholder="default" />
+                  <input id="1.1.1" placeholder="inner" style="text-align:right"
+                     data="[object Object]" bind="value" />
+                  <label> = </label>
+               </label>
+               <label>
+                  <b>GLOBAL state</b> <code>function(props, <!-- -->{ store }<!-- -->)</code>
+                  <br />
+                  <input id="2" data="[object Object]" bind="value" placeholder="outer" />
+                  <input id="2.1" placeholder="inner" bind="value" />
+               </label>
+               <label>
+                  <b>ORBITAL state</b> <code>useStore(...) + @client(true, ...) </code>
+                  <br />
+                  <input id="3" data="[object Object]" bind="value" placeholder="outer" />
+                  <input id="3.1" placeholder="inner" data="[object Object]" bind="value" />
+                  <input id="3.2" style="text-align:right" data="[object Object]" bind="value"
+                     placeholder="other" /> = <!-- -->99</label>
+            </main>
+            <br />
+            <hr />
+            <code>
+               <strong>local</strong>: <label id="l1">
+               </label>
+               <br />
+               <strong>global</strong>: <label id="l2">
+               </label>
+               <br />
+               <strong>orbital</strong>: <label id="l3">11</label>
+            </code>
+         </jsx>
+      </div>
+   </body>
 </html>

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

@@ -1,24 +1,27 @@
-<!DOCTYPE html>
-<html lang="en">
-   <head>
-      <meta charset="UTF-8">
-      <meta name="viewport" content="width=device-width, initial-scale=1.0">
-      <meta name="description" content="Home page">
-      <meta name="theme-color" content="#333">
-      <link rel="stylesheet" href="/assets/markdown.css">
-      <link rel="stylesheet" href="/assets/default.css">
-      <link rel="manifest" href="/assets/manifest.json">
-      <title>Sample</title>
-      <meta name='title' content='Sample' />
-      <meta name='description' content='Sample page' />
-   <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>
-         <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Similique eum quaerat nesciunt
-            est molestias accusantium aut sit odit, vero voluptate iure vel aperiam modi libero in
-            praesentium nam obcaecati error!</p>
-      </div>
-   </body>
+<!DOCTYPE html>
+<html lang="en">
+   <head>
+      <meta charset="UTF-8">
+      <meta name="viewport" content="width=device-width, initial-scale=1.0">
+      <meta name="description" content="Home page">
+      <meta name="theme-color" content="#333">
+      <link rel="stylesheet" href="/assets/bootstrap-icons.css">
+      <link rel="stylesheet" href="/assets/markdown.css">
+      <link rel="stylesheet" href="/assets/default.css">
+      <link rel="manifest" href="/assets/manifest.json">
+      <title>Welcome</title>
+      <meta name='viewport' content='width=device-width, initial-scale=1.0' />
+      <meta name='description' content='Home page' />
+      <meta name='theme-color' content='#333' />
+      <meta name='title' content='Welcome' />
+   <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>
+         <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Similique eum quaerat nesciunt
+            est molestias accusantium aut sit odit, vero voluptate iure vel aperiam modi libero in
+            praesentium nam obcaecati error!</p>
+      </div>
+   </body>
 </html>

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

@@ -1,13 +1,13 @@
-import React from 'react'
-import { Header } from '../components/header.tsx'
-export default function() {
-	return <>
-   <Header title="HTML-X" />
-   <p>
-      Lorem ipsum dolor sit amet consectetur adipisicing elit.
-      Similique eum quaerat nesciunt est molestias accusantium
-      aut sit odit, vero voluptate iure vel aperiam modi libero
-      in praesentium nam obcaecati error!
-   </p>
-</>
+import React from 'react'
+import { Header } from '../components/header'
+export default function() {
+	return <>
+   <Header title="HTML-X" />
+   <p>
+      Lorem ipsum dolor sit amet consectetur adipisicing elit.
+      Similique eum quaerat nesciunt est molestias accusantium
+      aut sit odit, vero voluptate iure vel aperiam modi libero
+      in praesentium nam obcaecati error!
+   </p>
+</>
 }