npm - @reactful/create - Versions diffs - 0.0.92 → 0.0.95 - Mend

@reactful/create 0.0.92 → 0.0.95

Files changed (75) hide show

package/index.js +15 -16
package/package.json +18 -16
package/templates/empty/index.html +12 -0
package/templates/empty/index.ts +3 -0
package/templates/minimal/index.html +12 -0
package/templates/minimal/index.ts +3 -0
package/templates/sampling/apis/auth/db.ts +15 -0
package/templates/sampling/apis/auth/index.ts +28 -0
package/templates/sampling/apis/hello.ts +3 -0
package/templates/sampling/apis/quotes.ts +16 -0
package/templates/sampling/apis/sub/index.ts +3 -0
package/templates/sampling/apis/sub/sub.ts +3 -0
package/templates/sampling/assets/SLIDEME.png +0 -0
package/templates/sampling/assets/default.css +91 -0
package/templates/sampling/assets/favicon.ico +0 -0
package/templates/sampling/assets/icon.png +0 -0
package/templates/sampling/assets/icon.svg +6 -0
package/templates/sampling/assets/logo-144.png +0 -0
package/templates/sampling/assets/logo-168.png +0 -0
package/templates/sampling/assets/logo-192.png +0 -0
package/templates/sampling/assets/logo-48.png +0 -0
package/templates/sampling/assets/logo-512.png +0 -0
package/templates/sampling/assets/logo-72.png +0 -0
package/templates/sampling/assets/logo-96.png +0 -0
package/templates/sampling/assets/manifest.json +57 -0
package/templates/sampling/assets/markdown.css +274 -0
package/templates/sampling/assets/robots.txt +1 -0
package/templates/sampling/assets/system.css +7 -0
package/templates/sampling/builds/about.html +27 -0
package/templates/sampling/builds/bundle.js +13116 -0
package/templates/sampling/builds/bundle.ts +25 -0
package/templates/sampling/builds/client.ts +1 -0
package/templates/sampling/builds/clock.html +30 -0
package/templates/sampling/builds/counter.html +30 -0
package/templates/sampling/builds/forms/form.html +48 -0
package/templates/sampling/builds/forms/index.html +48 -0
package/templates/sampling/builds/hello.html +60 -0
package/templates/sampling/builds/htmlx.html +24 -0
package/templates/sampling/builds/htmlx.tsx +13 -0
package/templates/sampling/builds/index.html +98 -0
package/templates/sampling/builds/login.html +45 -0
package/templates/sampling/builds/profile/index.html +54 -0
package/templates/sampling/builds/quotes.html +26 -0
package/templates/sampling/builds/shared.js +76 -0
package/templates/sampling/builds/system.html +27 -0
package/templates/sampling/components/header.tsx +7 -0
package/templates/sampling/directives/index.ts +1 -0
package/templates/sampling/directives/shown.ts +6 -0
package/templates/sampling/index.html +20 -0
package/templates/sampling/index.ts +19 -0
package/templates/sampling/routes/about.html +13 -0
package/templates/sampling/routes/clock.tsx +35 -0
package/templates/sampling/routes/counter.tsx +21 -0
package/templates/sampling/routes/forms/form.css +19 -0
package/templates/sampling/routes/forms/form.tsx +51 -0
package/templates/sampling/routes/forms/index.tsx +3 -0
package/templates/sampling/routes/hello.tsx +62 -0
package/templates/sampling/routes/htmlx.html +15 -0
package/templates/sampling/routes/index.md +15 -0
package/templates/sampling/routes/login.tsx +36 -0
package/templates/sampling/routes/profile/detail.css +13 -0
package/templates/sampling/routes/profile/detail.tsx +48 -0
package/templates/sampling/routes/profile/index.tsx +14 -0
package/templates/sampling/routes/profile/profile.css +8 -0
package/templates/sampling/routes/profile/tester.tsx +11 -0
package/templates/sampling/routes/quotes.tsx +25 -0
package/templates/sampling/routes/system.tsx +23 -0
package/templates/sampling/tests/access.spec.ts +29 -0
package/templates/sampling/tests/counter.spec.ts +19 -0
package/templates/sampling/tests/form.spec.ts +51 -0
package/templates/sampling/tests/hello.spec.ts +25 -0
package/templates/sampling/tests/path.test.ts +20 -0
package/templates/empty.zip +0 -0
package/templates/minimal.zip +0 -0
package/templates/sampling.zip +0 -0

package/templates/sampling/builds/bundle.ts ADDED Viewed

@@ -0,0 +1,25 @@
+import { GLOBAL_KEY } from '@reactful/commons'
+await import('/mnt/b/Repositorios/reactful/experiments/builds/client.ts').then(x => x.default());
+globalThis[GLOBAL_KEY].clients ||= {}
+globalThis[GLOBAL_KEY].clients['/mnt/b/Repositorios/reactful/experiments/routes/counter.tsx'] = { off:false, tag:'CountButton' }
+import('/mnt/b/Repositorios/reactful/experiments/routes/counter.tsx').then(x => x.CountButton)
+.then(x => globalThis[GLOBAL_KEY].clients['/mnt/b/Repositorios/reactful/experiments/routes/counter.tsx'].jsx = x);
+globalThis[GLOBAL_KEY].clients['/mnt/b/Repositorios/reactful/experiments/routes/forms/form.tsx'] = { off:false, tag:'default' }
+import('/mnt/b/Repositorios/reactful/experiments/routes/forms/form.tsx').then(x => x.default)
+.then(x => globalThis[GLOBAL_KEY].clients['/mnt/b/Repositorios/reactful/experiments/routes/forms/form.tsx'].jsx = x);
+globalThis[GLOBAL_KEY].clients['/mnt/b/Repositorios/reactful/experiments/routes/hello.tsx'] = { off:false, tag:'Hello' }
+import('/mnt/b/Repositorios/reactful/experiments/routes/hello.tsx').then(x => x.default)
+.then(x => globalThis[GLOBAL_KEY].clients['/mnt/b/Repositorios/reactful/experiments/routes/hello.tsx'].jsx = x);
+globalThis[GLOBAL_KEY].clients['/mnt/b/Repositorios/reactful/experiments/routes/login.tsx'] = { off:false, tag:'default' }
+import('/mnt/b/Repositorios/reactful/experiments/routes/login.tsx').then(x => x.default)
+.then(x => globalThis[GLOBAL_KEY].clients['/mnt/b/Repositorios/reactful/experiments/routes/login.tsx'].jsx = x);
+globalThis[GLOBAL_KEY].clients['/mnt/b/Repositorios/reactful/experiments/routes/profile/detail.tsx'] = { off:false, tag:'Detail' }
+import('/mnt/b/Repositorios/reactful/experiments/routes/profile/detail.tsx').then(x => x.Detail)
+.then(x => globalThis[GLOBAL_KEY].clients['/mnt/b/Repositorios/reactful/experiments/routes/profile/detail.tsx'].jsx = x);

package/templates/sampling/builds/client.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ false

package/templates/sampling/builds/clock.html ADDED Viewed

@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html lang="en">
+   <head>
+      <meta charset="UTF-8">
+      <meta name="viewport" content="width=device-width, initial-scale=1.0">
+      <meta name="description" content="Home page">
+      <meta name="theme-color" content="#333">
+      <link rel="stylesheet" href="/assets/markdown.css">
+      <link rel="stylesheet" href="/assets/default.css">
+      <link rel="manifest" href="/assets/manifest.json">
+      <title>Welcome</title>
+      <meta name='viewport' content='width=device-width, initial-scale=1.0' />
+      <meta name='description' content='Home page' />
+      <meta name='theme-color' content='#333' />
+      <meta name='title' content='Welcome' />
+   <script src='/mnt/b/Repositorios/reactful/experiments/builds/shared.js'></script>
+      <script type='module' src='/mnt/b/Repositorios/reactful/experiments/builds/bundle.js'></script></head>
+   <body>
+      <div id='root'>
+         <h1 tag="h1" uid="6" class="TimeZone">World Clock</h1>
+         <h2 tag="h2" uid="8" class="TimeZone">Europe/Amistedan timezone</h2>
+         <h3 style="color:yellow" tag="h3" uid="10" class="TimeZone"> <!-- -->2024-2-20<!-- -->
+            <!-- -->17:11:50<!-- --> </h3>
+         <code tag="code" uid="15" own="InnerAsyncComponent" class="InnerAsyncComponent">
+            <mark tag="mark" uid="17" class="InnerAsyncComponent">I&#x27;m a inner subcomponent
+               !!!</mark>
+         </code>
+      </div>
+   </body>
+</html>

package/templates/sampling/builds/counter.html ADDED Viewed

@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html lang="en">
+   <head>
+      <meta charset="UTF-8">
+      <meta name="viewport" content="width=device-width, initial-scale=1.0">
+      <meta name="description" content="Home page">
+      <meta name="theme-color" content="#333">
+      <link rel="stylesheet" href="/assets/markdown.css">
+      <link rel="stylesheet" href="/assets/default.css">
+      <link rel="manifest" href="/assets/manifest.json">
+      <title>Welcome</title>
+      <meta name='viewport' content='width=device-width, initial-scale=1.0' />
+      <meta name='description' content='Home page' />
+      <meta name='theme-color' content='#333' />
+      <meta name='title' content='Welcome' />
+   <script src='/mnt/b/Repositorios/reactful/experiments/builds/shared.js'></script>
+      <script type='module' src='/mnt/b/Repositorios/reactful/experiments/builds/bundle.js'></script></head>
+   <body>
+      <div id='root'>
+         <h1 tag="h1" uid="3" class="default">Counter</h1>
+         <jsx tag="jsx" uid="9" own="default"
+            src="/mnt/b/Repositorios/reactful/experiments/routes/counter.tsx" hidden
+            class="default">
+            <button style="padding:20px">COUNTED: <b>0</b>
+            </button>
+         </jsx>
+         <h6 tag="h6" uid="7" class="default" hidden>DONT SHOW ME!</h6>
+      </div>
+   </body>
+</html>

package/templates/sampling/builds/forms/form.html ADDED Viewed

@@ -0,0 +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/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/experiments/builds/shared.js'></script>
+      <script type='module' src='/mnt/b/Repositorios/reactful/experiments/builds/bundle.js'></script></head>
+   <body>
+      <div id='root'>
+         <jsx tag="jsx" uid="2" own="default"
+            src="/mnt/b/Repositorios/reactful/experiments/routes/forms/form.tsx" hidden
+            class="default">
+            <h1>Uncontrolled Components</h1>
+            <progress hidden>test...</progress>
+            <form cols="2" method="post" action="https://jsonplaceholder.typicode.com/posts1">
+               <label>Name<input id="name" bind="name" />
+               </label>
+               <label>Date<input type="date" bind="date" />
+               </label>
+               <label>Work<input pattern="dev|test" bind="work" />
+               </label>
+               <label>Mode<input bind="mode" />
+               </label>
+               <hr />
+               <hr />
+               <label>Accept?<input bind="term" type="checkbox" required />
+               </label>
+               <button>Submit</button>
+            </form>
+            <fieldset>
+               <legend>ERROR</legend>
+               <ul>
+               </ul>
+            </fieldset>
+         </jsx>
+      </div>
+   </body>
+</html>

package/templates/sampling/builds/forms/index.html ADDED Viewed

@@ -0,0 +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/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/experiments/builds/shared.js'></script>
+      <script type='module' src='/mnt/b/Repositorios/reactful/experiments/builds/bundle.js'></script></head>
+   <body>
+      <div id='root'>
+         <jsx tag="jsx" uid="2" own="default"
+            src="/mnt/b/Repositorios/reactful/experiments/routes/forms/form.tsx" hidden
+            class="default">
+            <h1>Uncontrolled Components</h1>
+            <progress hidden>test...</progress>
+            <form cols="2" method="post" action="https://jsonplaceholder.typicode.com/posts1">
+               <label>Name<input id="name" bind="name" />
+               </label>
+               <label>Date<input type="date" bind="date" />
+               </label>
+               <label>Work<input pattern="dev|test" bind="work" />
+               </label>
+               <label>Mode<input bind="mode" />
+               </label>
+               <hr />
+               <hr />
+               <label>Accept?<input bind="term" type="checkbox" required />
+               </label>
+               <button>Submit</button>
+            </form>
+            <fieldset>
+               <legend>ERROR</legend>
+               <ul>
+               </ul>
+            </fieldset>
+         </jsx>
+      </div>
+   </body>
+</html>

package/templates/sampling/builds/hello.html ADDED Viewed

@@ -0,0 +1,60 @@
+<!DOCTYPE html>
+<html lang="en">
+   <head>
+      <meta charset="UTF-8">
+      <meta name="viewport" content="width=device-width, initial-scale=1.0">
+      <meta name="description" content="Home page">
+      <meta name="theme-color" content="#333">
+      <link rel="stylesheet" href="/assets/markdown.css">
+      <link rel="stylesheet" href="/assets/default.css">
+      <link rel="manifest" href="/assets/manifest.json">
+      <title>Welcome</title>
+      <meta name='viewport' content='width=device-width, initial-scale=1.0' />
+      <meta name='description' content='Home page' />
+      <meta name='theme-color' content='#333' />
+      <meta name='title' content='Welcome' />
+   <script src='/mnt/b/Repositorios/reactful/experiments/builds/shared.js'></script>
+      <script type='module' src='/mnt/b/Repositorios/reactful/experiments/builds/bundle.js'></script></head>
+   <body>
+      <div id='root'>
+         <jsx tag="jsx" uid="2" own="default"
+            src="/mnt/b/Repositorios/reactful/experiments/routes/hello.tsx" hidden class="default">
+            <h1 style="color:wheat">Hello Forms</h1>
+            <main gaps="0 10px" cols="1">
+               <label>
+                  <b>LOCAL state </b> <code>function(props)</code>
+                  <br />
+                  <input id="1" data="[object Object]" bind="value" placeholder="{props}" />
+                  <input id="1.1" bind="value" placeholder="default" />
+                  <input id="1.1.1" placeholder="inner" data="[object Object]" bind="value" />
+                  <label> = </label>
+               </label>
+               <label>
+                  <b>GLOBAL state</b> <code>function(props, <!-- -->{ store }<!-- -->)</code>
+                  <br />
+                  <input id="2" data="[object Object]" bind="value" placeholder="outer" />
+                  <input id="2.1" placeholder="inner" bind="value" />
+               </label>
+               <label>
+                  <b>ORBITAL state</b> <code>useStore(...) + @state(...) </code>
+                  <br />
+                  <input id="3" data="[object Object]" bind="value" placeholder="outer" />
+                  <input id="3.1" placeholder="inner" data="[object Object]" bind="value" />
+                  <input id="3.2" data="[object Object]" bind="value" placeholder="other" /> =
+                  <!-- -->1</label>
+            </main>
+            <br />
+            <hr />
+            <code>
+               <strong>local</strong>: <label id="l1">
+               </label>
+               <br />
+               <strong>global</strong>: <label id="l2">
+               </label>
+               <br />
+               <strong>orbital</strong>: <label id="l3">0</label>
+            </code>
+         </jsx>
+      </div>
+   </body>
+</html>

package/templates/sampling/builds/htmlx.html ADDED Viewed

@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html lang="en">
+   <head>
+      <meta charset="UTF-8">
+      <meta name="viewport" content="width=device-width, initial-scale=1.0">
+      <meta name="description" content="Home page">
+      <meta name="theme-color" content="#333">
+      <link rel="stylesheet" href="/assets/markdown.css">
+      <link rel="stylesheet" href="/assets/default.css">
+      <link rel="manifest" href="/assets/manifest.json">
+      <title>Sample</title>
+      <meta name='title' content='Sample' />
+      <meta name='description' content='Sample page' />
+   <script src='/mnt/b/Repositorios/reactful/experiments/builds/shared.js'></script>
+      <script type='module' src='/mnt/b/Repositorios/reactful/experiments/builds/bundle.js'></script></head>
+   <body>
+      <div id='root'>
+         <h1 style="color:wheat">HTML-X</h1>
+         <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Similique eum quaerat nesciunt
+            est molestias accusantium aut sit odit, vero voluptate iure vel aperiam modi libero in
+            praesentium nam obcaecati error!</p>
+      </div>
+   </body>
+</html>

package/templates/sampling/builds/htmlx.tsx ADDED Viewed

@@ -0,0 +1,13 @@
+import React from 'react'
+import { Header } from '../components/header.tsx'
+export default function() {
+	return <>
+   <Header title="HTML-X" />
+   <p>
+      Lorem ipsum dolor sit amet consectetur adipisicing elit.
+      Similique eum quaerat nesciunt est molestias accusantium
+      aut sit odit, vero voluptate iure vel aperiam modi libero
+      in praesentium nam obcaecati error!
+   </p>
+</>
+}

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

@@ -0,0 +1,98 @@
+<!DOCTYPE html>
+<html lang="en">
+   <head>
+      <meta charset="UTF-8">
+      <meta name="viewport" content="width=device-width, initial-scale=1.0">
+      <meta name="description" content="Home page">
+      <meta name="theme-color" content="#333">
+      <link rel="stylesheet" href="/assets/markdown.css">
+      <link rel="stylesheet" href="/assets/default.css">
+      <link rel="manifest" href="/assets/manifest.json">
+      <title>Welcome</title>
+      <meta name='viewport' content='width=device-width, initial-scale=1.0' />
+      <meta name='description' content='Home page' />
+      <meta name='theme-color' content='#333' />
+      <meta name='title' content='Welcome' />
+   <script src='/mnt/b/Repositorios/reactful/experiments/builds/shared.js'></script>
+      <script type='module' src='/mnt/b/Repositorios/reactful/experiments/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 + server action</td>
+               </tr>
+               <tr>
+                  <td align="right">
+                     <a href="/login">Login</a>
+                  </td>
+                  <td>reactful forms server 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 ADDED Viewed

@@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<html lang="en">
+   <head>
+      <meta charset="UTF-8">
+      <meta name="viewport" content="width=device-width, initial-scale=1.0">
+      <meta name="description" content="Home page">
+      <meta name="theme-color" content="#333">
+      <link rel="stylesheet" href="/assets/markdown.css">
+      <link rel="stylesheet" href="/assets/default.css">
+      <link rel="manifest" href="/assets/manifest.json">
+      <title>Welcome</title>
+      <meta name='viewport' content='width=device-width, initial-scale=1.0' />
+      <meta name='description' content='Home page' />
+      <meta name='theme-color' content='#333' />
+      <meta name='title' content='Welcome' />
+   <script src='/mnt/b/Repositorios/reactful/experiments/builds/shared.js'></script>
+      <script type='module' src='/mnt/b/Repositorios/reactful/experiments/builds/bundle.js'></script></head>
+   <body>
+      <div id='root'>
+         <jsx tag="jsx" uid="2" own="default"
+            src="/mnt/b/Repositorios/reactful/experiments/routes/login.tsx" hidden class="default">
+            <h1>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 ADDED Viewed

@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html lang="en">
+   <head>
+      <meta charset="UTF-8">
+      <meta name="viewport" content="width=device-width, initial-scale=1.0">
+      <meta name="description" content="Home page">
+      <meta name="theme-color" content="#333">
+      <link rel="stylesheet" href="/assets/markdown.css">
+      <link rel="stylesheet" href="/assets/default.css">
+      <link rel="manifest" href="/assets/manifest.json">
+      <title>Welcome</title>
+      <meta name='viewport' content='width=device-width, initial-scale=1.0' />
+      <meta name='description' content='Home page' />
+      <meta name='theme-color' content='#333' />
+      <meta name='title' content='Welcome' />
+   <script src='/mnt/b/Repositorios/reactful/experiments/builds/shared.js'></script>
+      <script type='module' src='/mnt/b/Repositorios/reactful/experiments/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/experiments/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 ADDED Viewed

@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html lang="en">
+   <head>
+      <meta charset="UTF-8">
+      <meta name="viewport" content="width=device-width, initial-scale=1.0">
+      <meta name="description" content="Home page">
+      <meta name="theme-color" content="#333">
+      <link rel="stylesheet" href="/assets/markdown.css">
+      <link rel="stylesheet" href="/assets/default.css">
+      <link rel="manifest" href="/assets/manifest.json">
+      <title>Welcome</title>
+      <meta name='viewport' content='width=device-width, initial-scale=1.0' />
+      <meta name='description' content='Home page' />
+      <meta name='theme-color' content='#333' />
+      <meta name='title' content='Welcome' />
+   <script src='/mnt/b/Repositorios/reactful/experiments/builds/shared.js'></script>
+      <script type='module' src='/mnt/b/Repositorios/reactful/experiments/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>