@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
  1. package/index.js +15 -16
  2. package/package.json +18 -16
  3. package/templates/empty/index.html +12 -0
  4. package/templates/empty/index.ts +3 -0
  5. package/templates/minimal/index.html +12 -0
  6. package/templates/minimal/index.ts +3 -0
  7. package/templates/sampling/apis/auth/db.ts +15 -0
  8. package/templates/sampling/apis/auth/index.ts +28 -0
  9. package/templates/sampling/apis/hello.ts +3 -0
  10. package/templates/sampling/apis/quotes.ts +16 -0
  11. package/templates/sampling/apis/sub/index.ts +3 -0
  12. package/templates/sampling/apis/sub/sub.ts +3 -0
  13. package/templates/sampling/assets/SLIDEME.png +0 -0
  14. package/templates/sampling/assets/default.css +91 -0
  15. package/templates/sampling/assets/favicon.ico +0 -0
  16. package/templates/sampling/assets/icon.png +0 -0
  17. package/templates/sampling/assets/icon.svg +6 -0
  18. package/templates/sampling/assets/logo-144.png +0 -0
  19. package/templates/sampling/assets/logo-168.png +0 -0
  20. package/templates/sampling/assets/logo-192.png +0 -0
  21. package/templates/sampling/assets/logo-48.png +0 -0
  22. package/templates/sampling/assets/logo-512.png +0 -0
  23. package/templates/sampling/assets/logo-72.png +0 -0
  24. package/templates/sampling/assets/logo-96.png +0 -0
  25. package/templates/sampling/assets/manifest.json +57 -0
  26. package/templates/sampling/assets/markdown.css +274 -0
  27. package/templates/sampling/assets/robots.txt +1 -0
  28. package/templates/sampling/assets/system.css +7 -0
  29. package/templates/sampling/builds/about.html +27 -0
  30. package/templates/sampling/builds/bundle.js +13116 -0
  31. package/templates/sampling/builds/bundle.ts +25 -0
  32. package/templates/sampling/builds/client.ts +1 -0
  33. package/templates/sampling/builds/clock.html +30 -0
  34. package/templates/sampling/builds/counter.html +30 -0
  35. package/templates/sampling/builds/forms/form.html +48 -0
  36. package/templates/sampling/builds/forms/index.html +48 -0
  37. package/templates/sampling/builds/hello.html +60 -0
  38. package/templates/sampling/builds/htmlx.html +24 -0
  39. package/templates/sampling/builds/htmlx.tsx +13 -0
  40. package/templates/sampling/builds/index.html +98 -0
  41. package/templates/sampling/builds/login.html +45 -0
  42. package/templates/sampling/builds/profile/index.html +54 -0
  43. package/templates/sampling/builds/quotes.html +26 -0
  44. package/templates/sampling/builds/shared.js +76 -0
  45. package/templates/sampling/builds/system.html +27 -0
  46. package/templates/sampling/components/header.tsx +7 -0
  47. package/templates/sampling/directives/index.ts +1 -0
  48. package/templates/sampling/directives/shown.ts +6 -0
  49. package/templates/sampling/index.html +20 -0
  50. package/templates/sampling/index.ts +19 -0
  51. package/templates/sampling/routes/about.html +13 -0
  52. package/templates/sampling/routes/clock.tsx +35 -0
  53. package/templates/sampling/routes/counter.tsx +21 -0
  54. package/templates/sampling/routes/forms/form.css +19 -0
  55. package/templates/sampling/routes/forms/form.tsx +51 -0
  56. package/templates/sampling/routes/forms/index.tsx +3 -0
  57. package/templates/sampling/routes/hello.tsx +62 -0
  58. package/templates/sampling/routes/htmlx.html +15 -0
  59. package/templates/sampling/routes/index.md +15 -0
  60. package/templates/sampling/routes/login.tsx +36 -0
  61. package/templates/sampling/routes/profile/detail.css +13 -0
  62. package/templates/sampling/routes/profile/detail.tsx +48 -0
  63. package/templates/sampling/routes/profile/index.tsx +14 -0
  64. package/templates/sampling/routes/profile/profile.css +8 -0
  65. package/templates/sampling/routes/profile/tester.tsx +11 -0
  66. package/templates/sampling/routes/quotes.tsx +25 -0
  67. package/templates/sampling/routes/system.tsx +23 -0
  68. package/templates/sampling/tests/access.spec.ts +29 -0
  69. package/templates/sampling/tests/counter.spec.ts +19 -0
  70. package/templates/sampling/tests/form.spec.ts +51 -0
  71. package/templates/sampling/tests/hello.spec.ts +25 -0
  72. package/templates/sampling/tests/path.test.ts +20 -0
  73. package/templates/empty.zip +0 -0
  74. package/templates/minimal.zip +0 -0
  75. package/templates/sampling.zip +0 -0
package/index.js CHANGED
@@ -1,6 +1,9 @@
1
1
  #!/usr/bin/env node
2
2
 
3
+
3
4
  import { execSync } from 'child_process'
5
+ import npmPackage from 'npm-package-arg'
6
+ import npmDownload from 'npm-download'
4
7
  import inquirer from 'inquirer'
5
8
  import fetch from 'node-fetch'
6
9
  import path from 'path'
@@ -18,8 +21,7 @@ console.log(line)
18
21
 
19
22
  const templates = ['empty', 'minimal', 'sampling']
20
23
 
21
- const questions = [
22
- {
24
+ const questions = [{
23
25
  type: 'list',
24
26
  name: 'template',
25
27
  message: 'Which template?',
@@ -41,7 +43,6 @@ inquirer.prompt(questions).then(async function (answers) {
41
43
 
42
44
  console.log('- templating project...')
43
45
  renamingJSON(destination, answers.project)
44
-
45
46
 
46
47
  console.log('- installing dependencies...')
47
48
  console.log('')
@@ -60,24 +61,22 @@ function renamingJSON(directory, projectName) {
60
61
  }
61
62
 
62
63
  const download = async (subfolder, destination) =>
63
- downloadNPM('@reactful/create', '')
64
+ downloadNPM('@reactful/create', subfolder, destination)
64
65
 
65
- async function downloadNPM(packageName, subdirectory, outputFile) {
66
- try {
67
- // Analisa o nome do pacote
68
- const pkg = npmPackageArg.resolve(packageName);
66
+ async function downloadNPM(packageName, subdirectory, destination) {
67
+ console.log(`- downloading ${subdirectory}...`)
69
68
 
70
- // Baixa o pacote para um diretório temporário
71
- const downloadResult = await npmDownload(pkg, { dir: 'temp' });
69
+ try {
70
+ const pkg = npmPackage.resolve(packageName)
71
+ const content = await npmDownload(pkg, { dir: 'temp' })
72
+ const from = path.join(content, subdirectory, destination)
73
+ const notFound = fs.existsSync(destination) == false
72
74
 
73
- // Move o arquivo desejado para o diretório de saída
74
- const sourceFile = path.join(downloadResult, subdirectory, outputFile);
75
- const destFile = path.join(__dirname, outputFile); // Altere para o diretório de saída desejado
76
- fs.renameSync(sourceFile, destFile);
75
+ if (notFound) fs.mkdirSync(destination, { recursive: true })
77
76
 
78
- console.log(`Arquivo baixado com sucesso: ${destFile}`);
77
+ fs.renameSync(from, destination)
79
78
  } catch (error) {
80
- console.error('Erro:', error);
79
+ console.error('Download NPM:', error)
81
80
  }
82
81
  }
83
82
 
package/package.json CHANGED
@@ -1,18 +1,20 @@
1
1
  {
2
- "name": "@reactful/create",
3
- "version": "0.0.92",
4
- "main": "index.js",
5
- "type": "module",
6
- "description": "reactful scafold tool",
7
- "author": "jonathan de sena ribeiro <jsenaribeiro@gmail.com>",
8
- "files": [ "index.js", "package.json", "templates", "commons"],
9
- "bin": { "@reactful/create": "index.js" },
10
- "scripts": { "deploy": "npm publish --access public" },
11
- "license": "MIT",
12
- "dependencies": {
13
- "bun-types": "latest",
14
- "fs": "^0.0.1-security",
15
- "inquirer": "^9.2.13",
16
- "node-fetch": "^3.3.2"
17
- }
2
+ "name": "@reactful/create",
3
+ "version": "0.0.95",
4
+ "main": "index.js",
5
+ "type": "module",
6
+ "description": "reactful scafold tool",
7
+ "author": "jonathan de sena ribeiro <jsenaribeiro@gmail.com>",
8
+ "files": ["index.js", "package.json", "templates", "commons"],
9
+ "bin": { "@reactful/create": "index.js" },
10
+ "scripts": { "deploy": "npm publish --access public" },
11
+ "license": "MIT",
12
+ "dependencies": {
13
+ "bun-types": "latest",
14
+ "fs": "^0.0.1-security",
15
+ "inquirer": "^9.2.13",
16
+ "node-fetch": "^3.3.2",
17
+ "npm-download": "^2.0.0",
18
+ "npm-package-arg": "^11.0.1"
19
+ }
18
20
  }
package/templates/empty/index.html ADDED
@@ -0,0 +1,12 @@
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
+ <title>Welcome</title>
8
+ </head>
9
+ <body>
10
+ <div id="root" ></div>
11
+ </body>
12
+ </html>
package/templates/empty/index.ts ADDED
@@ -0,0 +1,3 @@
1
+ import server from "@reactful/server"
2
+
3
+ await server("/routes").render("#root")
package/templates/minimal/index.html ADDED
@@ -0,0 +1,12 @@
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
+ <title>Welcome</title>
8
+ </head>
9
+ <body>
10
+ <div id="root" ></div>
11
+ </body>
12
+ </html>
package/templates/minimal/index.ts ADDED
@@ -0,0 +1,3 @@
1
+ import { server } from "@reactful/server"
2
+
3
+ await server("/routes").render("#root")
package/templates/sampling/apis/auth/db.ts ADDED
@@ -0,0 +1,15 @@
1
+ const database = [
2
+ { username: 'usr', password: 'pwd' },
3
+ { username: 'test', password: '123' },
4
+ ]
5
+
6
+ export const db = {
7
+
8
+ has(username, password) {
9
+ const contains = database
10
+ .filter(x => x.username == username)
11
+ .some(x => x.password == password)
12
+
13
+ return Promise.resolve(contains)
14
+ }
15
+ }
package/templates/sampling/apis/auth/index.ts ADDED
@@ -0,0 +1,28 @@
1
+ "user server"
2
+
3
+ import { delay } from '../../../commons/src'
4
+ import { db } from "./db"
5
+
6
+ const SECRET_KEY = '0123456789'
7
+
8
+ export async function post(request: Request) {
9
+ await delay(3000)
10
+
11
+ const AUTHORIZATION = request.headers.get('authorization')
12
+ const UNAUTHORIZED = { status: 401, headers: { 'Content-Type': 'text/plain' }}
13
+ const NO_HEADERS = 'Authorization header missing!'
14
+ const NOT_LOGIN = 'Authentication failed!'
15
+
16
+ if (!AUTHORIZATION?.startsWith('Basic '))
17
+ return new Response(NO_HEADERS, UNAUTHORIZED)
18
+
19
+ const auth = AUTHORIZATION.split(' ')[1]
20
+ const credential = Buffer.from(auth, 'base64').toString('utf-8')
21
+ const [ username, password ] = credential.split(':')
22
+ const exists = await db.has(username, password)
23
+ const settings = exists ? { } : UNAUTHORIZED
24
+ const access_token = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzdWIiOiIxMjM0NTY3ODkwIiwibmFtZSI6IkpvaG4gRG9lIiwiaWF0IjoxNTE2MjM5MDIyfQ.SflKxwRJSMeKKF2QT4fwpMeJf36POk6yJV_adQssw5c'
25
+ const text = exists ? JSON.stringify({ access_token }) : NOT_LOGIN
26
+
27
+ return new Response(text, settings)
28
+ }
package/templates/sampling/apis/hello.ts ADDED
@@ -0,0 +1,3 @@
1
+ export function get(request: Request) {
2
+ return new Response("hello world")
3
+ }
package/templates/sampling/apis/quotes.ts ADDED
@@ -0,0 +1,16 @@
1
+ export function get(request: Request) {
2
+ function getRandomInt(max) { return Math.floor(Math.random() * max); }
3
+
4
+ const messages = [
5
+ "Man is the measure of all things (Protagoras)",
6
+ "The unexamined life is not worth living (Socrates)",
7
+ "One cannot step twice in the same river (Heraclitus)",
8
+ "Life must be understood backward. But it must be lived forward (Kierkegaard)",
9
+ "Science is what you know. Philosophy is what you don't know (Russell)",
10
+ "I can control my passions and emotions if I can understand their nature (Spinoza)"
11
+ ]
12
+
13
+ const message = messages[getRandomInt(messages.length)]
14
+
15
+ return new Response(message)
16
+ }
package/templates/sampling/apis/sub/index.ts ADDED
@@ -0,0 +1,3 @@
1
+ export function get(request: Request) {
2
+ return new Response("hi sub index")
3
+ }
package/templates/sampling/apis/sub/sub.ts ADDED
@@ -0,0 +1,3 @@
1
+ export function get(request: Request) {
2
+ return new Response("hi sub-sub.ts")
3
+ }
package/templates/sampling/assets/default.css ADDED
@@ -0,0 +1,91 @@
1
+ @import url('https://fonts.cdnfonts.com/css/share-tech');
2
+
3
+ body,
4
+ h1,
5
+ h2,
6
+ h3,
7
+ h4,
8
+ h5,
9
+ h6,
10
+ button,
11
+ textarea,
12
+ input,
13
+ select {
14
+ font-family: agave !important
15
+ }
16
+
17
+ @media (prefers-color-scheme: dark) {
18
+ body {
19
+ background-color: #333;
20
+ color: #EEE;
21
+ }
22
+
23
+ a {
24
+ color: wheat
25
+ }
26
+
27
+ a:hover {
28
+ color: yellow
29
+ }
30
+
31
+ button {
32
+ background-color: #AAA;
33
+ border-width: 1px;
34
+ padding: 10px 5px;
35
+ }
36
+
37
+ input,
38
+ textarea {
39
+ color: #EEE;
40
+ background-color: #444;
41
+ border-color: #555;
42
+ border-style: solid;
43
+ border-width: 1px;
44
+ outline: none;
45
+ }
46
+
47
+ input:focus {
48
+ border-color: #AAA;
49
+ outline: none;
50
+ }
51
+ }
52
+
53
+ input.Hello,
54
+ [bind='value'],
55
+ [own^='Sub'] {
56
+ width: 50px;
57
+ }
58
+
59
+ label.Hello {
60
+ margin-bottom: 20px;
61
+ }
62
+
63
+ label.Hello code {
64
+ font-size: 12px;
65
+ color: silver;
66
+ }
67
+
68
+ button.Detail {
69
+ padding: 10px;
70
+ margin: 10px;
71
+ cursor: pointer;
72
+ background-color: #ccc;
73
+ border: 1px solid #000;
74
+ transition: margin-top 0.2s ease-in-out, margin-bottom 0.2s ease-in-out;
75
+ }
76
+
77
+ button.Detail:hover {
78
+ background-color: #ddd;
79
+ }
80
+
81
+ button.Detail:active {
82
+ margin-top: 5px;
83
+ margin-bottom: 5px;
84
+ }
85
+
86
+
87
+ button.Detail:active {
88
+ color: white;
89
+ background-color: #777;
90
+ transform: translate(2px, 2px);
91
+ }
package/templates/sampling/assets/icon.svg ADDED
@@ -0,0 +1,6 @@
1
+ <?xml version="1.0" encoding="UTF-8"?>
2
+ <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
3
+ <svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="263px" height="388px" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd" xmlns:xlink="http://www.w3.org/1999/xlink">
4
+ <g><path style="opacity:1" fill="#f4ddb2" d="M 74.5,-0.5 C 75.5,-0.5 76.5,-0.5 77.5,-0.5C 107.762,24.9817 138.096,50.4817 168.5,76C 122.614,121.98 103.114,177.48 110,242.5C 118.974,305.846 150.474,354.179 204.5,387.5C 201.5,387.5 198.5,387.5 195.5,387.5C 125.186,377.001 70.6858,342.001 32,282.5C 13.2853,251.287 2.45197,217.62 -0.5,181.5C -0.5,171.5 -0.5,161.5 -0.5,151.5C 5.05174,91.1449 30.0517,40.4783 74.5,-0.5 Z"/></g>
5
+ <g><path style="opacity:1" fill="#f4ddb2" d="M 262.5,175.5 C 262.5,180.833 262.5,186.167 262.5,191.5C 254.191,224.617 232.858,240.451 198.5,239C 177.426,234.92 162.593,223.087 154,203.5C 145.539,175.55 153.039,153.05 176.5,136C 202.655,122.121 226.488,125.288 248,145.5C 255.287,154.405 260.12,164.405 262.5,175.5 Z"/></g>
6
+ </svg>
package/templates/sampling/assets/manifest.json ADDED
@@ -0,0 +1,57 @@
1
+ {
2
+ "name": "React Minus",
3
+ "start_url": ".",
4
+ "theme_color": "#333",
5
+ "short_name": "reactful",
6
+ "display": "standalone",
7
+ "background_color": "#333",
8
+ "description": "A sample app",
9
+ "icons": [
10
+ {
11
+ "src": "logo-48.png",
12
+ "sizes": "48x48",
13
+ "type": "image/png",
14
+ "purpose": "any maskable"
15
+ },
16
+ {
17
+ "src": "logo-72.png",
18
+ "sizes": "72x72",
19
+ "type": "image/png",
20
+ "purpose": "any maskable"
21
+ },
22
+ {
23
+ "src": "logo-96.png",
24
+ "sizes": "96x96",
25
+ "type": "image/png",
26
+ "purpose": "any maskable"
27
+ },
28
+ {
29
+ "src": "logo-144.png",
30
+ "sizes": "144x144",
31
+ "type": "image/png",
32
+ "purpose": "any maskable"
33
+ },
34
+ {
35
+ "src": "logo-168.png",
36
+ "sizes": "168x168",
37
+ "type": "image/png",
38
+ "purpose": "any maskable"
39
+ },
40
+ {
41
+ "src": "logo-192.png",
42
+ "sizes": "192x192",
43
+ "type": "image/png",
44
+ "purpose": "any maskable"
45
+ },
46
+ {
47
+ "src": "logo-512.png",
48
+ "sizes": "512x512",
49
+ "type": "image/png",
50
+ "purpose": "any maskable"
51
+ }
52
+ ],
53
+ "related_applications": [{
54
+ "platform": "play",
55
+ "url": "https://play.google.com/store/apps/details?id=sample"
56
+ }]
57
+ }
package/templates/sampling/assets/markdown.css ADDED
@@ -0,0 +1,274 @@
1
+ /*---------------------------------------------------------------------------------------------
2
+ * Copyright (c) Microsoft Corporation. All rights reserved.
3
+ * Licensed under the MIT License. See License.txt in the project root for license information.
4
+ *--------------------------------------------------------------------------------------------*/
5
+ @import url('https://fonts.cdnfonts.com/css/agave');
6
+ @import url('https://fonts.googleapis.com/css2?family=Fira+Sans:wght@100;200;300;400&display=swap');
7
+ @import url('https://fonts.googleapis.com/css2?family=Fira+Sans:wght@100;200;300;400&family=Quicksand:wght@300;400;500;600;700&display=swap');
8
+
9
+
10
+
11
+ :root {
12
+ --base-font: 'fira-sans';
13
+ --code-font: 'agave';
14
+ }
15
+
16
+ @media (prefers-color-scheme: dark) {
17
+ /* :root { filter: invert(80%) contrast(150%); }
18
+ input { filter: invert(10%); } */
19
+ }
20
+
21
+ label > input { margin-left:10px; }
22
+
23
+ input {
24
+ font-family: var(--code-font);
25
+ padding: 5px 7px;
26
+ color: black;
27
+ }
28
+
29
+ html, body {
30
+ font-family: var(--base-font, -apple-system, BlinkMacSystemFont, "Segoe WPC", "Segoe UI", system-ui, "Ubuntu", "Droid Sans", sans-serif);
31
+ font-size: var(--markdown-font-size, 14px);
32
+ line-height: var(--markdown-line-height, 22px);
33
+ word-wrap: break-word;
34
+ }
35
+
36
+ body {
37
+ padding: 10px;
38
+ background: whitesmoke;
39
+ zoom: 1.1;
40
+ }
41
+
42
+
43
+ /* Reset margin top for elements */
44
+ h1,h2,h3,h4,h5,h6,p,ol,ul,pre {
45
+ margin-top: 0;
46
+ }
47
+
48
+ h1,h2,h3,h4,h5,h6 {
49
+ font-weight: 600;
50
+ margin-top: 24px;
51
+ margin-bottom: 16px;
52
+ line-height: 1.25;
53
+ }
54
+
55
+ #code-csp-warning {
56
+ position: fixed;
57
+ top: 0;
58
+ right: 0;
59
+ color: white;
60
+ margin: 16px;
61
+ text-align: center;
62
+ font-size: 12px;
63
+ font-family: sans-serif;
64
+ background-color: #444444;
65
+ cursor: pointer;
66
+ padding: 6px;
67
+ box-shadow: 1px 1px 1px rgba(0, 0, 0, .25);
68
+ }
69
+
70
+ #code-csp-warning:hover {
71
+ text-decoration: none;
72
+ background-color: #007acc;
73
+ box-shadow: 2px 2px 2px rgba(0, 0, 0, .25);
74
+ }
75
+
76
+ body.scrollBeyondLastLine {
77
+ margin-bottom: calc(100vh - 22px);
78
+ }
79
+
80
+ body.showEditorSelection .code-line {
81
+ position: relative;
82
+ }
83
+
84
+ body.showEditorSelection :not(tr, ul, ol).code-active-line:before,
85
+ body.showEditorSelection :not(tr, ul, ol).code-line:hover:before {
86
+ content: "";
87
+ display: block;
88
+ position: absolute;
89
+ top: 0;
90
+ left: -12px;
91
+ height: 100%;
92
+ }
93
+
94
+ .vscode-high-contrast.showEditorSelection :not(tr, ul, ol).code-line .code-line:hover:before {
95
+ border-left: none;
96
+ }
97
+
98
+ body.showEditorSelection li.code-active-line:before,
99
+ body.showEditorSelection li.code-line:hover:before {
100
+ left: -30px;
101
+ }
102
+
103
+ .vscode-light.showEditorSelection .code-active-line:before {
104
+ border-left: 3px solid rgba(0, 0, 0, 0.15);
105
+ }
106
+
107
+ .vscode-light.showEditorSelection .code-line:hover:before {
108
+ border-left: 3px solid rgba(0, 0, 0, 0.40);
109
+ }
110
+
111
+ .vscode-dark.showEditorSelection .code-active-line:before {
112
+ border-left: 3px solid rgba(255, 255, 255, 0.4);
113
+ }
114
+
115
+ .vscode-dark.showEditorSelection .code-line:hover:before {
116
+ border-left: 3px solid rgba(255, 255, 255, 0.60);
117
+ }
118
+
119
+ .vscode-high-contrast.showEditorSelection .code-active-line:before {
120
+ border-left: 3px solid rgba(255, 160, 0, 0.7);
121
+ }
122
+
123
+ .vscode-high-contrast.showEditorSelection .code-line:hover:before {
124
+ border-left: 3px solid rgba(255, 160, 0, 1);
125
+ }
126
+
127
+ /* Prevent `sub` and `sup` elements from affecting line height */
128
+ sub, sup { line-height: 0; }
129
+
130
+ ul ul:first-child,
131
+ ul ol:first-child,
132
+ ol ul:first-child,
133
+ ol ol:first-child {
134
+ margin-bottom: 0;
135
+ }
136
+
137
+ img, video {
138
+ max-width: 100%;
139
+ max-height: 100%;
140
+ }
141
+
142
+ a { text-decoration: none; }
143
+
144
+ a:hover { text-decoration: underline; }
145
+
146
+ a:focus,
147
+ input:focus,
148
+ select:focus,
149
+ textarea:focus {
150
+ outline: 1px solid -webkit-focus-ring-color;
151
+ outline-offset: -1px;
152
+ }
153
+
154
+ p {
155
+ margin-bottom: 16px;
156
+ }
157
+
158
+ li p {
159
+ margin-bottom: 0.7em;
160
+ }
161
+
162
+ ul,
163
+ ol {
164
+ margin-bottom: 0.7em;
165
+ }
166
+
167
+ hr {
168
+ border: 0;
169
+ height: 1px;
170
+ border-bottom: 1px solid;
171
+ }
172
+
173
+ h1 {
174
+ font-size: 2em;
175
+ margin-top: 0;
176
+ padding-bottom: 0.3em;
177
+ border-bottom-width: 1px;
178
+ border-bottom-style: solid;
179
+ }
180
+
181
+ h2 {
182
+ font-size: 1.5em;
183
+ padding-bottom: 0.3em;
184
+ border-bottom-width: 1px;
185
+ border-bottom-style: solid;
186
+ }
187
+
188
+ h3 {
189
+ font-size: 1.25em;
190
+ }
191
+
192
+ h4 {
193
+ font-size: 1em;
194
+ }
195
+
196
+ h5 {
197
+ font-size: 0.875em;
198
+ }
199
+
200
+ h6 {
201
+ font-size: 0.85em;
202
+ }
203
+
204
+ table {
205
+ border-collapse: collapse;
206
+ margin-bottom: 0.7em;
207
+ }
208
+
209
+ th {
210
+ text-align: left;
211
+ border-bottom: 1px solid;
212
+ }
213
+
214
+ th,
215
+ td {
216
+ padding: 5px 10px;
217
+ }
218
+
219
+ table>tbody>tr+tr>td {
220
+ border-top: 1px solid;
221
+ }
222
+
223
+ blockquote {
224
+ margin: 0;
225
+ padding: 2px 16px 0 10px;
226
+ border-left-width: 5px;
227
+ border-left-style: solid;
228
+ border-radius: 2px;
229
+ }
230
+
231
+ code {
232
+ font-family: var(--code-font, "SF Mono", Monaco, Menlo, Consolas, "Ubuntu Mono", "Liberation Mono", "DejaVu Sans Mono", "Courier New", monospace);
233
+ font-size: 1em;
234
+ line-height: 1.357em;
235
+ }
236
+
237
+ body.wordWrap pre {
238
+ white-space: pre-wrap;
239
+ }
240
+
241
+ pre:not(.hljs),
242
+ pre.hljs code>div {
243
+ padding: 16px;
244
+ border-radius: 3px;
245
+ overflow: auto;
246
+ }
247
+
248
+ pre code {
249
+ color: var(--vscode-editor-foreground);
250
+ tab-size: 4;
251
+ }
252
+
253
+ /** Theming */
254
+
255
+ pre {
256
+ background-color: var(--vscode-textCodeBlock-background);
257
+ border: 1px solid var(--vscode-widget-border);
258
+ }
259
+
260
+ .vscode-high-contrast h1 {
261
+ border-color: rgb(0, 0, 0);
262
+ }
263
+
264
+ .vscode-light th {
265
+ border-color: rgba(0, 0, 0, 0.69);
266
+ }
267
+
268
+ .vscode-dark th {
269
+ border-color: rgba(255, 255, 255, 0.69);
270
+ }
271
+
272
+ .vscode-light h1,.vscode-light h2,.vscode-light hr,.vscode-light td { border-color: rgba(0, 0, 0, 0.18);}
273
+
274
+ .vscode-dark h1,.vscode-dark h2,.vscode-dark hr,.vscode-dark td { border-color: rgba(255, 255, 255, 0.18);}
package/templates/sampling/assets/robots.txt ADDED
@@ -0,0 +1 @@
1
+ User-agent: *
package/templates/sampling/assets/system.css ADDED
@@ -0,0 +1,7 @@
1
+ h2 {
2
+ color:green;
3
+ font-weight: bolder;
4
+ border-bottom: solid 3px dimgray;
5
+ font-family: 'Bebas Neue', quicksand, sans-serif !important;
6
+ font-size: 50px !important;
7
+ }