npm - @reactful/create - Versions diffs - 1.2.2 → 1.2.4 - Mend

@reactful/create 1.2.2 → 1.2.4

Files changed (62) hide show

package/README.md +7 -7
package/commons/package.json +21 -21
package/commons/tsconfig.json +24 -24
package/index.js +148 -148
package/package.json +31 -31
package/templates/minimal/components/hello.tsx +8 -8
package/templates/minimal/components/icon.tsx +10 -10
package/templates/minimal/components/index.ts +1 -1
package/templates/minimal/routes/index.tsx +7 -7
package/templates/sampling/apis/auth/db.ts +14 -14
package/templates/sampling/apis/auth/index.ts +27 -27
package/templates/sampling/apis/hello.ts +2 -2
package/templates/sampling/apis/quotes.ts +15 -15
package/templates/sampling/apis/sub/index.ts +2 -2
package/templates/sampling/apis/sub/sub.ts +2 -2
package/templates/sampling/assets/bootstrap-icons.css +4 -4
package/templates/sampling/assets/default.css +93 -93
package/templates/sampling/assets/icon.svg +6 -6
package/templates/sampling/assets/manifest.json +56 -56
package/templates/sampling/assets/markdown.css +273 -273
package/templates/sampling/assets/robots.txt +1 -1
package/templates/sampling/assets/system.css +6 -6
package/templates/sampling/builds/about.html +29 -29
package/templates/sampling/builds/bundle.js +34763 -34763
package/templates/sampling/builds/bundle.ts +20 -20
package/templates/sampling/builds/clock.html +29 -29
package/templates/sampling/builds/counter.html +30 -30
package/templates/sampling/builds/forms/form.html +48 -48
package/templates/sampling/builds/forms/index.html +48 -48
package/templates/sampling/builds/hello.html +61 -61
package/templates/sampling/builds/htmlx.html +26 -26
package/templates/sampling/builds/htmlx.tsx +12 -12
package/templates/sampling/builds/index.html +98 -98
package/templates/sampling/builds/login.html +47 -47
package/templates/sampling/builds/profile/index.html +54 -54
package/templates/sampling/builds/quotes.html +26 -26
package/templates/sampling/builds/shared.js +76 -76
package/templates/sampling/builds/system.html +27 -27
package/templates/sampling/components/header.tsx +6 -6
package/templates/sampling/components/hello.tsx +8 -8
package/templates/sampling/components/icon.tsx +10 -10
package/templates/sampling/components/index.ts +2 -2
package/templates/sampling/index.html +20 -20
package/templates/sampling/index.ts +18 -18
package/templates/sampling/routes/about.html +12 -12
package/templates/sampling/routes/clock.tsx +36 -36
package/templates/sampling/routes/forms/form.tsx +50 -50
package/templates/sampling/routes/hello.tsx +58 -58
package/templates/sampling/routes/htmlx.html +14 -14
package/templates/sampling/routes/index.md +14 -14
package/templates/sampling/routes/login.tsx +35 -35
package/templates/sampling/routes/profile/detail.css +12 -12
package/templates/sampling/routes/profile/detail.tsx +47 -47
package/templates/sampling/routes/profile/index.tsx +13 -13
package/templates/sampling/routes/profile/profile.css +8 -8
package/templates/sampling/routes/profile/tester.tsx +10 -10
package/templates/sampling/tests/access.spec.ts +29 -29
package/templates/sampling/tests/counter.spec.ts +18 -18
package/templates/sampling/tests/form.spec.ts +50 -50
package/templates/sampling/tests/hello.spec.ts +24 -24
package/templates/sampling/tests/path.test.ts +19 -19
package/vscode/launch.json +8 -8

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

@@ -1,99 +1,99 @@
-<!DOCTYPE html>
-<html lang="en">
-   <head>
-      <meta charset="UTF-8">
-      <meta name="viewport" content="width=device-width, initial-scale=1.0">
-      <meta name="description" content="Home page">
-      <meta name="theme-color" content="#333">
-      <link rel="stylesheet" href="/assets/bootstrap-icons.css">
-      <link rel="stylesheet" href="/assets/markdown.css">
-      <link rel="stylesheet" href="/assets/default.css">
-      <link rel="manifest" href="/assets/manifest.json">
-      <title>Welcome</title>
-      <meta name='viewport' content='width=device-width, initial-scale=1.0' />
-      <meta name='description' content='Home page' />
-      <meta name='theme-color' content='#333' />
-      <meta name='title' content='Welcome' />
-   <script src='/mnt/b/Repositorios/reactful/experiment/builds/shared.js'></script>
-      <script type='module' src='/mnt/b/Repositorios/reactful/experiment/builds/bundle.js'></script></head>
-   <body>
-      <div id='root'>
-         <h1>Welcome</h1>
-         <blockquote>
-            <p>with markdown (powered by marked)</p>
-         </blockquote>
-         <table>
-            <thead>
-               <tr>
-                  <th align="right">
-                  </th>
-                  <th>
-                  </th>
-               </tr>
-            </thead>
-            <tbody>
-               <tr>
-                  <td align="right">
-                     <a href="/about">About</a>
-                  </td>
-                  <td>Static generation (default)</td>
-               </tr>
-               <tr>
-                  <td align="right">
-                     <a href="/clock">Clock</a>
-                  </td>
-                  <td>Dynamic generation (with lazy)</td>
-               </tr>
-               <tr>
-                  <td align="right">
-                     <a href="/htmlx">HTML-X</a>
-                  </td>
-                  <td>HTML with JSX using link[type="component"]</td>
-               </tr>
-               <tr>
-                  <td align="right">
-                     <a href="/system">System</a>
-                  </td>
-                  <td>Server component</td>
-               </tr>
-               <tr>
-                  <td align="right">
-                     <a href="/quotes">Quotes</a>
-                  </td>
-                  <td>Periodic genreation</td>
-               </tr>
-               <tr>
-                  <td align="right">
-                     <a href="/counter">Counter</a>
-                  </td>
-                  <td>Client component</td>
-               </tr>
-               <tr>
-                  <td align="right">
-                     <a href="/hello">Hello</a>
-                  </td>
-                  <td>Stateful object + data bind props</td>
-               </tr>
-               <tr>
-                  <td align="right">
-                     <a href="/forms">Forms</a>
-                  </td>
-                  <td>reactful forms + validation API + RESTful action</td>
-               </tr>
-               <tr>
-                  <td align="right">
-                     <a href="/login">Login</a>
-                  </td>
-                  <td>reactful forms RESTful action authentication</td>
-               </tr>
-               <tr>
-                  <td align="right">
-                     <a href="/profile/123">Profile</a>
-                  </td>
-                  <td>Parametric (dynamic) routes with modular CSS</td>
-               </tr>
-            </tbody>
-         </table>
-      </div>
-   </body>
+<!DOCTYPE html>
+<html lang="en">
+   <head>
+      <meta charset="UTF-8">
+      <meta name="viewport" content="width=device-width, initial-scale=1.0">
+      <meta name="description" content="Home page">
+      <meta name="theme-color" content="#333">
+      <link rel="stylesheet" href="/assets/bootstrap-icons.css">
+      <link rel="stylesheet" href="/assets/markdown.css">
+      <link rel="stylesheet" href="/assets/default.css">
+      <link rel="manifest" href="/assets/manifest.json">
+      <title>Welcome</title>
+      <meta name='viewport' content='width=device-width, initial-scale=1.0' />
+      <meta name='description' content='Home page' />
+      <meta name='theme-color' content='#333' />
+      <meta name='title' content='Welcome' />
+   <script src='/mnt/b/Repositorios/reactful/experiment/builds/shared.js'></script>
+      <script type='module' src='/mnt/b/Repositorios/reactful/experiment/builds/bundle.js'></script></head>
+   <body>
+      <div id='root'>
+         <h1>Welcome</h1>
+         <blockquote>
+            <p>with markdown (powered by marked)</p>
+         </blockquote>
+         <table>
+            <thead>
+               <tr>
+                  <th align="right">
+                  </th>
+                  <th>
+                  </th>
+               </tr>
+            </thead>
+            <tbody>
+               <tr>
+                  <td align="right">
+                     <a href="/about">About</a>
+                  </td>
+                  <td>Static generation (default)</td>
+               </tr>
+               <tr>
+                  <td align="right">
+                     <a href="/clock">Clock</a>
+                  </td>
+                  <td>Dynamic generation (with lazy)</td>
+               </tr>
+               <tr>
+                  <td align="right">
+                     <a href="/htmlx">HTML-X</a>
+                  </td>
+                  <td>HTML with JSX using link[type="component"]</td>
+               </tr>
+               <tr>
+                  <td align="right">
+                     <a href="/system">System</a>
+                  </td>
+                  <td>Server component</td>
+               </tr>
+               <tr>
+                  <td align="right">
+                     <a href="/quotes">Quotes</a>
+                  </td>
+                  <td>Periodic genreation</td>
+               </tr>
+               <tr>
+                  <td align="right">
+                     <a href="/counter">Counter</a>
+                  </td>
+                  <td>Client component</td>
+               </tr>
+               <tr>
+                  <td align="right">
+                     <a href="/hello">Hello</a>
+                  </td>
+                  <td>Stateful object + data bind props</td>
+               </tr>
+               <tr>
+                  <td align="right">
+                     <a href="/forms">Forms</a>
+                  </td>
+                  <td>reactful forms + validation API + RESTful action</td>
+               </tr>
+               <tr>
+                  <td align="right">
+                     <a href="/login">Login</a>
+                  </td>
+                  <td>reactful forms RESTful action authentication</td>
+               </tr>
+               <tr>
+                  <td align="right">
+                     <a href="/profile/123">Profile</a>
+                  </td>
+                  <td>Parametric (dynamic) routes with modular CSS</td>
+               </tr>
+            </tbody>
+         </table>
+      </div>
+   </body>
 </html>

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

@@ -1,48 +1,48 @@
-<!DOCTYPE html>
-<html lang="en">
-   <head>
-      <meta charset="UTF-8">
-      <meta name="viewport" content="width=device-width, initial-scale=1.0">
-      <meta name="description" content="Home page">
-      <meta name="theme-color" content="#333">
-      <link rel="stylesheet" href="/assets/bootstrap-icons.css">
-      <link rel="stylesheet" href="/assets/markdown.css">
-      <link rel="stylesheet" href="/assets/default.css">
-      <link rel="manifest" href="/assets/manifest.json">
-      <title>Welcome</title>
-      <meta name='viewport' content='width=device-width, initial-scale=1.0' />
-      <meta name='description' content='Home page' />
-      <meta name='theme-color' content='#333' />
-      <meta name='title' content='Welcome' />
-   <script src='/mnt/b/Repositorios/reactful/experiment/builds/shared.js'></script>
-      <script type='module' src='/mnt/b/Repositorios/reactful/experiment/builds/bundle.js'></script></head>
-   <body>
-      <div id='root'>
-         <jsx tag="jsx" uid="2" own="default"
-            src="/mnt/b/Repositorios/reactful/experiment/routes/login.tsx" hidden class="default">
-            <h1>
-               <i class="bi bi-undefined bi-user" title>
-               </i>Login</h1>
-            <progress hidden>loading...</progress>
-            <form method="POST" action="http://localhost:3000/api/auth" bearer="access_token">
-               <section cols="1">
-                  <label>UserName<input bind="username" />
-                  </label>
-                  <label>PassWord<input type="password" bind="password" />
-                  </label>
-               </section>
-               <button>Submit</button>
-            </form>
-            <fieldset>
-               <legend>ERROR</legend>
-               <ul>
-               </ul>
-            </fieldset>
-            <br />
-            <fieldset style="word-break:break-all">
-               <legend>token</legend>
-            </fieldset>
-         </jsx>
-      </div>
-   </body>
+<!DOCTYPE html>
+<html lang="en">
+   <head>
+      <meta charset="UTF-8">
+      <meta name="viewport" content="width=device-width, initial-scale=1.0">
+      <meta name="description" content="Home page">
+      <meta name="theme-color" content="#333">
+      <link rel="stylesheet" href="/assets/bootstrap-icons.css">
+      <link rel="stylesheet" href="/assets/markdown.css">
+      <link rel="stylesheet" href="/assets/default.css">
+      <link rel="manifest" href="/assets/manifest.json">
+      <title>Welcome</title>
+      <meta name='viewport' content='width=device-width, initial-scale=1.0' />
+      <meta name='description' content='Home page' />
+      <meta name='theme-color' content='#333' />
+      <meta name='title' content='Welcome' />
+   <script src='/mnt/b/Repositorios/reactful/experiment/builds/shared.js'></script>
+      <script type='module' src='/mnt/b/Repositorios/reactful/experiment/builds/bundle.js'></script></head>
+   <body>
+      <div id='root'>
+         <jsx tag="jsx" uid="2" own="default"
+            src="/mnt/b/Repositorios/reactful/experiment/routes/login.tsx" hidden class="default">
+            <h1>
+               <i class="bi bi-undefined bi-user" title>
+               </i>Login</h1>
+            <progress hidden>loading...</progress>
+            <form method="POST" action="http://localhost:3000/api/auth" bearer="access_token">
+               <section cols="1">
+                  <label>UserName<input bind="username" />
+                  </label>
+                  <label>PassWord<input type="password" bind="password" />
+                  </label>
+               </section>
+               <button>Submit</button>
+            </form>
+            <fieldset>
+               <legend>ERROR</legend>
+               <ul>
+               </ul>
+            </fieldset>
+            <br />
+            <fieldset style="word-break:break-all">
+               <legend>token</legend>
+            </fieldset>
+         </jsx>
+      </div>
+   </body>
 </html>

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

@@ -1,55 +1,55 @@
-<!DOCTYPE html>
-<html lang="en">
-   <head>
-      <meta charset="UTF-8">
-      <meta name="viewport" content="width=device-width, initial-scale=1.0">
-      <meta name="description" content="Home page">
-      <meta name="theme-color" content="#333">
-      <link rel="stylesheet" href="/assets/bootstrap-icons.css">
-      <link rel="stylesheet" href="/assets/markdown.css">
-      <link rel="stylesheet" href="/assets/default.css">
-      <link rel="manifest" href="/assets/manifest.json">
-      <title>Welcome</title>
-      <meta name='viewport' content='width=device-width, initial-scale=1.0' />
-      <meta name='description' content='Home page' />
-      <meta name='theme-color' content='#333' />
-      <meta name='title' content='Welcome' />
-   <script src='/mnt/b/Repositorios/reactful/experiment/builds/shared.js'></script>
-      <script type='module' src='/mnt/b/Repositorios/reactful/experiment/builds/bundle.js'></script></head>
-   <body>
-      <div id='root'>
-         <h1 tag="h1" uid="3" class="default" style="color:#ffb300">Profile</h1>
-         <jsx tag="jsx" uid="12" own="default"
-            src="/mnt/b/Repositorios/reactful/experiment/routes/profile/detail.tsx" hidden
-            class="default">
-            <h3>Detail</h3>Parametric value = <b>
-            </b>
-            <hr />
-            <p>modular CSS keep original color</p>
-            <fieldset>
-               <legend>Mode</legend>
-               <section>
-                  <button link="./developer">developer</button>
-                  <button link="./manager">manager</button>
-                  <button link="./tester">tester(component)</button>
-               </section>
-               <hr />
-               <section route="./developer">
-                  <b>DEVELOPER</b> is Lorem ipsum dolor sit amet consectetur adipisicing elit.
-                  Aspernatur similique ipsa, molestiae numquam laudantium quod, aliquid soluta
-                  cumque placeat saepe mollitia sint consectetur labore consequatur pariatur
-                  praesentium animi. Obcaecati, nihil?</section>
-               <section route="./manager">
-                  <b>MANAGER</b> is Lorem ipsum dolor sit amet consectetur adipisicing elit.
-                  Aspernatur similique ipsa, molestiae numquam laudantium quod, aliquid soluta
-                  cumque placeat saepe mollitia sint consectetur labore consequatur pariatur
-                  praesentium animi. Obcaecati, nihil?</section>
-               <div>
-               </div>
-            </fieldset>
-         </jsx>
-         <hr tag="hr" uid="8" class="default" />
-         <p tag="p" uid="10" class="default" style="color:red">modular CSS chainging to red</p>
-      </div>
-   </body>
+<!DOCTYPE html>
+<html lang="en">
+   <head>
+      <meta charset="UTF-8">
+      <meta name="viewport" content="width=device-width, initial-scale=1.0">
+      <meta name="description" content="Home page">
+      <meta name="theme-color" content="#333">
+      <link rel="stylesheet" href="/assets/bootstrap-icons.css">
+      <link rel="stylesheet" href="/assets/markdown.css">
+      <link rel="stylesheet" href="/assets/default.css">
+      <link rel="manifest" href="/assets/manifest.json">
+      <title>Welcome</title>
+      <meta name='viewport' content='width=device-width, initial-scale=1.0' />
+      <meta name='description' content='Home page' />
+      <meta name='theme-color' content='#333' />
+      <meta name='title' content='Welcome' />
+   <script src='/mnt/b/Repositorios/reactful/experiment/builds/shared.js'></script>
+      <script type='module' src='/mnt/b/Repositorios/reactful/experiment/builds/bundle.js'></script></head>
+   <body>
+      <div id='root'>
+         <h1 tag="h1" uid="3" class="default" style="color:#ffb300">Profile</h1>
+         <jsx tag="jsx" uid="12" own="default"
+            src="/mnt/b/Repositorios/reactful/experiment/routes/profile/detail.tsx" hidden
+            class="default">
+            <h3>Detail</h3>Parametric value = <b>
+            </b>
+            <hr />
+            <p>modular CSS keep original color</p>
+            <fieldset>
+               <legend>Mode</legend>
+               <section>
+                  <button link="./developer">developer</button>
+                  <button link="./manager">manager</button>
+                  <button link="./tester">tester(component)</button>
+               </section>
+               <hr />
+               <section route="./developer">
+                  <b>DEVELOPER</b> is Lorem ipsum dolor sit amet consectetur adipisicing elit.
+                  Aspernatur similique ipsa, molestiae numquam laudantium quod, aliquid soluta
+                  cumque placeat saepe mollitia sint consectetur labore consequatur pariatur
+                  praesentium animi. Obcaecati, nihil?</section>
+               <section route="./manager">
+                  <b>MANAGER</b> is Lorem ipsum dolor sit amet consectetur adipisicing elit.
+                  Aspernatur similique ipsa, molestiae numquam laudantium quod, aliquid soluta
+                  cumque placeat saepe mollitia sint consectetur labore consequatur pariatur
+                  praesentium animi. Obcaecati, nihil?</section>
+               <div>
+               </div>
+            </fieldset>
+         </jsx>
+         <hr tag="hr" uid="8" class="default" />
+         <p tag="p" uid="10" class="default" style="color:red">modular CSS chainging to red</p>
+      </div>
+   </body>
 </html>

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

@@ -1,27 +1,27 @@
-<!DOCTYPE html>
-<html lang="en">
-   <head>
-      <meta charset="UTF-8">
-      <meta name="viewport" content="width=device-width, initial-scale=1.0">
-      <meta name="description" content="Home page">
-      <meta name="theme-color" content="#333">
-      <link rel="stylesheet" href="/assets/bootstrap-icons.css">
-      <link rel="stylesheet" href="/assets/markdown.css">
-      <link rel="stylesheet" href="/assets/default.css">
-      <link rel="manifest" href="/assets/manifest.json">
-      <title>Welcome</title>
-      <meta name='viewport' content='width=device-width, initial-scale=1.0' />
-      <meta name='description' content='Home page' />
-      <meta name='theme-color' content='#333' />
-      <meta name='title' content='Welcome' />
-   <script src='/mnt/b/Repositorios/reactful/experiment/builds/shared.js'></script>
-      <script type='module' src='/mnt/b/Repositorios/reactful/experiment/builds/bundle.js'></script></head>
-   <body>
-      <div id='root'>
-         <h1>My custom error component</h1>
-         <p> <!-- -->Unable to connect. Is the computer able to access the url?<!-- --> </p>
-         <hr />
-         <code>it will be regenerated in each 30min(press F5 to check)</code>
-      </div>
-   </body>
+<!DOCTYPE html>
+<html lang="en">
+   <head>
+      <meta charset="UTF-8">
+      <meta name="viewport" content="width=device-width, initial-scale=1.0">
+      <meta name="description" content="Home page">
+      <meta name="theme-color" content="#333">
+      <link rel="stylesheet" href="/assets/bootstrap-icons.css">
+      <link rel="stylesheet" href="/assets/markdown.css">
+      <link rel="stylesheet" href="/assets/default.css">
+      <link rel="manifest" href="/assets/manifest.json">
+      <title>Welcome</title>
+      <meta name='viewport' content='width=device-width, initial-scale=1.0' />
+      <meta name='description' content='Home page' />
+      <meta name='theme-color' content='#333' />
+      <meta name='title' content='Welcome' />
+   <script src='/mnt/b/Repositorios/reactful/experiment/builds/shared.js'></script>
+      <script type='module' src='/mnt/b/Repositorios/reactful/experiment/builds/bundle.js'></script></head>
+   <body>
+      <div id='root'>
+         <h1>My custom error component</h1>
+         <p> <!-- -->Unable to connect. Is the computer able to access the url?<!-- --> </p>
+         <hr />
+         <code>it will be regenerated in each 30min(press F5 to check)</code>
+      </div>
+   </body>
 </html>