@reactful/create 0.0.58 → 0.0.59

Sign up to get free protection for your applications and to get access to all the features.
Files changed (76) hide show
  1. package/index.js +1 -8
  2. package/package.json +3 -4
  3. package/bun.lockb +0 -0
  4. package/common/package.json +0 -22
  5. package/common/tsconfig.json +0 -24
  6. package/templates/empty/index.html +0 -12
  7. package/templates/empty/index.ts +0 -5
  8. package/templates/minimal/index.html +0 -12
  9. package/templates/minimal/index.ts +0 -5
  10. package/templates/sampling/apis/auth/db.ts +0 -15
  11. package/templates/sampling/apis/auth/index.ts +0 -28
  12. package/templates/sampling/apis/hello.ts +0 -3
  13. package/templates/sampling/apis/quotes.ts +0 -16
  14. package/templates/sampling/apis/sub/index.ts +0 -3
  15. package/templates/sampling/apis/sub/sub.ts +0 -3
  16. package/templates/sampling/assets/SLIDEME.png +0 -0
  17. package/templates/sampling/assets/default.css +0 -91
  18. package/templates/sampling/assets/favicon.ico +0 -0
  19. package/templates/sampling/assets/icon.png +0 -0
  20. package/templates/sampling/assets/icon.svg +0 -6
  21. package/templates/sampling/assets/logo-144.png +0 -0
  22. package/templates/sampling/assets/logo-168.png +0 -0
  23. package/templates/sampling/assets/logo-192.png +0 -0
  24. package/templates/sampling/assets/logo-48.png +0 -0
  25. package/templates/sampling/assets/logo-512.png +0 -0
  26. package/templates/sampling/assets/logo-72.png +0 -0
  27. package/templates/sampling/assets/logo-96.png +0 -0
  28. package/templates/sampling/assets/manifest.json +0 -57
  29. package/templates/sampling/assets/markdown.css +0 -274
  30. package/templates/sampling/assets/robots.txt +0 -1
  31. package/templates/sampling/assets/system.css +0 -7
  32. package/templates/sampling/builds/about.html +0 -27
  33. package/templates/sampling/builds/bundle.js +0 -13116
  34. package/templates/sampling/builds/bundle.ts +0 -25
  35. package/templates/sampling/builds/client.ts +0 -1
  36. package/templates/sampling/builds/clock.html +0 -30
  37. package/templates/sampling/builds/counter.html +0 -30
  38. package/templates/sampling/builds/forms/form.html +0 -48
  39. package/templates/sampling/builds/forms/index.html +0 -48
  40. package/templates/sampling/builds/hello.html +0 -60
  41. package/templates/sampling/builds/htmlx.html +0 -24
  42. package/templates/sampling/builds/htmlx.tsx +0 -13
  43. package/templates/sampling/builds/index.html +0 -98
  44. package/templates/sampling/builds/login.html +0 -45
  45. package/templates/sampling/builds/profile/index.html +0 -54
  46. package/templates/sampling/builds/quotes.html +0 -26
  47. package/templates/sampling/builds/shared.js +0 -76
  48. package/templates/sampling/builds/system.html +0 -27
  49. package/templates/sampling/components/header.tsx +0 -7
  50. package/templates/sampling/directives/index.ts +0 -1
  51. package/templates/sampling/directives/shown.ts +0 -6
  52. package/templates/sampling/index.html +0 -20
  53. package/templates/sampling/index.ts +0 -19
  54. package/templates/sampling/routes/about.html +0 -13
  55. package/templates/sampling/routes/clock.tsx +0 -35
  56. package/templates/sampling/routes/counter.tsx +0 -21
  57. package/templates/sampling/routes/forms/form.css +0 -19
  58. package/templates/sampling/routes/forms/form.tsx +0 -51
  59. package/templates/sampling/routes/forms/index.tsx +0 -3
  60. package/templates/sampling/routes/hello.tsx +0 -62
  61. package/templates/sampling/routes/htmlx.html +0 -15
  62. package/templates/sampling/routes/index.md +0 -15
  63. package/templates/sampling/routes/login.tsx +0 -36
  64. package/templates/sampling/routes/profile/detail.css +0 -13
  65. package/templates/sampling/routes/profile/detail.tsx +0 -48
  66. package/templates/sampling/routes/profile/index.tsx +0 -14
  67. package/templates/sampling/routes/profile/profile.css +0 -8
  68. package/templates/sampling/routes/profile/tester.tsx +0 -11
  69. package/templates/sampling/routes/quotes.tsx +0 -25
  70. package/templates/sampling/routes/system.tsx +0 -23
  71. package/templates/sampling/tests/access.spec.ts +0 -29
  72. package/templates/sampling/tests/counter.spec.ts +0 -19
  73. package/templates/sampling/tests/form.spec.ts +0 -51
  74. package/templates/sampling/tests/hello.spec.ts +0 -25
  75. package/templates/sampling/tests/path.test.ts +0 -20
  76. package/tsconfig.json +0 -22
@@ -1,25 +0,0 @@
1
-
2
- import { GLOBAL_KEY } from '@reactful/commons'
3
- await import('/mnt/b/Repositorios/reactful/experiments/builds/client.ts').then(x => x.default());
4
- globalThis[GLOBAL_KEY].clients ||= {}
5
-
6
- globalThis[GLOBAL_KEY].clients['/mnt/b/Repositorios/reactful/experiments/routes/counter.tsx'] = { off:false, tag:'CountButton' }
7
- import('/mnt/b/Repositorios/reactful/experiments/routes/counter.tsx').then(x => x.CountButton)
8
- .then(x => globalThis[GLOBAL_KEY].clients['/mnt/b/Repositorios/reactful/experiments/routes/counter.tsx'].jsx = x);
9
-
10
- globalThis[GLOBAL_KEY].clients['/mnt/b/Repositorios/reactful/experiments/routes/forms/form.tsx'] = { off:false, tag:'default' }
11
- import('/mnt/b/Repositorios/reactful/experiments/routes/forms/form.tsx').then(x => x.default)
12
- .then(x => globalThis[GLOBAL_KEY].clients['/mnt/b/Repositorios/reactful/experiments/routes/forms/form.tsx'].jsx = x);
13
-
14
- globalThis[GLOBAL_KEY].clients['/mnt/b/Repositorios/reactful/experiments/routes/hello.tsx'] = { off:false, tag:'Hello' }
15
- import('/mnt/b/Repositorios/reactful/experiments/routes/hello.tsx').then(x => x.default)
16
- .then(x => globalThis[GLOBAL_KEY].clients['/mnt/b/Repositorios/reactful/experiments/routes/hello.tsx'].jsx = x);
17
-
18
- globalThis[GLOBAL_KEY].clients['/mnt/b/Repositorios/reactful/experiments/routes/login.tsx'] = { off:false, tag:'default' }
19
- import('/mnt/b/Repositorios/reactful/experiments/routes/login.tsx').then(x => x.default)
20
- .then(x => globalThis[GLOBAL_KEY].clients['/mnt/b/Repositorios/reactful/experiments/routes/login.tsx'].jsx = x);
21
-
22
- globalThis[GLOBAL_KEY].clients['/mnt/b/Repositorios/reactful/experiments/routes/profile/detail.tsx'] = { off:false, tag:'Detail' }
23
- import('/mnt/b/Repositorios/reactful/experiments/routes/profile/detail.tsx').then(x => x.Detail)
24
- .then(x => globalThis[GLOBAL_KEY].clients['/mnt/b/Repositorios/reactful/experiments/routes/profile/detail.tsx'].jsx = x);
25
-
@@ -1 +0,0 @@
1
- false
@@ -1,30 +0,0 @@
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/experiments/builds/shared.js'></script>
17
- <script type='module' src='/mnt/b/Repositorios/reactful/experiments/builds/bundle.js'></script></head>
18
- <body>
19
- <div id='root'>
20
- <h1 tag="h1" uid="6" class="TimeZone">World Clock</h1>
21
- <h2 tag="h2" uid="8" class="TimeZone">Europe/Amistedan timezone</h2>
22
- <h3 style="color:yellow" tag="h3" uid="10" class="TimeZone"> <!-- -->2024-2-20<!-- -->
23
- <!-- -->17:11:50<!-- --> </h3>
24
- <code tag="code" uid="15" own="InnerAsyncComponent" class="InnerAsyncComponent">
25
- <mark tag="mark" uid="17" class="InnerAsyncComponent">I&#x27;m a inner subcomponent
26
- !!!</mark>
27
- </code>
28
- </div>
29
- </body>
30
- </html>
@@ -1,30 +0,0 @@
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/experiments/builds/shared.js'></script>
17
- <script type='module' src='/mnt/b/Repositorios/reactful/experiments/builds/bundle.js'></script></head>
18
- <body>
19
- <div id='root'>
20
- <h1 tag="h1" uid="3" class="default">Counter</h1>
21
- <jsx tag="jsx" uid="9" own="default"
22
- src="/mnt/b/Repositorios/reactful/experiments/routes/counter.tsx" hidden
23
- class="default">
24
- <button style="padding:20px">COUNTED: <b>0</b>
25
- </button>
26
- </jsx>
27
- <h6 tag="h6" uid="7" class="default" hidden>DONT SHOW ME!</h6>
28
- </div>
29
- </body>
30
- </html>
@@ -1,48 +0,0 @@
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/experiments/builds/shared.js'></script>
17
- <script type='module' src='/mnt/b/Repositorios/reactful/experiments/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/experiments/routes/forms/form.tsx" hidden
22
- class="default">
23
- <h1>Uncontrolled Components</h1>
24
- <progress hidden>test...</progress>
25
- <form cols="2" method="post" action="https://jsonplaceholder.typicode.com/posts1">
26
- <label>Name<input id="name" bind="name" />
27
- </label>
28
- <label>Date<input type="date" bind="date" />
29
- </label>
30
- <label>Work<input pattern="dev|test" bind="work" />
31
- </label>
32
- <label>Mode<input bind="mode" />
33
- </label>
34
- <hr />
35
- <hr />
36
- <label>Accept?<input bind="term" type="checkbox" required />
37
- </label>
38
- <button>Submit</button>
39
- </form>
40
- <fieldset>
41
- <legend>ERROR</legend>
42
- <ul>
43
- </ul>
44
- </fieldset>
45
- </jsx>
46
- </div>
47
- </body>
48
- </html>
@@ -1,48 +0,0 @@
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/experiments/builds/shared.js'></script>
17
- <script type='module' src='/mnt/b/Repositorios/reactful/experiments/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/experiments/routes/forms/form.tsx" hidden
22
- class="default">
23
- <h1>Uncontrolled Components</h1>
24
- <progress hidden>test...</progress>
25
- <form cols="2" method="post" action="https://jsonplaceholder.typicode.com/posts1">
26
- <label>Name<input id="name" bind="name" />
27
- </label>
28
- <label>Date<input type="date" bind="date" />
29
- </label>
30
- <label>Work<input pattern="dev|test" bind="work" />
31
- </label>
32
- <label>Mode<input bind="mode" />
33
- </label>
34
- <hr />
35
- <hr />
36
- <label>Accept?<input bind="term" type="checkbox" required />
37
- </label>
38
- <button>Submit</button>
39
- </form>
40
- <fieldset>
41
- <legend>ERROR</legend>
42
- <ul>
43
- </ul>
44
- </fieldset>
45
- </jsx>
46
- </div>
47
- </body>
48
- </html>
@@ -1,60 +0,0 @@
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/experiments/builds/shared.js'></script>
17
- <script type='module' src='/mnt/b/Repositorios/reactful/experiments/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/experiments/routes/hello.tsx" hidden class="default">
22
- <h1 style="color:wheat">Hello Forms</h1>
23
- <main gaps="0 10px" cols="1">
24
- <label>
25
- <b>LOCAL state </b> <code>function(props)</code>
26
- <br />
27
- <input id="1" data="[object Object]" bind="value" placeholder="{props}" />
28
- <input id="1.1" bind="value" placeholder="default" />
29
- <input id="1.1.1" placeholder="inner" data="[object Object]" bind="value" />
30
- <label> = </label>
31
- </label>
32
- <label>
33
- <b>GLOBAL state</b> <code>function(props, <!-- -->{ store }<!-- -->)</code>
34
- <br />
35
- <input id="2" data="[object Object]" bind="value" placeholder="outer" />
36
- <input id="2.1" placeholder="inner" bind="value" />
37
- </label>
38
- <label>
39
- <b>ORBITAL state</b> <code>useStore(...) + @state(...) </code>
40
- <br />
41
- <input id="3" data="[object Object]" bind="value" placeholder="outer" />
42
- <input id="3.1" placeholder="inner" data="[object Object]" bind="value" />
43
- <input id="3.2" data="[object Object]" bind="value" placeholder="other" /> =
44
- <!-- -->1</label>
45
- </main>
46
- <br />
47
- <hr />
48
- <code>
49
- <strong>local</strong>: <label id="l1">
50
- </label>
51
- <br />
52
- <strong>global</strong>: <label id="l2">
53
- </label>
54
- <br />
55
- <strong>orbital</strong>: <label id="l3">0</label>
56
- </code>
57
- </jsx>
58
- </div>
59
- </body>
60
- </html>
@@ -1,24 +0,0 @@
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>Sample</title>
12
- <meta name='title' content='Sample' />
13
- <meta name='description' content='Sample page' />
14
- <script src='/mnt/b/Repositorios/reactful/experiments/builds/shared.js'></script>
15
- <script type='module' src='/mnt/b/Repositorios/reactful/experiments/builds/bundle.js'></script></head>
16
- <body>
17
- <div id='root'>
18
- <h1 style="color:wheat">HTML-X</h1>
19
- <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Similique eum quaerat nesciunt
20
- est molestias accusantium aut sit odit, vero voluptate iure vel aperiam modi libero in
21
- praesentium nam obcaecati error!</p>
22
- </div>
23
- </body>
24
- </html>
@@ -1,13 +0,0 @@
1
- import React from 'react'
2
- import { Header } from '../components/header.tsx'
3
- export default function() {
4
- return <>
5
- <Header title="HTML-X" />
6
- <p>
7
- Lorem ipsum dolor sit amet consectetur adipisicing elit.
8
- Similique eum quaerat nesciunt est molestias accusantium
9
- aut sit odit, vero voluptate iure vel aperiam modi libero
10
- in praesentium nam obcaecati error!
11
- </p>
12
- </>
13
- }
@@ -1,98 +0,0 @@
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/experiments/builds/shared.js'></script>
17
- <script type='module' src='/mnt/b/Repositorios/reactful/experiments/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>
98
- </html>
@@ -1,45 +0,0 @@
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/experiments/builds/shared.js'></script>
17
- <script type='module' src='/mnt/b/Repositorios/reactful/experiments/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/experiments/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>
45
- </html>
@@ -1,54 +0,0 @@
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/experiments/builds/shared.js'></script>
17
- <script type='module' src='/mnt/b/Repositorios/reactful/experiments/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/experiments/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>
54
- </html>
@@ -1,26 +0,0 @@
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/experiments/builds/shared.js'></script>
17
- <script type='module' src='/mnt/b/Repositorios/reactful/experiments/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>
26
- </html>