create-nix-app 1.0.1 → 1.0.3
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.
- package/package.json +1 -1
- package/template-vanilla-js/README.md +19 -0
- package/template-vanilla-js/index.html +3 -2
- package/template-vanilla-js/public/favicon.ico +0 -0
- package/template-vanilla-js/{main.js → src/main.js} +1 -1
- package/template-vanilla-js/src/style.css +68 -0
- package/template-vanilla-ts/README.md +19 -0
- package/template-vanilla-ts/index.html +2 -1
- package/template-vanilla-ts/package.json +1 -1
- package/template-vanilla-ts/public/favicon.ico +0 -0
- package/template-vanilla-ts/src/main.ts +3 -3
- package/template-vanilla-ts/src/style.css +68 -0
- package/template-vite-js/README.md +19 -0
- package/template-vite-js/index.html +2 -8
- package/template-vite-js/package.json +1 -1
- package/template-vite-js/public/favicon.ico +0 -0
- package/template-vite-js/{main.js → src/main.js} +1 -1
- package/template-vite-js/src/style.css +68 -0
- package/template-vite-ts/README.md +19 -0
- package/template-vite-ts/index.html +1 -7
- package/template-vite-ts/package.json +1 -1
- package/template-vite-ts/public/favicon.ico +0 -0
- package/template-vite-ts/src/main.ts +3 -3
- package/template-vite-ts/src/style.css +68 -0
package/package.json
CHANGED
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
# ❄️ Nix.js Project
|
|
2
|
+
|
|
3
|
+
Este proyecto fue generado con `create-nix-app`.
|
|
4
|
+
|
|
5
|
+
## Desarrollo
|
|
6
|
+
|
|
7
|
+
Para comenzar a desarrollar:
|
|
8
|
+
|
|
9
|
+
```bash
|
|
10
|
+
npm install
|
|
11
|
+
npm run dev
|
|
12
|
+
```
|
|
13
|
+
|
|
14
|
+
## Estructura del Proyecto
|
|
15
|
+
|
|
16
|
+
- `src/`: Código fuente del proyecto.
|
|
17
|
+
- `src/main.js`: Punto de entrada principal.
|
|
18
|
+
- `src/style.css`: Estilos globales.
|
|
19
|
+
- `index.html`: Punto de entrada HTML.
|
|
@@ -7,14 +7,15 @@
|
|
|
7
7
|
<script type="importmap">
|
|
8
8
|
{
|
|
9
9
|
"imports": {
|
|
10
|
-
"@deijose/nix-js": "https://cdn.jsdelivr.net/npm/@deijose/nix-js@1.
|
|
10
|
+
"@deijose/nix-js": "https://cdn.jsdelivr.net/npm/@deijose/nix-js@1.7.3/+esm"
|
|
11
11
|
}
|
|
12
12
|
}
|
|
13
13
|
</script>
|
|
14
|
+
<link rel="stylesheet" href="./src/style.css">
|
|
14
15
|
</head>
|
|
15
16
|
|
|
16
17
|
<body>
|
|
17
18
|
<div id="app"></div>
|
|
18
|
-
<script type="module" src="./main.js"></script>
|
|
19
|
+
<script type="module" src="./src/main.js"></script>
|
|
19
20
|
</body>
|
|
20
21
|
</html>
|
|
Binary file
|
|
@@ -4,7 +4,7 @@ function App() {
|
|
|
4
4
|
const count = signal(0);
|
|
5
5
|
|
|
6
6
|
return html`
|
|
7
|
-
<main
|
|
7
|
+
<main>
|
|
8
8
|
<h1>❄️ Nix.js en estado puro</h1>
|
|
9
9
|
<p>Sin compilador. Sin bundler. Solo la web nativa.</p>
|
|
10
10
|
<button @click=${() => count.update((c) => c + 1)}>
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
:root {
|
|
2
|
+
font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
|
|
3
|
+
line-height: 1.5;
|
|
4
|
+
font-weight: 400;
|
|
5
|
+
|
|
6
|
+
color-scheme: light dark;
|
|
7
|
+
color: rgba(255, 255, 255, 0.87);
|
|
8
|
+
background-color: #242424;
|
|
9
|
+
|
|
10
|
+
font-synthesis: none;
|
|
11
|
+
text-rendering: optimizeLegibility;
|
|
12
|
+
-webkit-font-smoothing: antialiased;
|
|
13
|
+
-moz-osx-font-smoothing: grayscale;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
body {
|
|
17
|
+
margin: 0;
|
|
18
|
+
display: flex;
|
|
19
|
+
place-items: center;
|
|
20
|
+
min-width: 320px;
|
|
21
|
+
min-height: 100vh;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
#app {
|
|
25
|
+
max-width: 1280px;
|
|
26
|
+
margin: 0 auto;
|
|
27
|
+
padding: 2rem;
|
|
28
|
+
text-align: center;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
h1 {
|
|
32
|
+
font-size: 3.2em;
|
|
33
|
+
line-height: 1.1;
|
|
34
|
+
background: linear-gradient(45deg, #646cff, #60efff);
|
|
35
|
+
-webkit-background-clip: text;
|
|
36
|
+
-webkit-text-fill-color: transparent;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
button {
|
|
40
|
+
border-radius: 8px;
|
|
41
|
+
border: 1px solid transparent;
|
|
42
|
+
padding: 0.6em 1.2em;
|
|
43
|
+
font-size: 1em;
|
|
44
|
+
font-weight: 500;
|
|
45
|
+
font-family: inherit;
|
|
46
|
+
background-color: #1a1a1a;
|
|
47
|
+
cursor: pointer;
|
|
48
|
+
transition: border-color 0.25s;
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
button:hover {
|
|
52
|
+
border-color: #646cff;
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
button:focus,
|
|
56
|
+
button:focus-visible {
|
|
57
|
+
outline: 4px auto -webkit-focus-ring-color;
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
@media (prefers-color-scheme: light) {
|
|
61
|
+
:root {
|
|
62
|
+
color: #213547;
|
|
63
|
+
background-color: #ffffff;
|
|
64
|
+
}
|
|
65
|
+
button {
|
|
66
|
+
background-color: #f9f9f9;
|
|
67
|
+
}
|
|
68
|
+
}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
# ❄️ Nix.js Project
|
|
2
|
+
|
|
3
|
+
Este proyecto fue generado con `create-nix-app`.
|
|
4
|
+
|
|
5
|
+
## Desarrollo
|
|
6
|
+
|
|
7
|
+
Para comenzar a desarrollar:
|
|
8
|
+
|
|
9
|
+
```bash
|
|
10
|
+
npm install
|
|
11
|
+
npm run dev
|
|
12
|
+
```
|
|
13
|
+
|
|
14
|
+
## Estructura del Proyecto
|
|
15
|
+
|
|
16
|
+
- `src/`: Código fuente del proyecto.
|
|
17
|
+
- `src/main.js`: Punto de entrada principal.
|
|
18
|
+
- `src/style.css`: Estilos globales.
|
|
19
|
+
- `index.html`: Punto de entrada HTML.
|
|
@@ -8,10 +8,11 @@
|
|
|
8
8
|
<script type="importmap">
|
|
9
9
|
{
|
|
10
10
|
"imports": {
|
|
11
|
-
"@deijose/nix-js": "https://
|
|
11
|
+
"@deijose/nix-js": "https://cdn.jsdelivr.net/npm/@deijose/nix-js@1.7.3/+esm"
|
|
12
12
|
}
|
|
13
13
|
}
|
|
14
14
|
</script>
|
|
15
|
+
<link rel="stylesheet" href="./src/style.css">
|
|
15
16
|
</head>
|
|
16
17
|
|
|
17
18
|
<body>
|
|
Binary file
|
|
@@ -5,9 +5,9 @@ function App(): NixTemplate {
|
|
|
5
5
|
const count = signal<number>(0);
|
|
6
6
|
|
|
7
7
|
return html`
|
|
8
|
-
<main
|
|
9
|
-
<h1>❄️ Nix.js + TypeScript
|
|
10
|
-
<button @click=${() => count.update((c) => c + 1)}>
|
|
8
|
+
<main>
|
|
9
|
+
<h1>❄️ Nix.js + TypeScript</h1>
|
|
10
|
+
<button @click=${() => count.update((c: number) => c + 1)}>
|
|
11
11
|
Clicks: ${() => count.value}
|
|
12
12
|
</button>
|
|
13
13
|
</main>
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
:root {
|
|
2
|
+
font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
|
|
3
|
+
line-height: 1.5;
|
|
4
|
+
font-weight: 400;
|
|
5
|
+
|
|
6
|
+
color-scheme: light dark;
|
|
7
|
+
color: rgba(255, 255, 255, 0.87);
|
|
8
|
+
background-color: #242424;
|
|
9
|
+
|
|
10
|
+
font-synthesis: none;
|
|
11
|
+
text-rendering: optimizeLegibility;
|
|
12
|
+
-webkit-font-smoothing: antialiased;
|
|
13
|
+
-moz-osx-font-smoothing: grayscale;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
body {
|
|
17
|
+
margin: 0;
|
|
18
|
+
display: flex;
|
|
19
|
+
place-items: center;
|
|
20
|
+
min-width: 320px;
|
|
21
|
+
min-height: 100vh;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
#app {
|
|
25
|
+
max-width: 1280px;
|
|
26
|
+
margin: 0 auto;
|
|
27
|
+
padding: 2rem;
|
|
28
|
+
text-align: center;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
h1 {
|
|
32
|
+
font-size: 3.2em;
|
|
33
|
+
line-height: 1.1;
|
|
34
|
+
background: linear-gradient(45deg, #646cff, #60efff);
|
|
35
|
+
-webkit-background-clip: text;
|
|
36
|
+
-webkit-text-fill-color: transparent;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
button {
|
|
40
|
+
border-radius: 8px;
|
|
41
|
+
border: 1px solid transparent;
|
|
42
|
+
padding: 0.6em 1.2em;
|
|
43
|
+
font-size: 1em;
|
|
44
|
+
font-weight: 500;
|
|
45
|
+
font-family: inherit;
|
|
46
|
+
background-color: #1a1a1a;
|
|
47
|
+
cursor: pointer;
|
|
48
|
+
transition: border-color 0.25s;
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
button:hover {
|
|
52
|
+
border-color: #646cff;
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
button:focus,
|
|
56
|
+
button:focus-visible {
|
|
57
|
+
outline: 4px auto -webkit-focus-ring-color;
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
@media (prefers-color-scheme: light) {
|
|
61
|
+
:root {
|
|
62
|
+
color: #213547;
|
|
63
|
+
background-color: #ffffff;
|
|
64
|
+
}
|
|
65
|
+
button {
|
|
66
|
+
background-color: #f9f9f9;
|
|
67
|
+
}
|
|
68
|
+
}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
# ❄️ Nix.js Project
|
|
2
|
+
|
|
3
|
+
Este proyecto fue generado con `create-nix-app`.
|
|
4
|
+
|
|
5
|
+
## Desarrollo
|
|
6
|
+
|
|
7
|
+
Para comenzar a desarrollar:
|
|
8
|
+
|
|
9
|
+
```bash
|
|
10
|
+
npm install
|
|
11
|
+
npm run dev
|
|
12
|
+
```
|
|
13
|
+
|
|
14
|
+
## Estructura del Proyecto
|
|
15
|
+
|
|
16
|
+
- `src/`: Código fuente del proyecto.
|
|
17
|
+
- `src/main.js`: Punto de entrada principal.
|
|
18
|
+
- `src/style.css`: Estilos globales.
|
|
19
|
+
- `index.html`: Punto de entrada HTML.
|
|
@@ -4,17 +4,11 @@
|
|
|
4
4
|
<meta charset="UTF-8">
|
|
5
5
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
6
6
|
<title>❄️ Nix.js + Vite JS</title>
|
|
7
|
-
<
|
|
8
|
-
{
|
|
9
|
-
"imports": {
|
|
10
|
-
"@deijose/nix-js": "https://esm.sh/@deijose/nix-js@1.1.3"
|
|
11
|
-
}
|
|
12
|
-
}
|
|
13
|
-
</script>
|
|
7
|
+
<link rel="stylesheet" href="./src/style.css">
|
|
14
8
|
</head>
|
|
15
9
|
|
|
16
10
|
<body>
|
|
17
11
|
<div id="app"></div>
|
|
18
|
-
<script type="module" src="./main.js"></script>
|
|
12
|
+
<script type="module" src="./src/main.js"></script>
|
|
19
13
|
</body>
|
|
20
14
|
</html>
|
|
Binary file
|
|
@@ -4,7 +4,7 @@ function App() {
|
|
|
4
4
|
const count = signal(0);
|
|
5
5
|
|
|
6
6
|
return html`
|
|
7
|
-
<main
|
|
7
|
+
<main>
|
|
8
8
|
<h1>❄️ Nix.js + Vite</h1>
|
|
9
9
|
<p>Sin compilador. Sin bundler. Solo la web nativa.</p>
|
|
10
10
|
<button @click=${() => count.update((c) => c + 1)}>
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
:root {
|
|
2
|
+
font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
|
|
3
|
+
line-height: 1.5;
|
|
4
|
+
font-weight: 400;
|
|
5
|
+
|
|
6
|
+
color-scheme: light dark;
|
|
7
|
+
color: rgba(255, 255, 255, 0.87);
|
|
8
|
+
background-color: #242424;
|
|
9
|
+
|
|
10
|
+
font-synthesis: none;
|
|
11
|
+
text-rendering: optimizeLegibility;
|
|
12
|
+
-webkit-font-smoothing: antialiased;
|
|
13
|
+
-moz-osx-font-smoothing: grayscale;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
body {
|
|
17
|
+
margin: 0;
|
|
18
|
+
display: flex;
|
|
19
|
+
place-items: center;
|
|
20
|
+
min-width: 320px;
|
|
21
|
+
min-height: 100vh;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
#app {
|
|
25
|
+
max-width: 1280px;
|
|
26
|
+
margin: 0 auto;
|
|
27
|
+
padding: 2rem;
|
|
28
|
+
text-align: center;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
h1 {
|
|
32
|
+
font-size: 3.2em;
|
|
33
|
+
line-height: 1.1;
|
|
34
|
+
background: linear-gradient(45deg, #646cff, #60efff);
|
|
35
|
+
-webkit-background-clip: text;
|
|
36
|
+
-webkit-text-fill-color: transparent;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
button {
|
|
40
|
+
border-radius: 8px;
|
|
41
|
+
border: 1px solid transparent;
|
|
42
|
+
padding: 0.6em 1.2em;
|
|
43
|
+
font-size: 1em;
|
|
44
|
+
font-weight: 500;
|
|
45
|
+
font-family: inherit;
|
|
46
|
+
background-color: #1a1a1a;
|
|
47
|
+
cursor: pointer;
|
|
48
|
+
transition: border-color 0.25s;
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
button:hover {
|
|
52
|
+
border-color: #646cff;
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
button:focus,
|
|
56
|
+
button:focus-visible {
|
|
57
|
+
outline: 4px auto -webkit-focus-ring-color;
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
@media (prefers-color-scheme: light) {
|
|
61
|
+
:root {
|
|
62
|
+
color: #213547;
|
|
63
|
+
background-color: #ffffff;
|
|
64
|
+
}
|
|
65
|
+
button {
|
|
66
|
+
background-color: #f9f9f9;
|
|
67
|
+
}
|
|
68
|
+
}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
# ❄️ Nix.js Project
|
|
2
|
+
|
|
3
|
+
Este proyecto fue generado con `create-nix-app`.
|
|
4
|
+
|
|
5
|
+
## Desarrollo
|
|
6
|
+
|
|
7
|
+
Para comenzar a desarrollar:
|
|
8
|
+
|
|
9
|
+
```bash
|
|
10
|
+
npm install
|
|
11
|
+
npm run dev
|
|
12
|
+
```
|
|
13
|
+
|
|
14
|
+
## Estructura del Proyecto
|
|
15
|
+
|
|
16
|
+
- `src/`: Código fuente del proyecto.
|
|
17
|
+
- `src/main.js`: Punto de entrada principal.
|
|
18
|
+
- `src/style.css`: Estilos globales.
|
|
19
|
+
- `index.html`: Punto de entrada HTML.
|
|
@@ -5,13 +5,7 @@
|
|
|
5
5
|
<meta charset="UTF-8">
|
|
6
6
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
7
7
|
<title>❄️ Nix.js + Vite TS</title>
|
|
8
|
-
<
|
|
9
|
-
{
|
|
10
|
-
"imports": {
|
|
11
|
-
"@deijose/nix-js": "https://esm.sh/@deijose/nix-js@1.1.3"
|
|
12
|
-
}
|
|
13
|
-
}
|
|
14
|
-
</script>
|
|
8
|
+
<link rel="stylesheet" href="/src/style.css">
|
|
15
9
|
</head>
|
|
16
10
|
|
|
17
11
|
<body>
|
|
Binary file
|
|
@@ -5,9 +5,9 @@ function App(): NixTemplate {
|
|
|
5
5
|
const count = signal<number>(0);
|
|
6
6
|
|
|
7
7
|
return html`
|
|
8
|
-
<main
|
|
9
|
-
<h1>❄️ Nix.js + Vite + TypeScript
|
|
10
|
-
<button @click=${() => count.update((c) => c + 1)}>
|
|
8
|
+
<main>
|
|
9
|
+
<h1>❄️ Nix.js + Vite + TypeScript</h1>
|
|
10
|
+
<button @click=${() => count.update((c: number) => c + 1)}>
|
|
11
11
|
Clicks: ${() => count.value}
|
|
12
12
|
</button>
|
|
13
13
|
</main>
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
:root {
|
|
2
|
+
font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
|
|
3
|
+
line-height: 1.5;
|
|
4
|
+
font-weight: 400;
|
|
5
|
+
|
|
6
|
+
color-scheme: light dark;
|
|
7
|
+
color: rgba(255, 255, 255, 0.87);
|
|
8
|
+
background-color: #242424;
|
|
9
|
+
|
|
10
|
+
font-synthesis: none;
|
|
11
|
+
text-rendering: optimizeLegibility;
|
|
12
|
+
-webkit-font-smoothing: antialiased;
|
|
13
|
+
-moz-osx-font-smoothing: grayscale;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
body {
|
|
17
|
+
margin: 0;
|
|
18
|
+
display: flex;
|
|
19
|
+
place-items: center;
|
|
20
|
+
min-width: 320px;
|
|
21
|
+
min-height: 100vh;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
#app {
|
|
25
|
+
max-width: 1280px;
|
|
26
|
+
margin: 0 auto;
|
|
27
|
+
padding: 2rem;
|
|
28
|
+
text-align: center;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
h1 {
|
|
32
|
+
font-size: 3.2em;
|
|
33
|
+
line-height: 1.1;
|
|
34
|
+
background: linear-gradient(45deg, #646cff, #60efff);
|
|
35
|
+
-webkit-background-clip: text;
|
|
36
|
+
-webkit-text-fill-color: transparent;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
button {
|
|
40
|
+
border-radius: 8px;
|
|
41
|
+
border: 1px solid transparent;
|
|
42
|
+
padding: 0.6em 1.2em;
|
|
43
|
+
font-size: 1em;
|
|
44
|
+
font-weight: 500;
|
|
45
|
+
font-family: inherit;
|
|
46
|
+
background-color: #1a1a1a;
|
|
47
|
+
cursor: pointer;
|
|
48
|
+
transition: border-color 0.25s;
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
button:hover {
|
|
52
|
+
border-color: #646cff;
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
button:focus,
|
|
56
|
+
button:focus-visible {
|
|
57
|
+
outline: 4px auto -webkit-focus-ring-color;
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
@media (prefers-color-scheme: light) {
|
|
61
|
+
:root {
|
|
62
|
+
color: #213547;
|
|
63
|
+
background-color: #ffffff;
|
|
64
|
+
}
|
|
65
|
+
button {
|
|
66
|
+
background-color: #f9f9f9;
|
|
67
|
+
}
|
|
68
|
+
}
|