@reactful/create 0.0.91 → 0.0.94
Sign up to get free protection for your applications and to get access to all the features.
- package/commons/package.json +22 -0
- package/commons/tsconfig.json +24 -0
- package/index.js +23 -5
- 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
@@ -0,0 +1,25 @@
|
|
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
|
+
|
@@ -0,0 +1 @@
|
|
1
|
+
false
|
@@ -0,0 +1,30 @@
|
|
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'm a inner subcomponent
|
26
|
+
!!!</mark>
|
27
|
+
</code>
|
28
|
+
</div>
|
29
|
+
</body>
|
30
|
+
</html>
|
@@ -0,0 +1,30 @@
|
|
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>
|
@@ -0,0 +1,48 @@
|
|
1
|
+
<!DOCTYPE html>
|
2
|
+
<html lang="en">
|
3
|
+
<head>
|
4
|
+
<meta charset="UTF-8">
|
5
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
6
|
+
<meta name="description" content="Home page">
|
7
|
+
<meta name="theme-color" content="#333">
|
8
|
+
<link rel="stylesheet" href="/assets/markdown.css">
|
9
|
+
<link rel="stylesheet" href="/assets/default.css">
|
10
|
+
<link rel="manifest" href="/assets/manifest.json">
|
11
|
+
<title>Welcome</title>
|
12
|
+
<meta name='viewport' content='width=device-width, initial-scale=1.0' />
|
13
|
+
<meta name='description' content='Home page' />
|
14
|
+
<meta name='theme-color' content='#333' />
|
15
|
+
<meta name='title' content='Welcome' />
|
16
|
+
<script src='/mnt/b/Repositorios/reactful/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>
|
@@ -0,0 +1,48 @@
|
|
1
|
+
<!DOCTYPE html>
|
2
|
+
<html lang="en">
|
3
|
+
<head>
|
4
|
+
<meta charset="UTF-8">
|
5
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
6
|
+
<meta name="description" content="Home page">
|
7
|
+
<meta name="theme-color" content="#333">
|
8
|
+
<link rel="stylesheet" href="/assets/markdown.css">
|
9
|
+
<link rel="stylesheet" href="/assets/default.css">
|
10
|
+
<link rel="manifest" href="/assets/manifest.json">
|
11
|
+
<title>Welcome</title>
|
12
|
+
<meta name='viewport' content='width=device-width, initial-scale=1.0' />
|
13
|
+
<meta name='description' content='Home page' />
|
14
|
+
<meta name='theme-color' content='#333' />
|
15
|
+
<meta name='title' content='Welcome' />
|
16
|
+
<script src='/mnt/b/Repositorios/reactful/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>
|
@@ -0,0 +1,60 @@
|
|
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>
|
@@ -0,0 +1,24 @@
|
|
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>
|
@@ -0,0 +1,13 @@
|
|
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
|
+
}
|
@@ -0,0 +1,98 @@
|
|
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>
|
@@ -0,0 +1,45 @@
|
|
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>
|
@@ -0,0 +1,54 @@
|
|
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>
|
@@ -0,0 +1,26 @@
|
|
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>
|