@reactful/create 1.2.1 → 1.2.3

Sign up to get free protection for your applications and to get access to all the features.
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>