use npm create to bootstrap the demo app

closes #10

Author: scriptPilot

.gitignore

@@ -1,3 +1,3 @@
 node_modules/
-demo/
+demo-app/
 .DS_Store

README.md

@@ -53,7 +53,16 @@ Report bugs in the [issues list](https://github.com/scriptPilot/add-php-backend/
 ## Maintainer
 
 1. Apply changes
-2. Run `npm run backend` to build the `demo` folder
+2. Run `npm run demo` to build and start the `demo-app`
 3. Commit changes with an issue (closure) reference
 4. Run `npm version patch | minor | major` and push changes
 5. Let the workflow manage the release to GitHub and NPM
+
+## Maintainer
+
+1. Apply changes to the code
+2. Run `npm run demo` to build and start the `demo-app`
+3. Apply changes to the `README.md` file and screenshots
+4. Commit changes with an issue (closure) reference
+5. Run `npm version patch | minor | major` and push changes
+6. Let the workflow manage the release to GitHub and NPM

package.json

@@ -7,7 +7,7 @@
   "type": "module",
   "scripts": {
     "test": "",
-    "backend": "rm -rf demo && node . && cd demo && npm run backend",
+    "demo": "rm -rf demo-app && npm create vite demo-app -- --template react && node . && cd demo-app && npm install && npm run dev",
     "preversion": "npm install && npm test"
   },
   "repository": {

src/index.js

@@ -10,7 +10,7 @@ import fs from 'fs-extra'
 const scriptFolder = path.dirname(url.fileURLToPath(import.meta.url))
 const processFolder = process.cwd()
 const isDevMode = processFolder === path.resolve(scriptFolder, '..')
-const appFolder = isDevMode ? path.resolve(scriptFolder, '../demo') : processFolder
+const appFolder = isDevMode ? path.resolve(scriptFolder, '../demo-app') : processFolder
 const templateFolder = path.resolve(scriptFolder, 'templates')
 
 // Define files