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

@reactful/create 0.0.92 → 0.0.95

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 (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>