@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
  1. package/README.md +7 -7
  2. package/commons/package.json +21 -21
  3. package/commons/tsconfig.json +24 -24
  4. package/index.js +148 -148
  5. package/package.json +31 -31
  6. package/templates/minimal/components/hello.tsx +8 -8
  7. package/templates/minimal/components/icon.tsx +11 -0
  8. package/templates/minimal/components/index.ts +2 -1
  9. package/templates/minimal/routes/index.tsx +7 -6
  10. package/templates/sampling/apis/auth/db.ts +14 -14
  11. package/templates/sampling/apis/auth/index.ts +27 -27
  12. package/templates/sampling/apis/hello.ts +2 -2
  13. package/templates/sampling/apis/quotes.ts +15 -15
  14. package/templates/sampling/apis/sub/index.ts +2 -2
  15. package/templates/sampling/apis/sub/sub.ts +2 -2
  16. package/templates/sampling/assets/bootstrap-icons.css +5 -0
  17. package/templates/sampling/assets/default.css +94 -91
  18. package/templates/sampling/assets/fonts/bootstrap-icons.woff +0 -0
  19. package/templates/sampling/assets/fonts/bootstrap-icons.woff2 +0 -0
  20. package/templates/sampling/assets/icon.svg +6 -6
  21. package/templates/sampling/assets/manifest.json +56 -56
  22. package/templates/sampling/assets/markdown.css +273 -273
  23. package/templates/sampling/assets/robots.txt +1 -1
  24. package/templates/sampling/assets/system.css +6 -6
  25. package/templates/sampling/builds/about.html +29 -26
  26. package/templates/sampling/builds/bundle.js +34763 -13116
  27. package/templates/sampling/builds/bundle.ts +20 -25
  28. package/templates/sampling/builds/clock.html +29 -28
  29. package/templates/sampling/builds/counter.html +30 -29
  30. package/templates/sampling/builds/forms/form.html +48 -47
  31. package/templates/sampling/builds/forms/index.html +48 -47
  32. package/templates/sampling/builds/hello.html +61 -59
  33. package/templates/sampling/builds/htmlx.html +26 -23
  34. package/templates/sampling/builds/htmlx.tsx +12 -12
  35. package/templates/sampling/builds/index.html +98 -97
  36. package/templates/sampling/builds/login.html +47 -44
  37. package/templates/sampling/builds/profile/index.html +54 -53
  38. package/templates/sampling/builds/quotes.html +26 -25
  39. package/templates/sampling/builds/shared.js +77 -76
  40. package/templates/sampling/builds/system.html +27 -26
  41. package/templates/sampling/components/header.tsx +6 -6
  42. package/templates/sampling/components/hello.tsx +9 -0
  43. package/templates/sampling/components/icon.tsx +11 -0
  44. package/templates/sampling/components/index.ts +3 -0
  45. package/templates/sampling/index.html +20 -19
  46. package/templates/sampling/index.ts +18 -18
  47. package/templates/sampling/routes/about.html +12 -12
  48. package/templates/sampling/routes/clock.tsx +36 -35
  49. package/templates/sampling/routes/forms/form.tsx +50 -50
  50. package/templates/sampling/routes/hello.tsx +58 -61
  51. package/templates/sampling/routes/htmlx.html +14 -14
  52. package/templates/sampling/routes/index.md +15 -15
  53. package/templates/sampling/routes/login.tsx +35 -35
  54. package/templates/sampling/routes/profile/detail.css +12 -12
  55. package/templates/sampling/routes/profile/detail.tsx +47 -47
  56. package/templates/sampling/routes/profile/index.tsx +13 -13
  57. package/templates/sampling/routes/profile/profile.css +8 -8
  58. package/templates/sampling/routes/profile/tester.tsx +10 -10
  59. package/templates/sampling/routes/system.tsx +1 -0
  60. package/templates/sampling/tests/access.spec.ts +29 -29
  61. package/templates/sampling/tests/counter.spec.ts +18 -18
  62. package/templates/sampling/tests/form.spec.ts +50 -50
  63. package/templates/sampling/tests/hello.spec.ts +24 -24
  64. package/templates/sampling/tests/path.test.ts +19 -19
  65. package/vscode/launch.json +8 -8
  66. package/templates/sampling/builds/client.ts +0 -1
  67. /package/templates/sampling/assets/{logo-144.png → logos/logo-144.png} +0 -0
  68. /package/templates/sampling/assets/{logo-168.png → logos/logo-168.png} +0 -0
  69. /package/templates/sampling/assets/{logo-192.png → logos/logo-192.png} +0 -0
  70. /package/templates/sampling/assets/{logo-48.png → logos/logo-48.png} +0 -0
  71. /package/templates/sampling/assets/{logo-512.png → logos/logo-512.png} +0 -0
  72. /package/templates/sampling/assets/{logo-72.png → logos/logo-72.png} +0 -0
  73. /package/templates/sampling/assets/{logo-96.png → logos/logo-96.png} +0 -0
package/templates/sampling/builds/index.html CHANGED
@@ -1,98 +1,99 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
- <head>
4
- <meta charset="UTF-8">
5
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <meta name="description" content="Home page">
7
- <meta name="theme-color" content="#333">
8
- <link rel="stylesheet" href="/assets/markdown.css">
9
- <link rel="stylesheet" href="/assets/default.css">
10
- <link rel="manifest" href="/assets/manifest.json">
11
- <title>Welcome</title>
12
- <meta name='viewport' content='width=device-width, initial-scale=1.0' />
13
- <meta name='description' content='Home page' />
14
- <meta name='theme-color' content='#333' />
15
- <meta name='title' content='Welcome' />
16
- <script src='/mnt/b/Repositorios/reactful/experiment/builds/shared.js'></script>
17
- <script type='module' src='/mnt/b/Repositorios/reactful/experiment/builds/bundle.js'></script></head>
18
- <body>
19
- <div id='root'>
20
- <h1>Welcome</h1>
21
- <blockquote>
22
- <p>with markdown (powered by marked)</p>
23
- </blockquote>
24
- <table>
25
- <thead>
26
- <tr>
27
- <th align="right">
28
- </th>
29
- <th>
30
- </th>
31
- </tr>
32
- </thead>
33
- <tbody>
34
- <tr>
35
- <td align="right">
36
- <a href="/about">About</a>
37
- </td>
38
- <td>Static generation (default)</td>
39
- </tr>
40
- <tr>
41
- <td align="right">
42
- <a href="/clock">Clock</a>
43
- </td>
44
- <td>Dynamic generation (with lazy)</td>
45
- </tr>
46
- <tr>
47
- <td align="right">
48
- <a href="/htmlx">HTML-X</a>
49
- </td>
50
- <td>HTML with JSX using link[type="component"]</td>
51
- </tr>
52
- <tr>
53
- <td align="right">
54
- <a href="/system">System</a>
55
- </td>
56
- <td>Server component</td>
57
- </tr>
58
- <tr>
59
- <td align="right">
60
- <a href="/quotes">Quotes</a>
61
- </td>
62
- <td>Periodic genreation</td>
63
- </tr>
64
- <tr>
65
- <td align="right">
66
- <a href="/counter">Counter</a>
67
- </td>
68
- <td>Client component</td>
69
- </tr>
70
- <tr>
71
- <td align="right">
72
- <a href="/hello">Hello</a>
73
- </td>
74
- <td>Stateful object + data bind props</td>
75
- </tr>
76
- <tr>
77
- <td align="right">
78
- <a href="/forms">Forms</a>
79
- </td>
80
- <td>reactful forms + validation API + server action</td>
81
- </tr>
82
- <tr>
83
- <td align="right">
84
- <a href="/login">Login</a>
85
- </td>
86
- <td>reactful forms server action authentication</td>
87
- </tr>
88
- <tr>
89
- <td align="right">
90
- <a href="/profile/123">Profile</a>
91
- </td>
92
- <td>Parametric (dynamic) routes with modular CSS</td>
93
- </tr>
94
- </tbody>
95
- </table>
96
- </div>
97
- </body>
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <meta name="description" content="Home page">
7
+ <meta name="theme-color" content="#333">
8
+ <link rel="stylesheet" href="/assets/bootstrap-icons.css">
9
+ <link rel="stylesheet" href="/assets/markdown.css">
10
+ <link rel="stylesheet" href="/assets/default.css">
11
+ <link rel="manifest" href="/assets/manifest.json">
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' />
17
+ <script src='/mnt/b/Repositorios/reactful/experiment/builds/shared.js'></script>
18
+ <script type='module' src='/mnt/b/Repositorios/reactful/experiment/builds/bundle.js'></script></head>
19
+ <body>
20
+ <div id='root'>
21
+ <h1>Welcome</h1>
22
+ <blockquote>
23
+ <p>with markdown (powered by marked)</p>
24
+ </blockquote>
25
+ <table>
26
+ <thead>
27
+ <tr>
28
+ <th align="right">
29
+ </th>
30
+ <th>
31
+ </th>
32
+ </tr>
33
+ </thead>
34
+ <tbody>
35
+ <tr>
36
+ <td align="right">
37
+ <a href="/about">About</a>
38
+ </td>
39
+ <td>Static generation (default)</td>
40
+ </tr>
41
+ <tr>
42
+ <td align="right">
43
+ <a href="/clock">Clock</a>
44
+ </td>
45
+ <td>Dynamic generation (with lazy)</td>
46
+ </tr>
47
+ <tr>
48
+ <td align="right">
49
+ <a href="/htmlx">HTML-X</a>
50
+ </td>
51
+ <td>HTML with JSX using link[type="component"]</td>
52
+ </tr>
53
+ <tr>
54
+ <td align="right">
55
+ <a href="/system">System</a>
56
+ </td>
57
+ <td>Server component</td>
58
+ </tr>
59
+ <tr>
60
+ <td align="right">
61
+ <a href="/quotes">Quotes</a>
62
+ </td>
63
+ <td>Periodic genreation</td>
64
+ </tr>
65
+ <tr>
66
+ <td align="right">
67
+ <a href="/counter">Counter</a>
68
+ </td>
69
+ <td>Client component</td>
70
+ </tr>
71
+ <tr>
72
+ <td align="right">
73
+ <a href="/hello">Hello</a>
74
+ </td>
75
+ <td>Stateful object + data bind props</td>
76
+ </tr>
77
+ <tr>
78
+ <td align="right">
79
+ <a href="/forms">Forms</a>
80
+ </td>
81
+ <td>reactful forms + validation API + RESTful action</td>
82
+ </tr>
83
+ <tr>
84
+ <td align="right">
85
+ <a href="/login">Login</a>
86
+ </td>
87
+ <td>reactful forms RESTful action authentication</td>
88
+ </tr>
89
+ <tr>
90
+ <td align="right">
91
+ <a href="/profile/123">Profile</a>
92
+ </td>
93
+ <td>Parametric (dynamic) routes with modular CSS</td>
94
+ </tr>
95
+ </tbody>
96
+ </table>
97
+ </div>
98
+ </body>
98
99
  </html>
package/templates/sampling/builds/login.html CHANGED
@@ -1,45 +1,48 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
- <head>
4
- <meta charset="UTF-8">
5
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <meta name="description" content="Home page">
7
- <meta name="theme-color" content="#333">
8
- <link rel="stylesheet" href="/assets/markdown.css">
9
- <link rel="stylesheet" href="/assets/default.css">
10
- <link rel="manifest" href="/assets/manifest.json">
11
- <title>Welcome</title>
12
- <meta name='viewport' content='width=device-width, initial-scale=1.0' />
13
- <meta name='description' content='Home page' />
14
- <meta name='theme-color' content='#333' />
15
- <meta name='title' content='Welcome' />
16
- <script src='/mnt/b/Repositorios/reactful/experiment/builds/shared.js'></script>
17
- <script type='module' src='/mnt/b/Repositorios/reactful/experiment/builds/bundle.js'></script></head>
18
- <body>
19
- <div id='root'>
20
- <jsx tag="jsx" uid="2" own="default"
21
- src="/mnt/b/Repositorios/reactful/experiment/routes/login.tsx" hidden class="default">
22
- <h1>Login</h1>
23
- <progress hidden>loading...</progress>
24
- <form method="POST" action="http://localhost:3000/api/auth" bearer="access_token">
25
- <section cols="1">
26
- <label>UserName<input bind="username" />
27
- </label>
28
- <label>PassWord<input type="password" bind="password" />
29
- </label>
30
- </section>
31
- <button>Submit</button>
32
- </form>
33
- <fieldset>
34
- <legend>ERROR</legend>
35
- <ul>
36
- </ul>
37
- </fieldset>
38
- <br />
39
- <fieldset style="word-break:break-all">
40
- <legend>token</legend>
41
- </fieldset>
42
- </jsx>
43
- </div>
44
- </body>
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <meta name="description" content="Home page">
7
+ <meta name="theme-color" content="#333">
8
+ <link rel="stylesheet" href="/assets/bootstrap-icons.css">
9
+ <link rel="stylesheet" href="/assets/markdown.css">
10
+ <link rel="stylesheet" href="/assets/default.css">
11
+ <link rel="manifest" href="/assets/manifest.json">
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' />
17
+ <script src='/mnt/b/Repositorios/reactful/experiment/builds/shared.js'></script>
18
+ <script type='module' src='/mnt/b/Repositorios/reactful/experiment/builds/bundle.js'></script></head>
19
+ <body>
20
+ <div id='root'>
21
+ <jsx tag="jsx" uid="2" own="default"
22
+ src="/mnt/b/Repositorios/reactful/experiment/routes/login.tsx" hidden class="default">
23
+ <h1>
24
+ <i class="bi bi-undefined bi-user" title>
25
+ </i>Login</h1>
26
+ <progress hidden>loading...</progress>
27
+ <form method="POST" action="http://localhost:3000/api/auth" bearer="access_token">
28
+ <section cols="1">
29
+ <label>UserName<input bind="username" />
30
+ </label>
31
+ <label>PassWord<input type="password" bind="password" />
32
+ </label>
33
+ </section>
34
+ <button>Submit</button>
35
+ </form>
36
+ <fieldset>
37
+ <legend>ERROR</legend>
38
+ <ul>
39
+ </ul>
40
+ </fieldset>
41
+ <br />
42
+ <fieldset style="word-break:break-all">
43
+ <legend>token</legend>
44
+ </fieldset>
45
+ </jsx>
46
+ </div>
47
+ </body>
45
48
  </html>
package/templates/sampling/builds/profile/index.html CHANGED
@@ -1,54 +1,55 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
- <head>
4
- <meta charset="UTF-8">
5
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <meta name="description" content="Home page">
7
- <meta name="theme-color" content="#333">
8
- <link rel="stylesheet" href="/assets/markdown.css">
9
- <link rel="stylesheet" href="/assets/default.css">
10
- <link rel="manifest" href="/assets/manifest.json">
11
- <title>Welcome</title>
12
- <meta name='viewport' content='width=device-width, initial-scale=1.0' />
13
- <meta name='description' content='Home page' />
14
- <meta name='theme-color' content='#333' />
15
- <meta name='title' content='Welcome' />
16
- <script src='/mnt/b/Repositorios/reactful/experiment/builds/shared.js'></script>
17
- <script type='module' src='/mnt/b/Repositorios/reactful/experiment/builds/bundle.js'></script></head>
18
- <body>
19
- <div id='root'>
20
- <h1 tag="h1" uid="3" class="default" style="color:#ffb300">Profile</h1>
21
- <jsx tag="jsx" uid="12" own="default"
22
- src="/mnt/b/Repositorios/reactful/experiment/routes/profile/detail.tsx" hidden
23
- class="default">
24
- <h3>Detail</h3>Parametric value = <b>
25
- </b>
26
- <hr />
27
- <p>modular CSS keep original color</p>
28
- <fieldset>
29
- <legend>Mode</legend>
30
- <section>
31
- <button link="./developer">developer</button>
32
- <button link="./manager">manager</button>
33
- <button link="./tester">tester(component)</button>
34
- </section>
35
- <hr />
36
- <section route="./developer">
37
- <b>DEVELOPER</b> is Lorem ipsum dolor sit amet consectetur adipisicing elit.
38
- Aspernatur similique ipsa, molestiae numquam laudantium quod, aliquid soluta
39
- cumque placeat saepe mollitia sint consectetur labore consequatur pariatur
40
- praesentium animi. Obcaecati, nihil?</section>
41
- <section route="./manager">
42
- <b>MANAGER</b> is Lorem ipsum dolor sit amet consectetur adipisicing elit.
43
- Aspernatur similique ipsa, molestiae numquam laudantium quod, aliquid soluta
44
- cumque placeat saepe mollitia sint consectetur labore consequatur pariatur
45
- praesentium animi. Obcaecati, nihil?</section>
46
- <div>
47
- </div>
48
- </fieldset>
49
- </jsx>
50
- <hr tag="hr" uid="8" class="default" />
51
- <p tag="p" uid="10" class="default" style="color:red">modular CSS chainging to red</p>
52
- </div>
53
- </body>
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <meta name="description" content="Home page">
7
+ <meta name="theme-color" content="#333">
8
+ <link rel="stylesheet" href="/assets/bootstrap-icons.css">
9
+ <link rel="stylesheet" href="/assets/markdown.css">
10
+ <link rel="stylesheet" href="/assets/default.css">
11
+ <link rel="manifest" href="/assets/manifest.json">
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' />
17
+ <script src='/mnt/b/Repositorios/reactful/experiment/builds/shared.js'></script>
18
+ <script type='module' src='/mnt/b/Repositorios/reactful/experiment/builds/bundle.js'></script></head>
19
+ <body>
20
+ <div id='root'>
21
+ <h1 tag="h1" uid="3" class="default" style="color:#ffb300">Profile</h1>
22
+ <jsx tag="jsx" uid="12" own="default"
23
+ src="/mnt/b/Repositorios/reactful/experiment/routes/profile/detail.tsx" hidden
24
+ class="default">
25
+ <h3>Detail</h3>Parametric value = <b>
26
+ </b>
27
+ <hr />
28
+ <p>modular CSS keep original color</p>
29
+ <fieldset>
30
+ <legend>Mode</legend>
31
+ <section>
32
+ <button link="./developer">developer</button>
33
+ <button link="./manager">manager</button>
34
+ <button link="./tester">tester(component)</button>
35
+ </section>
36
+ <hr />
37
+ <section route="./developer">
38
+ <b>DEVELOPER</b> is Lorem ipsum dolor sit amet consectetur adipisicing elit.
39
+ Aspernatur similique ipsa, molestiae numquam laudantium quod, aliquid soluta
40
+ cumque placeat saepe mollitia sint consectetur labore consequatur pariatur
41
+ praesentium animi. Obcaecati, nihil?</section>
42
+ <section route="./manager">
43
+ <b>MANAGER</b> is Lorem ipsum dolor sit amet consectetur adipisicing elit.
44
+ Aspernatur similique ipsa, molestiae numquam laudantium quod, aliquid soluta
45
+ cumque placeat saepe mollitia sint consectetur labore consequatur pariatur
46
+ praesentium animi. Obcaecati, nihil?</section>
47
+ <div>
48
+ </div>
49
+ </fieldset>
50
+ </jsx>
51
+ <hr tag="hr" uid="8" class="default" />
52
+ <p tag="p" uid="10" class="default" style="color:red">modular CSS chainging to red</p>
53
+ </div>
54
+ </body>
54
55
  </html>
package/templates/sampling/builds/quotes.html CHANGED
@@ -1,26 +1,27 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
- <head>
4
- <meta charset="UTF-8">
5
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <meta name="description" content="Home page">
7
- <meta name="theme-color" content="#333">
8
- <link rel="stylesheet" href="/assets/markdown.css">
9
- <link rel="stylesheet" href="/assets/default.css">
10
- <link rel="manifest" href="/assets/manifest.json">
11
- <title>Welcome</title>
12
- <meta name='viewport' content='width=device-width, initial-scale=1.0' />
13
- <meta name='description' content='Home page' />
14
- <meta name='theme-color' content='#333' />
15
- <meta name='title' content='Welcome' />
16
- <script src='/mnt/b/Repositorios/reactful/experiment/builds/shared.js'></script>
17
- <script type='module' src='/mnt/b/Repositorios/reactful/experiment/builds/bundle.js'></script></head>
18
- <body>
19
- <div id='root'>
20
- <h1>My custom error component</h1>
21
- <p> <!-- -->Unable to connect. Is the computer able to access the url?<!-- --> </p>
22
- <hr />
23
- <code>it will be regenerated in each 30min(press F5 to check)</code>
24
- </div>
25
- </body>
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <meta name="description" content="Home page">
7
+ <meta name="theme-color" content="#333">
8
+ <link rel="stylesheet" href="/assets/bootstrap-icons.css">
9
+ <link rel="stylesheet" href="/assets/markdown.css">
10
+ <link rel="stylesheet" href="/assets/default.css">
11
+ <link rel="manifest" href="/assets/manifest.json">
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' />
17
+ <script src='/mnt/b/Repositorios/reactful/experiment/builds/shared.js'></script>
18
+ <script type='module' src='/mnt/b/Repositorios/reactful/experiment/builds/bundle.js'></script></head>
19
+ <body>
20
+ <div id='root'>
21
+ <h1>My custom error component</h1>
22
+ <p> <!-- -->Unable to connect. Is the computer able to access the url?<!-- --> </p>
23
+ <hr />
24
+ <code>it will be regenerated in each 30min(press F5 to check)</code>
25
+ </div>
26
+ </body>
26
27
  </html>