@reactful/create 0.0.92 → 0.0.95

Sign up to get free protection for your applications and to get access to all the features.
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
+ }