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

@reactful/create 1.2.1 → 1.2.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (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>
+</>
 }