Create new applications from a single scaffold file and vice versa.
An application can have large number of smaller-files and folders. This is especially applicable in the case of frameworks and micro-architectures, as they contain a large number of boiler-plate files. Even with modern editors like VS Code, it can be tedious to open each file to view or modify.
On the other hand, with powerful source control systems, like Git, it is easier to track changes in large files. Additionally, searching for a specific text within a larger file is easily done using editors. Thus, it makes more sense to store such applications in a single large file.
There are framework-provided application generators e.g.
- CRA - Create-React-App
- Spring Initializr - start.spring.io
- etc.
Each generator creates a bare-minimum application, e.g. V1 of app1. But, it is not directly usable, without making additional changes, kind V2 of the app1. These same changes may have to be done again and again for every new future applications e.g. app2, app3 etc. Enhancing generators to create the version V2 directly, is either not possible or not very easy. This results in repeated work of applying boiler-plate changes, for every new application. Also, by that time, app1 may already have non-reusable, business-specific changes as part of say version V3. So, copying the app1 folder as app2 is also not feasible.
The scaffold-any-app
utility tries to fill-in this gap, by storing entire application in a tree-like structure inside a single file. This utility can be used to bootstrap new applications easily in the future. Moreover, a single file can be more easily kept up-to-date, as needed.
This is achieved by using the following approach:
- Create tree-like structure (in a single-file) from the application folder.
- Scaffold (write) new application folder using the same single file.
npm install --save-dev scaffold-any-app
scaffold-any-app <mode> <folder>
Creates single file from application folder.
- Create a new application folder, say app, with all the files and sub-folders.
- Run
scaffold-any-app create ./app > files.js
. - This will create the trre-like structure in a single file
files.js
.
Creates application folder from single scaffold file.
- Create a
files.js
file to represent file-structure of an application. Alternately, use the file created in Create Mode above. - Run
scaffold-any-app write ./app2
. - This will make a new app2 folder from the tree-like structure in the input file.
The utility will look for .gitignore
file for ignoring any files/folders. If not available, it will ignore .git, target, node_modules, classes, build
, by default.
"scripts": {
"create": "scaffold-any-app create ./app > files.js",
"write": "scaffold-any-app write ./app2"
}
Full example is here.
- Create an application folder manually or using any framework-provided generators e.g.
npx create-react-app app
- Convert the application folder into a single file e.g.
scaffold-any-app create ./app > files.js
- Store the single file in your source control system.
- Modify the file as needed OR
- Modify folders / files, inside the original application folder, as needed, and then either
- Create scaffold file again e.g.
scaffold-any-app create ./app > files.js
OR - Manually change the scaffold file for changes in the original application folder.
- Create scaffold file again e.g.
- Finally, use the scaffold file to generate new applications e.g.
scaffold-any-app write ./app2
Escape special characters e.g. newlines, string literals, variables etc.
Escape newlines. So, use \\n
, instead of \n
Escape these as well. So use
\`
instead of
`
Escape variables e.g. Use $\{port}
instead of ${port}
Try to keep file and folder names and content generic, so that they can be re-used.
Add any non-generica / non-reusable names in .gitignore file, so that they are skipped in both Create and Write modes.
For a large file, allocate more heap space, as needed.
export NODE_OPTIONS=--max_old_space_size=4096
In Create mode, the binary files base64-encoded and then stored in single file.
[{
// This is a directory - provide its name as a key
src: {
// Because it's a directory, add the "directory" key
directory: {
// This is a file - provide its path as a key:
'main.js': {
// Because it's a file, add the "file" key
file: {
contents: `
console.log('Hello from Scaffold-Any-App!')
`,
},
},
// This is another file inside the same folder
'main.css': {
// Because it's a file, add the "file" key
file: {
contents: `
body {
margin: 0;
}
`,
},
},
// This is a binary file
"twitter.2.ico": {
file: {
contents: {
base64: "eyIwIjoxMzcsIjEiOjgwLCIyIjo3OCwiMyI6NzEsIjQiOjEzLCI1IjoxMCwiNiI6MjYsIjciOjEwLCI4IjowLCI5IjowLCIxMCI6MCwiMTEiOjEzLCIxMiI6NzMsIjEzIjo3MiwiMTQiOjY4LCIxNSI6ODIsIjE2IjowLCIxNyI6MCwiMTgiOjAsIjE5IjozMiwiMjAiOjAsIjIxIjowLCIyMiI6MCwiMjMiOjMyLCIyNCI6OCwiMjUiOjYsIjI2IjowLCIyNyI6MCwiMjgiOjAsIjI5IjoxMTUsIjMwIjoxMjIsIjMxIjoxMjIsIjMyIjoyNDQsIjMzIjowLCIzNCI6MCwiMzUiOjAsIjM2Ijo5LCIzNyI6MTEyLCIzOCI6NzIsIjM5Ijo4OSwiNDAiOjExNSwiNDEiOjAsIjQyIjowLCI0MyI6MTEsIjQ0IjoxOSwiNDUiOjAsIjQ2IjowLCI0NyI6MTEsIjQ4IjoxOSwiNDkiOjEsIjUwIjowLCI1MSI6MTU0LCI1MiI6MTU2LCI1MyI6MjQsIjU0IjowLCI1NSI6MCwiNTYiOjAsIjU3IjoxLCI1OCI6MTE1LCI1OSI6ODIsIjYwIjo3MSwiNjEiOjY2LCI2MiI6MCwiNjMiOjE3NCwiNjQiOjIwNiwiNjUiOjI4LCI2NiI6MjMzLCI2NyI6MCwiNjgiOjAsIjY5IjowLCI3MCI6NCwiNzEiOjEwMywiNzIiOjY1LCI3MyI6NzcsIjc0Ijo2NSwiNzUiOjAsIjc2IjowLCI3NyI6MTc3LCI3OCI6MTQzLCI3OSI6MTEsIjgwIjoyNTIsIjgxIjo5NywiODIiOjUsIjgzIjowLCI4NCI6MCwiODUiOjIsIjg2IjoxMDAsIjg3Ijo3MywiODgiOjY4LCI4OSI6NjUsIjkwIjo4NCwiOTEiOjEyMCwiOTIiOjEsIjkzIjoyMzcsIjk0Ijo4NiwiOTUiOjY1LCI5NiI6MTEwLCI5NyI6MjE4LCI5OCI6ODAsIjk5IjoxNiwiMTAwIjoxMjUsIjEwMSI6MjQzLCIxMDIiOjMzLCIxMDMiOjEwOSwiMTA0IjoyMiwiMTA1Ijo4NSwiMTA2IjoxMzksIjEwNyI6MTUxLCIxMDgiOjg1LCIxMDkiOjE2MSwiMTEwIjoyNDgsIjExMSI6NiwiMTEyIjoyMDUsIjExMyI6MTMsIjExNCI6NzQsIjExNSI6NzgsIjExNiI6MCwiMTE3Ijo1NywiMTE4Ijo2NSwiMTE5Ijo5NywiMTIwIjoxNywiMTIxIjoxNzAsIjEyMiI6MjM2LCIxMjMiOjE0NiwiMTI0IjoxOSwiMTI1IjozNiwiMTI2IjoxNTYsIjEyNyI6MTI4LCIxMjgiOjIzNiwiMTI5IjoxNzAsIjEzMCI6NjYsIjEzMSI6MTY1LCIxMzIiOjExMiwiMTMzIjoxMzIsIjEzNCI6MjQ0LCIxMzUiOjQsIjEzNiI6MjA4LCIxMzciOjE5LCIxMzgiOjIxMiwiMTM5Ijo2MSwiMTQwIjo2NSwiMTQxIjoyMjEsIjE0MiI6MTQ2LCIxNDMiOjc0LCIxNDQiOjIyMSwiMTQ1IjoyMTcsIjE0NiI6MTQ5LCIxNDciOjE4NiwiMTQ4Ijo0MiwiMTQ5IjoyNDAsIjE1MCI6MTY3LCIxNTEiOjI0MywiMTUyIjozMywiMTUzIjo4NiwiMTU0IjoxMDgsIjE1NSI6MTkyLCIxNTYiOjE5OCwiMTU3IjozOCwiMTU4IjoxNjAsIjE1OSI6NDAsIjE2MCI6MTgsIjE2MSI6MTExLCIxNjIiOjI0NywiMTYzIjoyMzEsIjE2NCI6MTQzLCIxNjUiOjEwMywiMTY2IjoyMjIsIjE2NyI6MjA0LCIxNjgiOjI1MiwiMTY5IjoxNTMsIjE3MCI6NDksIjE3MSI6MTc2LCIxNzIiOjE5NSwiMTczIjoxNCwiMTc0IjoxNSwiMTc1IjoxMiwiMTc2IjoxOTQsIjE3NyI6MTM0LCIxNzgiOjgwLCIxNzkiOjI1MiwiMTgwIjoyMjQsIjE4MSI6ODUsIjE4MiI6MTQ0LCIxODMiOjE2NywiMTg0IjoxMTUsIjE4NSI6NDksIjE4NiI6MTIwLCIxODciOjMyLCIxODgiOjE5OSwiMTg5IjoyLCIxOTAiOjI0LCIxOTEiOjE3NCwiMTkyIjoxNTIsIjE5MyI6MzEsIjE5NCI6MTQwLCIxOTUiOjM4LCIxOTYiOjE4NiwiMTk3IjoyNDUsIjE5OCI6MjUxLCIxOTkiOjE5NiwiMjAwIjoxMTQsIjIwMSI6MTk1LCIyMDIiOjEyMiwiMjAzIjoxMjcsIjIwNCI6MjQ3LCIyMDUiOjIyNSwiMjA2IjoyNDgsIjIwNyI6MTMsIjIwOCI6MjAzLCIyMDkiOjk1LCIyMTAiOjMyLCIyMTEiOjI0MCwiMjEyIjoxNzAsIjIxMyI6MjI3LCIyMTQiOjIxMywiMjE1IjoyMjksIjIxNiI6MTk1LCIyMTciOjE5NCwiMjE4IjoxNzUsIjIxOSI6MjQ3LCIyMjAiOjIxNCwiMjIxIjozNywiMjIyIjo1MCwiMjIzIjoyMjQsIjIyNCI6MTE3LCIyMjUiOjI0NywiMjI2IjoyMDcsIjIyNyI6NTcsIjIyOCI6MTMxLCIyMjkiOjQ3LCIyMzAiOjIyNiwiMjMxIjoyMzgsIjIzMiI6ODksIjIzMyI6MTE1LCIyMzQiOjEzOSwiMjM1IjoxLCIyMzYiOjE1OSwiMjM3IjoyMCwiMjM4Ijo4NSwiMjM5IjoxMzcsIjI0MCI6MjAxLCIyNDEiOjI5LCIyNDIiOjU0LCIyNDMiOjk1LCIyNDQiOjUyLCIyNDUiOjEzMCwiMjQ2IjoxODcsIjI0NyI6OCwiMjQ4IjoxMjksIjI0OSI6ODIsIjI1MCI6MTk5LCIyNTEiOjE4NywiMjUyIjo2LCIyNTMiOjgxLCIyNTQiOjg1LCIyNTUiOjEwNywiMjU2Ijo2MiwiMjU3Ijo3NSwiMjU4Ijo3NSwiMjU5IjoxOTQsIjI2MCI6MTQ0LCIyNjEiOjg2LCIyNjIiOjY4LCIyNjMiOjg3LCIyNjQiOjEwNSwiMjY1IjoxMTYsIjI2NiI6NzMsIjI2NyI6MTc4LCIyNjgiOjE2MiwiMjY5IjozOCwiMjcwIjoxMjQsIjI3MSI6NTYsIjI3MiI6MjAyLCIyNzMiOjczLCIyNzQiOjE0NCwiMjc1Ijo3NywiMjc2IjoyMDMsIjI3NyI6NDksIjI3OCI6NTAsIjI3OSI6MjEsIjI4MCI6OTcsIjI4MSI6NzQsIjI4MiI6ODQsIjI4MyI6MTU4LCIyODQiOjEwLCIyODUiOjIxLCIyODYiOjE4MSwiMjg3IjoxMzksIjI4OCI6MTgsIjI4OSI6ODUsIjI5MCI6MjYsIjI5MSI6MTYzLCIyOTIiOjE2MiwiMjkzIjoxNTUsIjI5NCI6NzQsIjI5NSI6NzksIjI5NiI6MzQsIjI5NyI6MjQ1LCIyOTgiOjUzLCIyOTkiOjIyNCwiMzAwIjo3NiwiMzAxIjoyNDYsIjMwMiI6MTY4LCIzMDMiOjE3NSwiMzA0IjoyMCwiMzA1IjoyMzYsIjMwNiI6MTQ0LCIzMDciOjI1MiwiMzA4IjoxNCwiMzA5IjoxOTcsIjMxMCI6MTc0LCIzMTEiOjI1NSwiMzEyIjoyNDUsIjMxMyI6MTgyLCIzMTQiOjEzNCwiMzE1IjoxODMsIjMxNiI6MTQwLCIzMTciOjIyNCwiMzE4IjoyNDIsIjMxOSI6MTMyLCIzMjAiOjI3LCIzMjEiOjU1LCIzMjIiOjM5LCIzMjMiOjIxNCwiMzI0Ijo5NiwiMzI1IjoxNTMsIjMyNiI6ODEsIjMyNyI6ODMsIjMyOCI6NzksIjMyOSI6MjAyLCIzMzAiOjgzLCIzMzEiOjMxLCIzMzIiOjg5LCIzMzMiOjE5MiwiMzM0IjoyMjAsIjMzNSI6MjQsIjMzNiI6NTQsIjMzNyI6MTczLCIzMzgiOjk0LCIzMzkiOjExMiwiMzQwIjo4NCwiMzQxIjoxMTUsIjM0MiI6MTUxLCIzNDMiOjk1LCIzNDQiOjE2LCIzNDUiOjE2NSwiMzQ2IjoxMDksIjM0NyI6MjcsIjM0OCI6NywiMzQ5Ijo2NiwiMzUwIjoxNzIsIjM1MSI6MjU1LCIzNTIiOjI0MiwiMzUzIjoxNjMsIjM1NCI6ODcsIjM1NSI6OTEsIjM1NiI6MTc2LCIzNTciOjE0OSwiMzU4IjoxODcsIjM1OSI6MTM5LCIzNjAiOjM2LCIzNjEiOjEzLCIzNjIiOjE5OCwiMzYzIjoxOTYsIjM2NCI6NzEsIjM2NSI6OTcsIjM2NiI6MjMxLCIzNjciOjYsIjM2OCI6MjQ5LCIzNjkiOjIwMCwiMzcwIjo5NywiMzcxIjoxNSwiMzcyIjoxNTEsIjM3MyI6MTIyLCIzNzQiOjE0MCwiMzc1IjoxMTksIjM3NiI6MTA4LCIzNzciOjk0LCIzNzgiOjExMywiMzc5IjoxMzIsIjM4MCI6NywiMzgxIjo0MiwiMzgyIjoxMjEsIjM4MyI6NjksIjM4NCI6MTQ5LCIzODUiOjgyLCIzODYiOjIxNSwiMzg3IjoyNDcsIjM4OCI6MTUzLCIzODkiOjQ5LCIzOTAiOjk2LCIzOTEiOjMzLCIzOTIiOjc0LCIzOTMiOjI2LCIzOTQiOjE0LCIzOTUiOjcyLCIzOTYiOjE0OSwiMzk3Ijo3NywiMzk4IjoxNTQsIjM5OSI6MjEwLCI0MDAiOjIyNiwiNDAxIjoyMzMsIjQwMiI6OCwiNDAzIjoyMDYsIjQwNCI6MTg4LCI0MDUiOjQ0LCI0MDYiOjY2LCI0MDciOjY0LCI0MDgiOjI1MCwiNDA5IjoxOTQsIjQxMCI6MTI3LCI0MTEiOjE0LCI0MTIiOjExMCwiNDEzIjoxMzcsIjQxNCI6MjAzLCI0MTUiOjExOCwiNDE2IjoxNDAsIjQxNyI6MTQxLCI0MTgiOjIsIjQxOSI6MTcsIjQyMCI6MTA2LCI0MjEiOjY4LCI0MjIiOjg0LCI0MjMiOjE1NSwiNDI0IjoyMjksIjQyNSI6NDYsIjQyNiI6MTg5LCI0MjciOjI0MywiNDI4IjoxNjksIjQyOSI6MjUzLCI0MzAiOjEyNSwiNDMxIjoyNDgsIjQzMiI6MTM3LCI0MzMiOjQsIjQzNCI6MTU4LCI0MzUiOjE0MSwiNDM2IjoyMjUsIjQzNyI6MTA0LCI0MzgiOjIwOCwiNDM5IjoxMTksIjQ0MCI6MTEzLCI0NDEiOjIyNiwiNDQyIjoxMzgsIjQ0MyI6MTA5LCI0NDQiOjI3LCI0NDUiOjE1NSwiNDQ2IjoxMzMsIjQ0NyI6MzEsIjQ0OCI6MjQ0LCI0NDkiOjEyNiwiNDUwIjoyNCwiNDUxIjoxMTUsIjQ1MiI6MTExLCI0NTMiOjAsIjQ1NCI6MjE1LCI0NTUiOjM4LCI0NTYiOjIyMSwiNDU3Ijo5MSwiNDU4IjoxMTIsIjQ1OSI6NDYsIjQ2MCI6MjA3LCI0NjEiOjEzOSwiNDYyIjoxOTEsIjQ2MyI6NDUsIjQ2NCI6MTQ3LCI0NjUiOjcxLCI0NjYiOjgsIjQ2NyI6NzIsIjQ2OCI6NTgsIjQ2OSI6MTIyLCI0NzAiOjIxNiwiNDcxIjozMCwiNDcyIjoyOCwiNDczIjoxNzIsIjQ3NCI6MzQsIjQ3NSI6MjI0LCI0NzYiOjIwMiwiNDc3IjoxMTIsIjQ3OCI6MzIsIjQ3OSI6MjQwLCI0ODAiOjI1LCI0ODEiOjE4MiwiNDgyIjowLCI0ODMiOjE0MiwiNDg0Ijo5LCI0ODUiOjc4LCI0ODYiOjIwNSwiNDg3IjoxMSwiNDg4IjoxMjYsIjQ4OSI6MzAsIjQ5MCI6MjAzLCI0OTEiOjQsIjQ5MiI6MTQ4LCI0OTMiOjk0LCI0OTQiOjE1NywiNDk1IjoxOTAsIjQ5NiI6MTMxLCI0OTciOjc3LCI0OTgiOjU3LCI0OTkiOjE1MSwiNTAwIjoxNzQsIjUwMSI6OSwiNTAyIjozOCwiNTAzIjoyMjMsIjUwNCI6NzQsIjUwNSI6MiwiNTA2Ijo2LCI1MDciOjUwLCI1MDgiOjUwLCI1MDkiOjExLCI1MTAiOjUwLCI1MTEiOjE0MiwiNTEyIjo2MywiNTEzIjoxOSwiNTE0IjoyMiwiNTE1Ijo5NSwiNTE2IjoyMzcsIjUxNyI6NTgsIjUxOCI6MTYwLCI1MTkiOjEzMiwiNTIwIjoyMTAsIjUyMSI6MjMwLCI1MjIiOjE1MSwiNTIzIjo5LCI1MjQiOjE4MSwiNTI1IjoxMzAsIjUyNiI6MTQ4LCI1MjciOjEzMCwiNTI4IjoyMTgsIjUyOSI6MjE3LCI1MzAiOjE1NCwiNTMxIjo0NCwiNTMyIjo2LCI1MzMiOjc2LCI1MzQiOjE4OSwiNTM1Ijo5NywiNTM2IjoxNzksIjUzNyI6MjA4LCI1MzgiOjEzOSwiNTM5IjoxODcsIjU0MCI6OTQsIjU0MSI6MTU0LCI1NDIiOjEyOSwiNTQzIjoxNTUsIjU0NCI6OTksIjU0NSI6MTA3LCI1NDYiOjY0LCI1NDciOjIxMSwiNTQ4IjoxMjEsIjU0OSI6MTEyLCI1NTAiOjYzLCI1NTEiOjE1MiwiNTUyIjoyMjksIjU1MyI6MTQ3LCI1NTQiOjE0NywiNTU1IjoxMTcsIjU1NiI6MTU2LCI1NTciOjE2OCwiNTU4IjoxNDcsIjU1OSI6MTE2LCI1NjAiOjg5LCI1NjEiOjUwLCI1NjIiOjIzNSwiNTYzIjoyNSwiNTY0Ijo1NiwiNTY1IjoxNDksIjU2NiI6MTMsIjU2NyI6MjQ5LCI1NjgiOjYsIjU2OSI6MTA3LCI1NzAiOjY0LCI1NzEiOjg2LCI1NzIiOjI0NCwiNTczIjoxNjEsIjU3NCI6OSwiNTc1Ijo2LCI1NzYiOjIzNSwiNTc3IjoxOCwiNTc4Ijo4LCI1NzkiOjk2LCI1ODAiOjExOSwiNTgxIjoxODgsIjU4MiI6MywiNTgzIjo3NywiNTg0IjoyMTIsIjU4NSI6MTU5LCI1ODYiOjMxLCI1ODciOjIwOSwiNTg4IjoyMDEsIjU4OSI6MjIyLCI1OTAiOjE2MywiNTkxIjo3NSwiNTkyIjoxMDMsIjU5MyI6NDUsIjU5NCI6MiwiNTk1IjoxOTgsIjU5NiI6MjQxLCI1OTciOjE1MiwiNTk4Ijo4NCwiNTk5Ijo4NSwiNjAwIjoyMDIsIjYwMSI6MTEzLCI2MDIiOjEzOCwiNjAzIjoxNDgsIjYwNCI6MjA2LCI2MDUiOjEwMywiNjA2IjoxMDcsIjYwNyI6MTUxLCI2MDgiOjE0MywiNjA5Ijo4NiwiNjEwIjo2OSwiNjExIjozMCwiNjEyIjoyMTAsIjYxMyI6MTU5LCI2MTQiOjE2MSwiNjE1IjoyNDQsIjYxNiI6MjAxLCI2MTciOjE3MSwiNjE4IjoxMDUsIjYxOSI6NDUsIjYyMCI6MTc5LCI2MjEiOjk0LCI2MjIiOjE2NiwiNjIzIjozMiwiNjI0IjoxNTMsIjYyNSI6MzcsIjYyNiI6MTYzLCI2MjciOjU2LCI2MjgiOjI1MSwiNjI5Ijo2OCwiNjMwIjoxNDgsIjYzMSI6MTE4LCI2MzIiOjIwMywiNjMzIjo3NywiNjM0Ijo4MCwiNjM1IjoxMTksIjYzNiI6NjcsIjYzNyI6MTkxLCI2MzgiOjk2LCI2MzkiOjE2OSwiNjQwIjo5LCI2NDEiOjc2LCI2NDIiOjczLCI2NDMiOjIwNCwiNjQ0IjoxMDYsIjY0NSI6OTQsIjY0NiI6MTUxLCI2NDciOjE1NCwiNjQ4IjoxOTEsIjY0OSI6NjksIjY1MCI6MjIsIjY1MSI6MTM2LCI2NTIiOjk5LCI2NTMiOjM4LCI2NTQiOjkyLCI2NTUiOjE2NCwiNjU2IjoxNDEsIjY1NyI6NTgsIjY1OCI6MTUwLCI2NTkiOjY0LCI2NjAiOjAsIjY2MSI6MjUxLCI2NjIiOjIwMiwiNjYzIjoxNzksIjY2NCI6MjQ1LCI2NjUiOjYzLCI2NjYiOjIxMiwiNjY3IjoxOTYsIjY2OCI6MTA0LCI2NjkiOjE5NywiNjcwIjoyOCwiNjcxIjoxMDEsIjY3MiI6MjUxLCI2NzMiOjE0OSwiNjc0IjoxMzEsIjY3NSI6MjUwLCI2NzYiOjE1NSwiNjc3IjoyMCwiNjc4IjoyMDMsIjY3OSI6OTYsIjY4MCI6MjQ5LCI2ODEiOjMzLCI2ODIiOjIxNywiNjgzIjoxNDUsIjY4NCI6ODYsIjY4NSI6MTMzLCI2ODYiOjE2MywiNjg3IjoxNTgsIjY4OCI6MTYwLCI2ODkiOjIzMSwiNjkwIjo0NiwiNjkxIjo4OSwiNjkyIjo1MCwiNjkzIjo1OSwiNjk0IjoyMzYsIjY5NSI6MjQwLCI2OTYiOjEwNCwiNjk3IjoyNDAsIjY5OCI6MzEsIjY5OSI6MjE1LCI3MDAiOjUzLCI3MDEiOjI0MCwiNzAyIjoxMDAsIjcwMyI6MTkwLCI3MDQiOjI0OSwiNzA1IjoyMTIsIjcwNiI6MjQ1LCI3MDciOjAsIjcwOCI6MCwiNzA5IjowLCI3MTAiOjAsIjcxMSI6NzMsIjcxMiI6NjksIjcxMyI6NzgsIjcxNCI6NjgsIjcxNSI6MTc0LCI3MTYiOjY2LCI3MTciOjk2LCI3MTgiOjEzMH0="
}
}
}
},
},
'package.json': {
file: {
contents: `
{
"name": "vite-starter",
"private": true,
"version": "0.0.0",
"type": "module",
"scripts": {
"dev": "vite",
"build": "vite build",
"preview": "vite preview"
},
"devDependencies": {
"vite": "^4.0.4"
}
}`,
},
},
'index.html': {
file: {
contents: `
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Vite App</title>
</head>
<body>
<div id="app"></div>
<script type="module" src="/src/main.js"></script>
</body>
</html>`,
},
},
}]