@reactful/create 1.2.1 → 1.2.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (43) hide show
  1. package/package.json +1 -1
  2. package/templates/minimal/components/icon.tsx +11 -0
  3. package/templates/minimal/components/index.ts +2 -1
  4. package/templates/minimal/routes/index.tsx +2 -1
  5. package/templates/sampling/assets/bootstrap-icons.css +5 -0
  6. package/templates/sampling/assets/default.css +4 -1
  7. package/templates/sampling/assets/fonts/bootstrap-icons.woff +0 -0
  8. package/templates/sampling/assets/fonts/bootstrap-icons.woff2 +0 -0
  9. package/templates/sampling/assets/manifest.json +7 -7
  10. package/templates/sampling/builds/about.html +6 -3
  11. package/templates/sampling/builds/bundle.js +26017 -4370
  12. package/templates/sampling/builds/bundle.ts +7 -12
  13. package/templates/sampling/builds/clock.html +8 -7
  14. package/templates/sampling/builds/counter.html +1 -0
  15. package/templates/sampling/builds/forms/form.html +1 -0
  16. package/templates/sampling/builds/forms/index.html +1 -0
  17. package/templates/sampling/builds/hello.html +8 -6
  18. package/templates/sampling/builds/htmlx.html +6 -3
  19. package/templates/sampling/builds/htmlx.tsx +1 -1
  20. package/templates/sampling/builds/index.html +3 -2
  21. package/templates/sampling/builds/login.html +4 -1
  22. package/templates/sampling/builds/profile/index.html +1 -0
  23. package/templates/sampling/builds/quotes.html +1 -0
  24. package/templates/sampling/builds/shared.js +10 -9
  25. package/templates/sampling/builds/system.html +1 -0
  26. package/templates/sampling/components/hello.tsx +9 -0
  27. package/templates/sampling/components/icon.tsx +11 -0
  28. package/templates/sampling/components/index.ts +3 -0
  29. package/templates/sampling/index.html +1 -0
  30. package/templates/sampling/routes/clock.tsx +8 -7
  31. package/templates/sampling/routes/hello.tsx +26 -29
  32. package/templates/sampling/routes/index.md +12 -12
  33. package/templates/sampling/routes/login.tsx +3 -3
  34. package/templates/sampling/routes/profile/tester.tsx +1 -1
  35. package/templates/sampling/routes/system.tsx +1 -0
  36. package/templates/sampling/builds/client.ts +0 -1
  37. /package/templates/sampling/assets/{logo-144.png → logos/logo-144.png} +0 -0
  38. /package/templates/sampling/assets/{logo-168.png → logos/logo-168.png} +0 -0
  39. /package/templates/sampling/assets/{logo-192.png → logos/logo-192.png} +0 -0
  40. /package/templates/sampling/assets/{logo-48.png → logos/logo-48.png} +0 -0
  41. /package/templates/sampling/assets/{logo-512.png → logos/logo-512.png} +0 -0
  42. /package/templates/sampling/assets/{logo-72.png → logos/logo-72.png} +0 -0
  43. /package/templates/sampling/assets/{logo-96.png → logos/logo-96.png} +0 -0
package/templates/sampling/builds/bundle.ts CHANGED
@@ -1,25 +1,20 @@
1
1
 
2
- import { GLOBAL_KEY } from '@reactful/commons'
3
- await import('/mnt/b/Repositorios/reactful/experiment/builds/client.ts').then(x => x.default());
2
+ import { GLOBAL_KEY } from '@reactful/commons';
3
+ await import('/mnt/b/Repositorios/reactful/node_modules/@reactful/server/npm/guest/client').then(x => x.default());
4
4
  globalThis[GLOBAL_KEY].clients ||= {}
5
5
 
6
6
  globalThis[GLOBAL_KEY].clients['/mnt/b/Repositorios/reactful/experiment/routes/counter.tsx'] = { off:false, tag:'CountButton' }
7
- import('/mnt/b/Repositorios/reactful/experiment/routes/counter.tsx').then(x => x.CountButton)
8
- .then(x => globalThis[GLOBAL_KEY].clients['/mnt/b/Repositorios/reactful/experiment/routes/counter.tsx'].jsx = x);
7
+ 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);
9
8
 
10
9
  globalThis[GLOBAL_KEY].clients['/mnt/b/Repositorios/reactful/experiment/routes/forms/form.tsx'] = { off:false, tag:'default' }
11
- import('/mnt/b/Repositorios/reactful/experiment/routes/forms/form.tsx').then(x => x.default)
12
- .then(x => globalThis[GLOBAL_KEY].clients['/mnt/b/Repositorios/reactful/experiment/routes/forms/form.tsx'].jsx = x);
10
+ 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);
13
11
 
14
12
  globalThis[GLOBAL_KEY].clients['/mnt/b/Repositorios/reactful/experiment/routes/hello.tsx'] = { off:false, tag:'Hello' }
15
- import('/mnt/b/Repositorios/reactful/experiment/routes/hello.tsx').then(x => x.default)
16
- .then(x => globalThis[GLOBAL_KEY].clients['/mnt/b/Repositorios/reactful/experiment/routes/hello.tsx'].jsx = x);
13
+ 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);
17
14
 
18
15
  globalThis[GLOBAL_KEY].clients['/mnt/b/Repositorios/reactful/experiment/routes/login.tsx'] = { off:false, tag:'default' }
19
- import('/mnt/b/Repositorios/reactful/experiment/routes/login.tsx').then(x => x.default)
20
- .then(x => globalThis[GLOBAL_KEY].clients['/mnt/b/Repositorios/reactful/experiment/routes/login.tsx'].jsx = x);
16
+ 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);
21
17
 
22
18
  globalThis[GLOBAL_KEY].clients['/mnt/b/Repositorios/reactful/experiment/routes/profile/detail.tsx'] = { off:false, tag:'Detail' }
23
- import('/mnt/b/Repositorios/reactful/experiment/routes/profile/detail.tsx').then(x => x.Detail)
24
- .then(x => globalThis[GLOBAL_KEY].clients['/mnt/b/Repositorios/reactful/experiment/routes/profile/detail.tsx'].jsx = x);
19
+ 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);
25
20
 
package/templates/sampling/builds/clock.html CHANGED
@@ -5,6 +5,7 @@
5
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
6
  <meta name="description" content="Home page">
7
7
  <meta name="theme-color" content="#333">
8
+ <link rel="stylesheet" href="/assets/bootstrap-icons.css">
8
9
  <link rel="stylesheet" href="/assets/markdown.css">
9
10
  <link rel="stylesheet" href="/assets/default.css">
10
11
  <link rel="manifest" href="/assets/manifest.json">
@@ -17,13 +18,13 @@
17
18
  <script type='module' src='/mnt/b/Repositorios/reactful/experiment/builds/bundle.js'></script></head>
18
19
  <body>
19
20
  <div id='root'>
20
- <div tag="TimeZone" uid="3" own="default$" fallback="[object Object]" class="default"
21
- retry="/clock" hidden>
22
- <h1>500</h1>
23
- <ul>
24
- <li>Was there a typo in the url or port?</li>
25
- </ul>
26
- </div>
21
+ <h1 tag="h1" uid="6" class="TimeZone">World Clock</h1>
22
+ <h2 tag="h2" uid="8" class="TimeZone">Europe/Amistedan timezone</h2>
23
+ <h3 style="color:yellow" tag="h3" uid="10" class="TimeZone"> <!-- -->2024-4-10<!-- -->
24
+ <!-- -->18:34:20<!-- --> </h3>
25
+ <h4
26
+ await="{&quot;name&quot;:&quot;InnerAsyncComponent&quot;,&quot;path&quot;:&quot;/mnt/b/Repositorios/reactful/experiment/routes/clock.tsx&quot;}"
27
+ tag="h4" uid="12" class="TimeZone">loading...</h4>
27
28
  </div>
28
29
  </body>
29
30
  </html>
package/templates/sampling/builds/counter.html CHANGED
@@ -5,6 +5,7 @@
5
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
6
  <meta name="description" content="Home page">
7
7
  <meta name="theme-color" content="#333">
8
+ <link rel="stylesheet" href="/assets/bootstrap-icons.css">
8
9
  <link rel="stylesheet" href="/assets/markdown.css">
9
10
  <link rel="stylesheet" href="/assets/default.css">
10
11
  <link rel="manifest" href="/assets/manifest.json">
package/templates/sampling/builds/forms/form.html CHANGED
@@ -5,6 +5,7 @@
5
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
6
  <meta name="description" content="Home page">
7
7
  <meta name="theme-color" content="#333">
8
+ <link rel="stylesheet" href="/assets/bootstrap-icons.css">
8
9
  <link rel="stylesheet" href="/assets/markdown.css">
9
10
  <link rel="stylesheet" href="/assets/default.css">
10
11
  <link rel="manifest" href="/assets/manifest.json">
package/templates/sampling/builds/forms/index.html CHANGED
@@ -5,6 +5,7 @@
5
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
6
  <meta name="description" content="Home page">
7
7
  <meta name="theme-color" content="#333">
8
+ <link rel="stylesheet" href="/assets/bootstrap-icons.css">
8
9
  <link rel="stylesheet" href="/assets/markdown.css">
9
10
  <link rel="stylesheet" href="/assets/default.css">
10
11
  <link rel="manifest" href="/assets/manifest.json">
package/templates/sampling/builds/hello.html CHANGED
@@ -5,6 +5,7 @@
5
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
6
  <meta name="description" content="Home page">
7
7
  <meta name="theme-color" content="#333">
8
+ <link rel="stylesheet" href="/assets/bootstrap-icons.css">
8
9
  <link rel="stylesheet" href="/assets/markdown.css">
9
10
  <link rel="stylesheet" href="/assets/default.css">
10
11
  <link rel="manifest" href="/assets/manifest.json">
@@ -20,13 +21,14 @@
20
21
  <jsx tag="jsx" uid="2" own="default"
21
22
  src="/mnt/b/Repositorios/reactful/experiment/routes/hello.tsx" hidden class="default">
22
23
  <h1 style="color:wheat">Hello Forms</h1>
23
- <main gaps="0 10px" cols="1">
24
+ <main gaps="0 10px" cols="1" class="hello">
24
25
  <label>
25
26
  <b>LOCAL state </b> <code>function(props)</code>
26
27
  <br />
27
28
  <input id="1" data="[object Object]" bind="value" placeholder="{props}" />
28
29
  <input id="1.1" bind="value" placeholder="default" />
29
- <input id="1.1.1" placeholder="inner" data="[object Object]" bind="value" />
30
+ <input id="1.1.1" placeholder="inner" style="text-align:right"
31
+ data="[object Object]" bind="value" />
30
32
  <label> = </label>
31
33
  </label>
32
34
  <label>
@@ -36,12 +38,12 @@
36
38
  <input id="2.1" placeholder="inner" bind="value" />
37
39
  </label>
38
40
  <label>
39
- <b>ORBITAL state</b> <code>useStore(...) + @state(...) </code>
41
+ <b>ORBITAL state</b> <code>useStore(...) + @client(true, ...) </code>
40
42
  <br />
41
43
  <input id="3" data="[object Object]" bind="value" placeholder="outer" />
42
44
  <input id="3.1" placeholder="inner" data="[object Object]" bind="value" />
43
- <input id="3.2" data="[object Object]" bind="value" placeholder="other" /> =
44
- <!-- -->1</label>
45
+ <input id="3.2" style="text-align:right" data="[object Object]" bind="value"
46
+ placeholder="other" /> = <!-- -->99</label>
45
47
  </main>
46
48
  <br />
47
49
  <hr />
@@ -52,7 +54,7 @@
52
54
  <strong>global</strong>: <label id="l2">
53
55
  </label>
54
56
  <br />
55
- <strong>orbital</strong>: <label id="l3">0</label>
57
+ <strong>orbital</strong>: <label id="l3">11</label>
56
58
  </code>
57
59
  </jsx>
58
60
  </div>
package/templates/sampling/builds/htmlx.html CHANGED
@@ -5,12 +5,15 @@
5
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
6
  <meta name="description" content="Home page">
7
7
  <meta name="theme-color" content="#333">
8
+ <link rel="stylesheet" href="/assets/bootstrap-icons.css">
8
9
  <link rel="stylesheet" href="/assets/markdown.css">
9
10
  <link rel="stylesheet" href="/assets/default.css">
10
11
  <link rel="manifest" href="/assets/manifest.json">
11
- <title>Sample</title>
12
- <meta name='title' content='Sample' />
13
- <meta name='description' content='Sample page' />
12
+ <title>Welcome</title>
13
+ <meta name='viewport' content='width=device-width, initial-scale=1.0' />
14
+ <meta name='description' content='Home page' />
15
+ <meta name='theme-color' content='#333' />
16
+ <meta name='title' content='Welcome' />
14
17
  <script src='/mnt/b/Repositorios/reactful/experiment/builds/shared.js'></script>
15
18
  <script type='module' src='/mnt/b/Repositorios/reactful/experiment/builds/bundle.js'></script></head>
16
19
  <body>
package/templates/sampling/builds/htmlx.tsx CHANGED
@@ -1,5 +1,5 @@
1
1
  import React from 'react'
2
- import { Header } from '../components/header.tsx'
2
+ import { Header } from '../components/header'
3
3
  export default function() {
4
4
  return <>
5
5
  <Header title="HTML-X" />
package/templates/sampling/builds/index.html CHANGED
@@ -5,6 +5,7 @@
5
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
6
  <meta name="description" content="Home page">
7
7
  <meta name="theme-color" content="#333">
8
+ <link rel="stylesheet" href="/assets/bootstrap-icons.css">
8
9
  <link rel="stylesheet" href="/assets/markdown.css">
9
10
  <link rel="stylesheet" href="/assets/default.css">
10
11
  <link rel="manifest" href="/assets/manifest.json">
@@ -77,13 +78,13 @@
77
78
  <td align="right">
78
79
  <a href="/forms">Forms</a>
79
80
  </td>
80
- <td>reactful forms + validation API + server action</td>
81
+ <td>reactful forms + validation API + RESTful action</td>
81
82
  </tr>
82
83
  <tr>
83
84
  <td align="right">
84
85
  <a href="/login">Login</a>
85
86
  </td>
86
- <td>reactful forms server action authentication</td>
87
+ <td>reactful forms RESTful action authentication</td>
87
88
  </tr>
88
89
  <tr>
89
90
  <td align="right">
package/templates/sampling/builds/login.html CHANGED
@@ -5,6 +5,7 @@
5
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
6
  <meta name="description" content="Home page">
7
7
  <meta name="theme-color" content="#333">
8
+ <link rel="stylesheet" href="/assets/bootstrap-icons.css">
8
9
  <link rel="stylesheet" href="/assets/markdown.css">
9
10
  <link rel="stylesheet" href="/assets/default.css">
10
11
  <link rel="manifest" href="/assets/manifest.json">
@@ -19,7 +20,9 @@
19
20
  <div id='root'>
20
21
  <jsx tag="jsx" uid="2" own="default"
21
22
  src="/mnt/b/Repositorios/reactful/experiment/routes/login.tsx" hidden class="default">
22
- <h1>Login</h1>
23
+ <h1>
24
+ <i class="bi bi-undefined bi-user" title>
25
+ </i>Login</h1>
23
26
  <progress hidden>loading...</progress>
24
27
  <form method="POST" action="http://localhost:3000/api/auth" bearer="access_token">
25
28
  <section cols="1">
package/templates/sampling/builds/profile/index.html CHANGED
@@ -5,6 +5,7 @@
5
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
6
  <meta name="description" content="Home page">
7
7
  <meta name="theme-color" content="#333">
8
+ <link rel="stylesheet" href="/assets/bootstrap-icons.css">
8
9
  <link rel="stylesheet" href="/assets/markdown.css">
9
10
  <link rel="stylesheet" href="/assets/default.css">
10
11
  <link rel="manifest" href="/assets/manifest.json">
package/templates/sampling/builds/quotes.html CHANGED
@@ -5,6 +5,7 @@
5
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
6
  <meta name="description" content="Home page">
7
7
  <meta name="theme-color" content="#333">
8
+ <link rel="stylesheet" href="/assets/bootstrap-icons.css">
8
9
  <link rel="stylesheet" href="/assets/markdown.css">
9
10
  <link rel="stylesheet" href="/assets/default.css">
10
11
  <link rel="manifest" href="/assets/manifest.json">
package/templates/sampling/builds/shared.js CHANGED
@@ -9,7 +9,7 @@
9
9
  "LESS": "-R",
10
10
  "NVM_INC": "/root/.nvm/versions/node/v21.5.0/include/node",
11
11
  "WSL2_GUI_APPS_ENABLED": "1",
12
- "TERM_PROGRAM_VERSION": "1.86.2",
12
+ "TERM_PROGRAM_VERSION": "1.88.0",
13
13
  "WSL_DISTRO_NAME": "Debian",
14
14
  "NODE": "/root/.nvm/versions/node/v21.5.0/bin/node",
15
15
  "npm_config_local_prefix": "/mnt/b/Repositorios/reactful/",
@@ -18,14 +18,14 @@
18
18
  "LOGNAME": "root",
19
19
  "PORT": "3333",
20
20
  "_": "/root/.bun/bin/bun",
21
- "VSCODE_GIT_ASKPASS_NODE": "/root/.vscode-server/bin/903b1e9d8990623e3d7da1df3d33db3e42d80eda/node",
21
+ "VSCODE_GIT_ASKPASS_NODE": "/root/.vscode-server/bin/5c3e652f63e798a5ac2f31ffd0d863669328dc4c/node",
22
22
  "VSCODE_INJECTION": "1",
23
23
  "HOME": "/root",
24
24
  "LANG": "en_US.UTF-8",
25
- "WSL_INTEROP": "/run/WSL/286_interop",
25
+ "WSL_INTEROP": "/run/WSL/314_interop",
26
26
  "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:",
27
27
  "WAYLAND_DISPLAY": "wayland-0",
28
- "GIT_ASKPASS": "/root/.vscode-server/bin/903b1e9d8990623e3d7da1df3d33db3e42d80eda/extensions/git/dist/askpass.sh",
28
+ "GIT_ASKPASS": "/root/.vscode-server/bin/5c3e652f63e798a5ac2f31ffd0d863669328dc4c/extensions/git/dist/askpass.sh",
29
29
  "NVM_DIR": "/root/.nvm",
30
30
  "VSCODE_GIT_ASKPASS_EXTRA_ARGS": "",
31
31
  "TERM": "xterm-256color",
@@ -46,8 +46,8 @@
46
46
  "WSLENV": "VSCODE_WSL_EXT_LOCATION/up",
47
47
  "npm_package_json": "/mnt/b/Repositorios/reactful/package.json",
48
48
  "BUN_INSTALL": "/root/.bun",
49
- "VSCODE_GIT_ASKPASS_MAIN": "/root/.vscode-server/bin/903b1e9d8990623e3d7da1df3d33db3e42d80eda/extensions/git/dist/askpass-main.js",
50
- "PATH": "/mnt/b/Repositorios/reactful/node_modules/.bin:/mnt/b/Repositorios/reactful/node_modules/.bin:/mnt/b/Repositorios/node_modules/.bin:/mnt/b/node_modules/.bin:/mnt/node_modules/.bin:/node_modules/.bin:/root/.deno/bin:/root/.bun/bin:/root/.vscode-server/bin/903b1e9d8990623e3d7da1df3d33db3e42d80eda/bin/remote-cli:/root/.nvm/versions/node/v21.5.0/bin:/root/.deno/bin:/root/.bun/bin:/root/.cargo/bin:/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin:/usr/games:/usr/local/games:/usr/lib/wsl/lib:/mnt/c/Program Files/Common Files/Oracle/Java/javapath:/mnt/c/Users/Jonathan/AppData/Local/Programs/Python/Python38/Scripts/:/mnt/c/Users/Jonathan/AppData/Local/Programs/Python/Python38/:/mnt/c/Program Files (x86)/VMware/VMware Player/bin/:/mnt/c/Python310/Scripts/:/mnt/c/Python310/:/mnt/c/Users/Jonathan/AppData/Roaming/ActiveState/bin:/mnt/c/Python38/Scripts/:/mnt/c/Python38/:/mnt/c/Windows:/mnt/c/Windows/system32:/mnt/c/Windows/System32/Wbem:/mnt/c/Windows/System32/WindowsPowerShell/v1.0/:/mnt/c/Windows/System32/OpenSSH/:/mnt/c/Program Files (x86)/NVIDIA Corporation/PhysX/Common:/mnt/c/Program Files/NVIDIA Corporation/NVIDIA NvDLISR:/mnt/c/ProgramData/chocolatey/bin:/mnt/c/Users/Jonathan/AppData/Roaming/npm:/mnt/c/Program Files (x86)/Microsoft SQL Server/100/Tools/Binn/VSShell/Common7/IDE/:/mnt/c/Program Files (x86)/Microsoft SQL Server/100/Tools/Binn/:/mnt/c/Program Files/Microsoft SQL Server/100/Tools/Binn/:/mnt/c/Program Files (x86)/Microsoft SQL Server/100/DTS/Binn/:/mnt/c/Program Files/Microsoft SQL Server/100/DTS/Binn/:/mnt/c/Program Files/Git/cmd:/mnt/c/Program Files/Azure Data Studio/bin:/mnt/c/ProgramData/nvm:/mnt/c/Program Files/dotnet/:/mnt/c/WINDOWS/system32:/mnt/c/WINDOWS:/mnt/c/WINDOWS/System32/Wbem:/mnt/c/WINDOWS/System32/WindowsPowerShell/v1.0/:/mnt/c/WINDOWS/System32/OpenSSH/:/mnt/c/Program Files/Microsoft SQL Server/150/Tools/Binn/:/mnt/c/Program Files/Microsoft SQL Server/Client SDK/ODBC/170/Tools/Binn/:/mnt/c/ProgramData/nvm:/mnt/c/Program Files/nodejs:/mnt/c/Program Files/Docker/Docker/resources/bin:/mnt/c/Program Files/PowerShell/7/:/mnt/c/Users/Jonathan/.cargo/bin:/mnt/c/Users/Jonathan/AppData/Local/ActiveState/StateTool/release/bin:/mnt/c/Users/Jonathan/AppData/Local/activestate/cache/bin:/mnt/c/Users/Jonathan/AppData/Local/Android/Sdk/platform-tools:/mnt/c/Users/Jonathan/AppData/Local/Android/Sdk/tools:/mnt/c/Program Files/Azure Data Studio/bin:/mnt/c/Users/Jonathan/AppData/Local/Programs/Microsoft VS Code/bin:/mnt/c/ProgramData/nvm:/mnt/c/Program Files/nodejs:/mnt/c/Users/Jonathan/.dotnet/tools:/mnt/a/Profile/OneDrive/Recursos/scripts/git:/mnt/c/Users/Jonathan/AppData/Local/Google/Cloud SDK/google-cloud-sdk/bin:/mnt/c/tools/mysql/current/bin:/mnt/b/Portaveis/sonar/bin:/mnt/b/Portaveis/Tools:/mnt/c/Program Files/dotnet:/mnt/c/WINDOWS/system32:/mnt/c/Users/Jonathan/AppData/Local/Microsoft/WindowsApps:/mnt/b/Portaveis/Scripts:/mnt/c/Program Files/heroku/bin:/mnt/c/ProgramData/chocolatey/lib/deno:/mnt/c/Users/Jonathan/.deno/bin:/mnt/c/Users/Jonathan/.bun/bin",
49
+ "VSCODE_GIT_ASKPASS_MAIN": "/root/.vscode-server/bin/5c3e652f63e798a5ac2f31ffd0d863669328dc4c/extensions/git/dist/askpass-main.js",
50
+ "PATH": "/mnt/b/Repositorios/reactful/node_modules/.bin:/mnt/b/Repositorios/reactful/node_modules/.bin:/mnt/b/Repositorios/node_modules/.bin:/mnt/b/node_modules/.bin:/mnt/node_modules/.bin:/node_modules/.bin:/root/.deno/bin:/root/.bun/bin:/root/.vscode-server/bin/5c3e652f63e798a5ac2f31ffd0d863669328dc4c/bin/remote-cli:/root/.nvm/versions/node/v21.5.0/bin:/root/.deno/bin:/root/.bun/bin:/root/.cargo/bin:/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin:/usr/games:/usr/local/games:/usr/lib/wsl/lib:/mnt/c/Program Files/Common Files/Oracle/Java/javapath:/mnt/c/Users/Jonathan/AppData/Local/Programs/Python/Python38/Scripts/:/mnt/c/Users/Jonathan/AppData/Local/Programs/Python/Python38/:/mnt/c/Program Files (x86)/VMware/VMware Player/bin/:/mnt/c/Python310/Scripts/:/mnt/c/Python310/:/mnt/c/Users/Jonathan/AppData/Roaming/ActiveState/bin:/mnt/c/Python38/Scripts/:/mnt/c/Python38/:/mnt/c/Windows:/mnt/c/Windows/system32:/mnt/c/Windows/System32/Wbem:/mnt/c/Windows/System32/WindowsPowerShell/v1.0/:/mnt/c/Windows/System32/OpenSSH/:/mnt/c/Program Files/NVIDIA Corporation/NVIDIA NvDLISR:/mnt/c/ProgramData/chocolatey/bin:/mnt/c/Users/Jonathan/AppData/Roaming/npm:/mnt/c/Program Files (x86)/Microsoft SQL Server/100/Tools/Binn/VSShell/Common7/IDE/:/mnt/c/Program Files (x86)/Microsoft SQL Server/100/Tools/Binn/:/mnt/c/Program Files/Microsoft SQL Server/100/Tools/Binn/:/mnt/c/Program Files (x86)/Microsoft SQL Server/100/DTS/Binn/:/mnt/c/Program Files/Microsoft SQL Server/100/DTS/Binn/:/mnt/c/Program Files/Git/cmd:/mnt/c/Program Files/Azure Data Studio/bin:/mnt/c/ProgramData/nvm:/mnt/c/Program Files/dotnet/:/mnt/c/WINDOWS/system32:/mnt/c/WINDOWS:/mnt/c/WINDOWS/System32/Wbem:/mnt/c/WINDOWS/System32/WindowsPowerShell/v1.0/:/mnt/c/WINDOWS/System32/OpenSSH/:/mnt/c/Program Files/Microsoft SQL Server/150/Tools/Binn/:/mnt/c/Program Files/Microsoft SQL Server/Client SDK/ODBC/170/Tools/Binn/:/mnt/c/ProgramData/nvm:/mnt/c/Program Files/nodejs:/mnt/c/Program Files/PowerShell/7/:/mnt/c/Program Files/Docker/Docker/resources/bin:/mnt/c/Program Files (x86)/NVIDIA Corporation/PhysX/Common:/mnt/c/Users/Jonathan/.cargo/bin:/mnt/c/Users/Jonathan/AppData/Local/ActiveState/StateTool/release/bin:/mnt/c/Users/Jonathan/AppData/Local/activestate/cache/bin:/mnt/c/Users/Jonathan/AppData/Local/Android/Sdk/platform-tools:/mnt/c/Users/Jonathan/AppData/Local/Android/Sdk/tools:/mnt/c/Program Files/Azure Data Studio/bin:/mnt/c/Users/Jonathan/AppData/Local/Programs/Microsoft VS Code/bin:/mnt/c/ProgramData/nvm:/mnt/c/Program Files/nodejs:/mnt/c/Users/Jonathan/.dotnet/tools:/mnt/a/Profile/OneDrive/Recursos/scripts/git:/mnt/c/Users/Jonathan/AppData/Local/Google/Cloud SDK/google-cloud-sdk/bin:/mnt/c/tools/mysql/current/bin:/mnt/b/Portaveis/sonar/bin:/mnt/b/Portaveis/Tools:/mnt/c/Program Files/dotnet:/mnt/c/WINDOWS/system32:/mnt/c/Users/Jonathan/AppData/Local/Microsoft/WindowsApps:/mnt/b/Portaveis/Scripts:/mnt/c/Program Files/heroku/bin:/mnt/c/ProgramData/chocolatey/lib/deno:/mnt/c/Users/Jonathan/.deno/bin:/mnt/c/Users/Jonathan/.bun/bin",
51
51
  "DBUS_SESSION_BUS_ADDRESS": "unix:path=/run/user/0/bus",
52
52
  "NVM_BIN": "/root/.nvm/versions/node/v21.5.0/bin",
53
53
  "HOSTTYPE": "x86_64",
@@ -55,13 +55,14 @@
55
55
  "npm_node_execpath": "/root/.nvm/versions/node/v21.5.0/bin/node",
56
56
  "OLDPWD": "/mnt/b/Repositorios/reactful",
57
57
  "TERM_PROGRAM": "vscode",
58
- "VSCODE_IPC_HOOK_CLI": "/run/user/0/vscode-ipc-207d1c71-becd-47bb-ae4a-05d160937103.sock"
58
+ "VSCODE_IPC_HOOK_CLI": "/run/user/0/vscode-ipc-b36280cd-7ab7-435b-b258-e1d7d86cd6ec.sock"
59
59
  } }
60
60
 
61
61
  globalThis[GLOBAL_KEY] ||= { queryId:'#root' }
62
62
  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'}];
63
- 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'}];
63
+ 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': '%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-4-10%3C!--%20--%3E%20%3C!--%20--%3E18:34:20%3C!--%20--%3E%20%3C/h3%3E%3Ch4%20await=%22%7B&quot;name&quot;:&quot;InnerAsyncComponent&quot;,&quot;path&quot;:&quot;/mnt/b/Repositorios/reactful/experiment/routes/clock.tsx&quot;%7D%22%20tag=%22h4%22%20uid=%2212%22%20class=%22TimeZone%22%3Eloading...%3C/h4%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%20class=%22hello%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%20style=%22text-align:right%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@client(true,%20...)%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%20style=%22text-align:right%22%20data=%22%5Bobject%20Object%5D%22%20bind=%22value%22%20placeholder=%22other%22/%3E%20=%20%3C!--%20--%3E99%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%3E11%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+%20RESTful%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%20RESTful%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%3E%3Ci%20class=%22bi%20bi-undefined%20bi-user%22%20title=%22%22%3E%3C/i%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%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'}];
64
64
  globalThis[GLOBAL_KEY].context={
65
+ "ref": "",
65
66
  "fails": [],
66
67
  "store": {
67
68
  "name": "ok"
@@ -73,4 +74,4 @@
73
74
  globalThis[GLOBAL_KEY].propers=[(props) => props?.shown === !1 ? { ...props, hidden: !0 } : props];
74
75
  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"]};
75
76
  globalThis[GLOBAL_KEY].folders={"apis":"/apis","assets":"/assets","builds":"/builds","routes":"/routes","shares":"/shares","directives":"/directives","components":"/components"};
76
- 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]}}};
77
+ globalThis[GLOBAL_KEY].binding={"index":0,"count":0,"state":{},"react":{},"visit":[],"store":{},"ready":false};
package/templates/sampling/builds/system.html CHANGED
@@ -5,6 +5,7 @@
5
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
6
  <meta name="description" content="Home page">
7
7
  <meta name="theme-color" content="#333">
8
+ <link rel="stylesheet" href="/assets/bootstrap-icons.css">
8
9
  <link rel="stylesheet" href="/assets/markdown.css">
9
10
  <link rel="stylesheet" href="/assets/default.css">
10
11
  <link rel="manifest" href="/assets/manifest.json">
package/templates/sampling/components/hello.tsx ADDED
@@ -0,0 +1,9 @@
1
+ import React from "react"
2
+
3
+ interface Props {
4
+ name?: string
5
+ }
6
+
7
+ export const Hello = (props: Props) => <>
8
+ <h1>Hello { props.name || "World"} !</h1>
9
+ </>
package/templates/sampling/components/icon.tsx ADDED
@@ -0,0 +1,11 @@
1
+ import React from 'react'
2
+
3
+ interface Props {
4
+ id: string
5
+ size?: string
6
+ children?: string
7
+ }
8
+
9
+ export const Icon = ({ id, size, children }: Props) => <>
10
+ <i className={`bi bi-${size} bi-${id}`} title={children || ""}></i>
11
+ </>
package/templates/sampling/components/index.ts ADDED
@@ -0,0 +1,3 @@
1
+ export * from './header'
2
+ export * from './hello'
3
+ export * from './icon'
package/templates/sampling/index.html CHANGED
@@ -8,6 +8,7 @@
8
8
  <meta name="description" content="Home page" >
9
9
  <meta name="theme-color" content="#333"/>
10
10
 
11
+ <link rel="stylesheet" href="/assets/bootstrap-icons.css">
11
12
  <link rel="stylesheet" href="/assets/markdown.css">
12
13
  <link rel="stylesheet" href="/assets/default.css" />
13
14
  <link rel="manifest" href="/assets/manifest.json" />
package/templates/sampling/routes/clock.tsx CHANGED
@@ -1,5 +1,6 @@
1
1
  import React, { Suspense } from 'react'
2
- import { server, seo } from '@reactful/web'
2
+ import { server, seo, client } from '@reactful/web'
3
+ import '@reactful/extensions'
3
4
 
4
5
  const loading = <h3>Loading content...</h3>
5
6
  const address = "https://timeapi.io/api/Time/current/zone?timeZone=Europe/Amsterdam"
@@ -23,13 +24,13 @@ async function TimeZone() {
23
24
  <h1>World Clock</h1>
24
25
  <h2>Europe/Amistedan timezone</h2>
25
26
  <h3 style={{color:'yellow'}}> {date} {time} </h3>
26
- <Suspense fallback={loading}>
27
- <InnerAsyncComponent />
28
- </Suspense>
27
+ <h4 await={InnerAsyncComponent}>loading...</h4>
29
28
  </React.Fragment>
30
29
  }
31
30
 
32
- async function InnerAsyncComponent() {
31
+ export async function InnerAsyncComponent(props, feeds) {
33
32
  await new Promise(promise => setTimeout(promise, 1000))
34
- return <code><mark>I'm a inner subcomponent !!!</mark></code>
35
- }
33
+ return <>
34
+ <code><mark>async inner subcomponent !!!</mark></code>
35
+ </>
36
+ }
package/templates/sampling/routes/hello.tsx CHANGED
@@ -1,21 +1,33 @@
1
1
  import React from 'react'
2
- import { seo, client, useStore, state } from '@reactful/web'
2
+ import { seo, client, useStore } from '@reactful/web'
3
3
  import { Header } from '../components/header'
4
+ import '@reactful/extensions'
4
5
 
5
- const orbital1 = useStore({ value:0 })
6
- const orbital2 = useStore({ value:1 })
6
+ const state1 = useStore({ value:11 })
7
+ const state2 = useStore({ value:99 })
8
+ const styles = { textAlign: 'right' } as any
9
+
10
+ const SubGlobal = (props, { store }) => <input {...props} data={store} bind='value' />
11
+
12
+ const SubLocal= props => <>
13
+ <input {...props} style={styles} data={props} bind='value' />
14
+ <label> = {props.value}</label>
15
+ </>
16
+
17
+ //@ts-ignore
18
+ // @client(true, state1)
19
+ // TODO: inner component with same orbital state doesn't work ???
20
+ const SubOrbital = props => <input {...props} data={state1} bind='value' />
7
21
 
8
22
  //@ts-ignore
9
- @client(true)
10
- @state(orbital1)
11
- @state(orbital2)
23
+ @client(true, state1, state2)
12
24
  @seo('Hello', 'Hello forms...')
13
25
  export default function Hello(props, { store }: Feeds) {
14
26
  if (globalThis.document) globalThis.props = props
15
27
 
16
28
  return <>
17
29
  <Header>Hello Forms</Header>
18
- <main grid gaps='0 10px' cols={1}>
30
+ <main grid gaps='0 10px' cols={1} className='hello'>
19
31
  <label>
20
32
  <b>LOCAL state </b> <code>function(props)</code><br/>
21
33
  <input id='1' data={props} bind="value" placeholder="{props}" />
@@ -29,34 +41,19 @@ export default function Hello(props, { store }: Feeds) {
29
41
  <SubGlobal id='2.1' placeholder='inner' />
30
42
  </label>
31
43
 
32
- <label>
33
- <b>ORBITAL state</b> <code>useStore(...) + @state(...)</code><br/>
34
- <input id='3' data={orbital1} bind="value" placeholder="outer" />
35
- <SubOrbital id='3.1' placeholder='inner' />
36
- <input id='3.2' data={orbital2} bind="value" placeholder="other" /> = {orbital2.value }
37
- </label>
44
+ <label>
45
+ <b>ORBITAL state</b> <code>useStore(...) + @client(true, ...)</code><br/>
46
+ <input id='3' data={state1} bind="value" placeholder="outer" />
47
+ <SubOrbital id='3.1' placeholder='inner' />
48
+ <input id='3.2' style={styles} data={state2} bind="value" placeholder="other" /> = {state2.value}
49
+ </label>
38
50
  </main>
39
51
  <br />
40
52
  <hr />
41
53
  <code>
42
54
  <strong>local</strong>: <label id='l1'>{ props.value }</label><br />
43
55
  <strong>global</strong>: <label id='l2'>{ store.value }</label><br />
44
- <strong>orbital</strong>: <label id='l3'>{ orbital1.value }</label>
56
+ <strong>orbital</strong>: <label id='l3'>{ state1.value }</label>
45
57
  </code>
46
58
  </>
47
- }
48
-
49
-
50
- function SubGlobal(props, { store }) {
51
- return <input {...props} data={store} bind='value' />
52
- }
53
-
54
- function SubLocal(props) {
55
- return <><input {...props} data={props} bind='value' /><label> = {props.value}</label></>
56
- }
57
-
58
- //@ts-ignore
59
- @state(orbital1)
60
- function SubOrbital(props) {
61
- return <input {...props} data={orbital1} bind='value' />
62
59
  }
package/templates/sampling/routes/index.md CHANGED
@@ -1,15 +1,15 @@
1
1
  # Welcome
2
2
  > with markdown (powered by marked)
3
3
 
4
- | | |
5
- | ----------------------: | ----------------------------------------------- |
6
- | [About](/about) | Static generation (default) |
7
- | [Clock](/clock) | Dynamic generation (with lazy) |
8
- | [HTML-X](/htmlx) | HTML with JSX using link[type='component'] |
9
- | [System](/system) | Server component |
10
- | [Quotes](/quotes) | Periodic genreation |
11
- | [Counter](/counter) | Client component |
12
- | [Hello](/hello) | Stateful object + data bind props |
13
- | [Forms](/forms) | reactful forms + validation API + server action |
14
- | [Login](/login) | reactful forms server action authentication |
15
- | [Profile](/profile/123) | Parametric (dynamic) routes with modular CSS |
4
+ | | |
5
+ | ----------------------: | ------------------------------------------------ |
6
+ | [About](/about) | Static generation (default) |
7
+ | [Clock](/clock) | Dynamic generation (with lazy) |
8
+ | [HTML-X](/htmlx) | HTML with JSX using link[type='component'] |
9
+ | [System](/system) | Server component |
10
+ | [Quotes](/quotes) | Periodic genreation |
11
+ | [Counter](/counter) | Client component |
12
+ | [Hello](/hello) | Stateful object + data bind props |
13
+ | [Forms](/forms) | reactful forms + validation API + RESTful action |
14
+ | [Login](/login) | reactful forms RESTful action authentication |
15
+ | [Profile](/profile/123) | Parametric (dynamic) routes with modular CSS |
package/templates/sampling/routes/login.tsx CHANGED
@@ -1,12 +1,12 @@
1
- // @ts-ignore: 1206
2
-
3
1
  import React from 'react'
4
2
  import { client } from '@reactful/web'
3
+ import { Icon } from '../components'
4
+ import '@reactful/extensions'
5
5
 
6
6
  //@ts-ignore
7
7
  @client(true)
8
8
  export default (props, feeds: Feeds) => <>
9
- <h1>Login</h1>
9
+ <h1><Icon id='user' />Login</h1>
10
10
 
11
11
  <progress hidden={!feeds.await}>loading...</progress>
12
12