Skip to content

Commit c2769fe

Browse files
zo0rzo0r
committed
templates'
0 parents  commit c2769fe

29 files changed

+567
-0
lines changed

‎.gitignore

+21
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
2+
3+
# dependencies
4+
/node_modules
5+
6+
# misc
7+
.DS_Store
8+
9+
# debug
10+
npm-debug.log*
11+
yarn-debug.log*
12+
yarn-error.log*
13+
14+
# locks
15+
yarn.lock
16+
17+
# typescript
18+
/dist*
19+
*.tsbuildinfo
20+
21+
package-lock.json

‎README.md

+32
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,32 @@
1+
<p align="center">
2+
<img width="150" src="https://verza.io/img/verza-public.svg" alt="Verza">
3+
4+
<p align="center">Templates for <a href="https://verza.io" target="_blank">verza.io</a> platform.</p>
5+
</p>
6+
7+
Check out the [documentation here](https://docs.verza.io/getting-started/verza-sdk).
8+
9+
## Usage
10+
11+
```bash
12+
npm create verza@latest <template> <project-name>
13+
```
14+
15+
## Example
16+
17+
```bash
18+
npm create verza@latest javascript my-project
19+
20+
# or
21+
22+
npm create verza@latest react my-project
23+
```
24+
25+
## Templates
26+
27+
| Template | Description |
28+
| ---------- | ------------------------- |
29+
| `js` | JavaScript template |
30+
| `ts` | TypeScript template |
31+
| `react` | React JavaScript template |
32+
| `react-ts` | React TypeScript template |

‎index.js

+147
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,147 @@
1+
#!/usr/bin/env node
2+
3+
import fs from "node:fs";
4+
import path from "node:path";
5+
import { fileURLToPath } from "node:url";
6+
import minimist from "minimist";
7+
import prompts from "prompts";
8+
import { cyan, lightGray, lightGreen, lightRed, red } from "kolorist";
9+
10+
const __dirname = path.dirname(fileURLToPath(import.meta.url));
11+
12+
let TEMPLATES_DIR = path.resolve(__dirname, "templates");
13+
14+
if (!fs.existsSync(TEMPLATES_DIR)) {
15+
TEMPLATES_DIR = path.resolve(__dirname, "../templates");
16+
}
17+
18+
const TEMPLATES = [
19+
{
20+
id: "vanilla",
21+
name: lightGreen("JavaScript"),
22+
aliases: ["javascript", "js"],
23+
},
24+
{
25+
id: "vanilla-ts",
26+
name: lightGreen("TypeScript"),
27+
aliases: ["typescript", "ts"],
28+
},
29+
{
30+
id: "react",
31+
name: cyan("React JavaScript"),
32+
},
33+
{
34+
id: "react-ts",
35+
name: cyan("React TypeScript"),
36+
},
37+
];
38+
39+
const init = async () => {
40+
const argv = minimist(process.argv.slice(2));
41+
42+
const questions = [];
43+
44+
if (!argv._[1]) {
45+
questions.push({
46+
type: "text",
47+
name: "projectName",
48+
message: "Project Name",
49+
initial: "verza-scripts",
50+
min: 1,
51+
});
52+
}
53+
54+
if (!argv._[0]) {
55+
questions.push({
56+
type: "select",
57+
name: "template",
58+
message: "Template",
59+
choices: TEMPLATES.map((template) => ({
60+
title: template.name,
61+
value: template.id,
62+
})),
63+
});
64+
}
65+
66+
//
67+
68+
let { projectName, template } = await prompts(questions);
69+
70+
projectName = projectName ?? argv._[1];
71+
template = template ?? argv._[0];
72+
73+
if (!projectName || !template) {
74+
console.log(`\n${red("✖")} Cancelled`);
75+
return;
76+
}
77+
78+
const resolvedTemplate = TEMPLATES.find(
79+
(t) => t.id === template || t.aliases?.includes(template)
80+
);
81+
82+
if (!resolvedTemplate) {
83+
console.log(
84+
`\n${red("✖")} Invalid template: "${lightGreen(
85+
template
86+
)}". Please specify one of:`
87+
);
88+
TEMPLATES.forEach((t) => {
89+
console.log(` - ${lightGreen(t.id)} (${t.name})`);
90+
});
91+
console.log();
92+
return;
93+
}
94+
95+
const templateId = resolvedTemplate.id;
96+
97+
//
98+
99+
const projectDir = path.join(process.cwd(), projectName);
100+
const templateDir = path.join(TEMPLATES_DIR, templateId);
101+
102+
//
103+
104+
if (fs.existsSync(projectDir)) {
105+
console.log(
106+
`\n${red("✖")} Directory ${lightRed(
107+
projectName
108+
)} already exists. Try another name or delete the existing directory.\n`
109+
);
110+
return;
111+
}
112+
113+
//
114+
115+
copyDir(templateDir, projectDir);
116+
117+
//
118+
119+
// show finished message
120+
console.log(`\n${lightGreen("✔")} Project created. To get started:\n`);
121+
console.log(lightGray(` cd ${projectName}`));
122+
console.log(lightGray(" npm install"));
123+
console.log(lightGray(" npm run dev"));
124+
console.log("\n");
125+
};
126+
127+
const copyDir = (srcDir, destDir) => {
128+
fs.mkdirSync(destDir, { recursive: true });
129+
130+
for (const file of fs.readdirSync(srcDir)) {
131+
const srcFile = path.resolve(srcDir, file);
132+
const destFile = path.resolve(destDir, file);
133+
134+
copy(srcFile, destFile);
135+
}
136+
};
137+
138+
function copy(src, dest) {
139+
const stat = fs.statSync(src);
140+
if (stat.isDirectory()) {
141+
copyDir(src, dest);
142+
} else {
143+
fs.copyFileSync(src, dest);
144+
}
145+
}
146+
147+
init();

‎package.json

+40
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,40 @@
1+
{
2+
"name": "create-verza",
3+
"version": "1.0.5",
4+
"type": "module",
5+
"license": "MIT",
6+
"author": "zo0r <[email protected]>",
7+
"bin": {
8+
"create-verza": "dist/index.js"
9+
},
10+
"scripts": {
11+
"build": "rollup -c ./rollup.config.mjs",
12+
"publish": "npm publish --access public --scope=@verza"
13+
},
14+
"files": [
15+
"dist/*",
16+
"templates"
17+
],
18+
"repository": {
19+
"type": "git",
20+
"url": "git+https://github.com/verzaio/verza-create.git"
21+
},
22+
"bugs": {
23+
"url": "https://github.com/verzaio/verza-create/issues"
24+
},
25+
"homepage": "https://github.com/verzaio/verza-create/tree/main",
26+
"devDependencies": {
27+
"@rollup/plugin-commonjs": "^25.0.4",
28+
"@rollup/plugin-node-resolve": "^15.2.1",
29+
"@types/minimist": "^1.2.2",
30+
"@types/prompts": "^2.4.5",
31+
"kolorist": "^1.8.0",
32+
"minimist": "^1.2.8",
33+
"prompts": "^2.4.2",
34+
"rollup": "^3.29.4"
35+
},
36+
"dependencies": {
37+
"react": "^18.2.0",
38+
"react-dom": "^18.2.0"
39+
}
40+
}

‎rollup.config.mjs

+29
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,29 @@
1+
// rollup.config.js
2+
import commonjs from "@rollup/plugin-commonjs";
3+
import { nodeResolve } from "@rollup/plugin-node-resolve";
4+
5+
const external = [];
6+
7+
const plugins = [
8+
nodeResolve({
9+
preferBuiltins: false,
10+
}),
11+
commonjs(),
12+
];
13+
14+
const builds = [
15+
{
16+
input: "./index.js",
17+
plugins: [...plugins],
18+
external,
19+
output: [
20+
{
21+
format: "esm",
22+
file: "dist/index.js",
23+
banner: "#!/usr/bin/env node",
24+
},
25+
],
26+
},
27+
];
28+
29+
export default () => builds;

‎templates/react-ts/.eslintrc.cjs

+18
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
module.exports = {
2+
root: true,
3+
env: { browser: true, es2020: true },
4+
extends: [
5+
"eslint:recommended",
6+
"plugin:@typescript-eslint/recommended",
7+
"plugin:react-hooks/recommended",
8+
],
9+
ignorePatterns: ["dist", ".eslintrc.cjs"],
10+
parser: "@typescript-eslint/parser",
11+
plugins: ["react-refresh"],
12+
rules: {
13+
"react-refresh/only-export-components": [
14+
"warn",
15+
{ allowConstantExport: true },
16+
],
17+
},
18+
};

‎templates/react-ts/.gitignore

+19
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
2+
3+
# dependencies
4+
/node_modules
5+
6+
# misc
7+
.DS_Store
8+
9+
# debug
10+
npm-debug.log*
11+
yarn-debug.log*
12+
yarn-error.log*
13+
14+
# locks
15+
yarn.lock
16+
17+
# typescript
18+
/dist*
19+
*.tsbuildinfo

‎templates/react-ts/package.json

+25
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,25 @@
1+
{
2+
"name": "vanilla",
3+
"version": "0.0.0",
4+
"private": true,
5+
"type": "module",
6+
"scripts": {
7+
"dev": "vite",
8+
"build": "vite build"
9+
},
10+
"dependencies": {
11+
"react": "^18.2.0",
12+
"react-dom": "^18.2.0",
13+
"@verza/sdk": "^2.0.51-dev.21"
14+
},
15+
"devDependencies": {
16+
"@types/react": "^18.2.15",
17+
"@types/react-dom": "^18.2.7",
18+
"@typescript-eslint/eslint-plugin": "^6.0.0",
19+
"@typescript-eslint/parser": "^6.0.0",
20+
"eslint": "^8.45.0",
21+
"eslint-plugin-react-hooks": "^4.6.0",
22+
"eslint-plugin-react-refresh": "^0.4.3",
23+
"typescript": "^5.0.2"
24+
}
25+
}

‎templates/react-ts/public/README.md

+1
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
# Public Files

‎templates/react-ts/src/scripts/script.tsx

+10
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
import { Box } from "@verza/sdk/react";
2+
import { initReactEngine } from "@verza/sdk/react/client";
3+
4+
export default async function script(id: string) {
5+
const [render] = await initReactEngine(id);
6+
7+
render(
8+
<Box color="red" radius={0.05} position={[0, 2, 2]} collision="static" />
9+
);
10+
}

‎templates/react-ts/tsconfig.json

+24
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
{
2+
"compilerOptions": {
3+
"target": "ES2020",
4+
"useDefineForClassFields": true,
5+
"module": "ESNext",
6+
"lib": ["ES2020", "DOM", "DOM.Iterable"],
7+
"skipLibCheck": true,
8+
9+
/* Bundler mode */
10+
"moduleResolution": "bundler",
11+
"allowImportingTsExtensions": true,
12+
"resolveJsonModule": true,
13+
"isolatedModules": true,
14+
"noEmit": true,
15+
"jsx": "react-jsx",
16+
17+
/* Linting */
18+
"strict": true,
19+
"noUnusedLocals": true,
20+
"noUnusedParameters": true,
21+
"noFallthroughCasesInSwitch": true
22+
},
23+
"include": ["src"]
24+
}

‎templates/react-ts/vite.config.js

+3
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
import { defineReactViteConfig } from "@verza/sdk/config";
2+
3+
export default defineReactViteConfig();

0 commit comments

Comments
 (0)