Skip to content

Commit 176a543

Browse files
mikawixmikawix
committed
Initial commit
0 parents  commit 176a543

30 files changed

+2747
-0
lines changed

‎.gitignore

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
# Logs
2+
logs
3+
*.log
4+
npm-debug.log*
5+
yarn-debug.log*
6+
yarn-error.log*
7+
pnpm-debug.log*
8+
lerna-debug.log*
9+
10+
node_modules
11+
dist
12+
dist-ssr
13+
*.local
14+
15+
# Editor directories and files
16+
.vscode/*
17+
!.vscode/extensions.json
18+
.idea
19+
.DS_Store
20+
*.suo
21+
*.ntvs*
22+
*.njsproj
23+
*.sln
24+
*.sw?

‎.prettierignore

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
dist
2+
build
3+

‎.prettierrc

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
{
2+
"printWidth": 100,
3+
"singleQuote": true,
4+
"overrides": [
5+
{
6+
"files": ["*.js", "*.cjs", "*.mjs", "*.ts", "*.tsx", "*.cts", "*.mts"],
7+
"options": {
8+
"tabWidth": 4
9+
}
10+
}
11+
]
12+
}

‎README.md

Lines changed: 33 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,33 @@
1+
<div align="center">
2+
<img height="50" src="./src/assets/codux.svg">
3+
<h1><img height="30" src="./src/assets/vite.svg"> Vite template for Codux</h1>
4+
</div>
5+
6+
### A Visual IDE for React Projects
7+
8+
Codux is an all-in-one visual development environment. Whether you’re starting a new app, creating components, or editing an existing project, every visual change you make reflects instantly in the code and vice versa. To learn more about Codux, visit our website - [https://www.codux.com/](https://www.codux.com/)
9+
10+
This project was bootstrapped with [`Vite`](https://vitejs.dev).
11+
12+
It includes a single React component to start your project with, a sample [`codux.config.json`](codux.config.json) with preconfigured keys, a `package.json` file to describe the project's packages and dependencies, and a folder and component structure to put everything neatly in its place.
13+
14+
- Edit, render and compose apps that make use of **`React`**-based components.
15+
- Create components with **`TypeScript`**, **`SCSS`** and **`CSS Modules`** support.
16+
- Visually edit in real-time and in an isolated environment.
17+
18+
### Available Scripts
19+
20+
In the project directory, you can run:
21+
22+
### `npm run build`
23+
24+
Build the application in production mode into a folder named `dist`. This folder can be served using any HTTP server.
25+
26+
### `npm run dev`
27+
28+
Start dev server, aliases: `vite dev`, `vite serve`.\
29+
Open [http://127.0.0.1:5173/](http://127.0.0.1:5173/) to view it in the browser.
30+
31+
### `npm run preview`
32+
33+
Boots up a local static web server that serves the files from dist at [`http://localhost:4173`](http://localhost:4173) . It's an easy way to check if the production build looks OK in your local environment.

‎codux.config.json

Lines changed: 27 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,27 @@
1+
{
2+
"$schema": "https://wixplosives.github.io/codux-config-schema/codux.config.schema.json",
3+
"boardGlobalSetup": "./src/_codux/boards-global-setup.ts",
4+
"componentsDiscovery": {
5+
"include": ["src/**"],
6+
"exclude": ["src/_codux/component-templates/**"]
7+
},
8+
"newComponent": {
9+
"componentsPath": "src/components",
10+
"templatesPath": "src/_codux/component-templates"
11+
},
12+
"safeRender": {
13+
"maxInstancesPerComponent": 1000
14+
},
15+
"scripts": {
16+
"install": {
17+
"title": "Install",
18+
"description": "Run install",
19+
"command": "npm i",
20+
"trigger": ["checkout", "pull", "setup"]
21+
}
22+
},
23+
"styling": {
24+
"solution": "scss modules"
25+
},
26+
"svgLoader": "both"
27+
}

‎index.html

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<link rel="icon" type="image/svg+xml" href="/src/assets/vite.svg" />
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7+
<title>Vite</title>
8+
</head>
9+
<body>
10+
<div id="root"></div>
11+
<script type="module" src="/src/main.tsx"></script>
12+
</body>
13+
</html>

0 commit comments

Comments
 (0)