create-visualbuild-app 0.1.0 → 1.0.1

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.
Files changed (44) hide show
  1. package/README.md +919 -58
  2. package/docs/user-guide.md +759 -0
  3. package/package.json +92 -85
  4. package/scripts/create-builder-app.mjs +513 -501
  5. package/scripts/vb-dev.mjs +41 -32
  6. package/scripts/vb-generate.mjs +332 -224
  7. package/templates/default/app/.vercelignore +6 -0
  8. package/templates/default/app/README.md +56 -21
  9. package/templates/default/app/visualbuild/components.json +3 -0
  10. package/templates/default/app/visualbuild/config.d.ts +48 -0
  11. package/templates/default/app/visualbuild.config.ts +38 -0
  12. package/templates/default/builder/README.md +37 -21
  13. package/visual-app-builder/server/parseReactPage.ts +776 -571
  14. package/visual-app-builder/shared/createReactComponentSource.d.mts +2 -0
  15. package/visual-app-builder/shared/createReactComponentSource.mjs +45 -0
  16. package/visual-app-builder/shared/generateReactSource.d.mts +57 -37
  17. package/visual-app-builder/shared/generateReactSource.mjs +608 -443
  18. package/visual-app-builder/shared/npmBuildCommand.d.mts +17 -0
  19. package/visual-app-builder/shared/npmBuildCommand.mjs +26 -0
  20. package/visual-app-builder/shared/syncCustomComponentSource.d.mts +13 -0
  21. package/visual-app-builder/shared/syncCustomComponentSource.mjs +345 -0
  22. package/visual-app-builder/shared/vercelDeployment.d.mts +31 -0
  23. package/visual-app-builder/shared/vercelDeployment.mjs +266 -0
  24. package/visual-app-builder/shared/visualbuildConfig.d.mts +144 -0
  25. package/visual-app-builder/shared/visualbuildConfig.mjs +578 -0
  26. package/visual-app-builder/src/App.tsx +1090 -874
  27. package/visual-app-builder/src/components/Canvas.tsx +1116 -1059
  28. package/visual-app-builder/src/components/CodePanel.tsx +1147 -812
  29. package/visual-app-builder/src/components/ComponentSidebar.tsx +365 -302
  30. package/visual-app-builder/src/components/DeploymentModal.tsx +295 -0
  31. package/visual-app-builder/src/components/PageSwitcher.tsx +133 -133
  32. package/visual-app-builder/src/components/ProjectExplorer.tsx +1054 -1054
  33. package/visual-app-builder/src/components/PropertiesPanel.tsx +792 -692
  34. package/visual-app-builder/src/components/Topbar.tsx +257 -128
  35. package/visual-app-builder/src/data/componentRegistry.tsx +613 -292
  36. package/visual-app-builder/src/data/tailwindClassCatalog.ts +95 -0
  37. package/visual-app-builder/src/index.css +383 -111
  38. package/visual-app-builder/src/stores/useAppStore.ts +2385 -1265
  39. package/visual-app-builder/src/theme.ts +71 -0
  40. package/visual-app-builder/src/types/index.ts +350 -261
  41. package/visual-app-builder/src/utils/codegen.ts +90 -66
  42. package/visual-app-builder/src/utils/deployment.ts +54 -0
  43. package/visual-app-builder/src/utils/projectPersistence.ts +218 -177
  44. package/visual-app-builder/vite.config.ts +1946 -1479
package/package.json CHANGED
@@ -1,85 +1,92 @@
1
- {
2
- "name": "create-visualbuild-app",
3
- "version": "0.1.0",
4
- "description": "Scaffold a React app with a separate VisualBuild drag-and-drop editor.",
5
- "type": "module",
6
- "bin": {
7
- "create-visualbuild-app": "scripts/create-builder-app.mjs"
8
- },
9
- "keywords": [
10
- "visualbuild",
11
- "react",
12
- "vite",
13
- "visual-editor",
14
- "app-builder",
15
- "scaffold"
16
- ],
17
- "repository": {
18
- "type": "git",
19
- "url": "git+https://github.com/LORD-JINXXX/builder-app.git"
20
- },
21
- "bugs": {
22
- "url": "https://github.com/LORD-JINXXX/builder-app/issues"
23
- },
24
- "homepage": "https://github.com/LORD-JINXXX/builder-app#readme",
25
- "license": "UNLICENSED",
26
- "files": [
27
- "visual-app-builder/index.html",
28
- "visual-app-builder/server",
29
- "visual-app-builder/shared",
30
- "visual-app-builder/src",
31
- "visual-app-builder/vite.config.ts",
32
- "templates",
33
- "scripts/create-builder-app.mjs",
34
- "scripts/vb-dev.mjs",
35
- "scripts/vb-generate.mjs",
36
- "README.md"
37
- ],
38
- "scripts": {
39
- "dev": "vite",
40
- "build": "tsc -b && vite build",
41
- "lint": "eslint .",
42
- "preview": "vite preview",
43
- "test": "npm run test:week3",
44
- "test:generator": "node --test tests/generate-react-source.test.mjs",
45
- "test:registry": "node --test tests/component-registry.test.mjs",
46
- "test:performance": "node --test tests/generator-performance.test.mjs",
47
- "test:scaffold": "node --test tests/create-builder-app.test.mjs",
48
- "test:diagnostics": "node --test tests/generator-diagnostics.test.mjs",
49
- "test:reverse-sync": "node --experimental-strip-types --test tests/parse-react-page.test.ts",
50
- "test:week3": "node --experimental-strip-types --test tests/parse-react-page.test.ts tests/generate-react-source.test.mjs tests/component-registry.test.mjs tests/generator-performance.test.mjs tests/create-builder-app.test.mjs tests/managed-page-deletion.test.mjs tests/managed-page-move.test.mjs tests/generator-diagnostics.test.mjs",
51
- "create-visualbuild-app": "node scripts/create-builder-app.mjs",
52
- "create-builder-app": "npm run create-visualbuild-app --",
53
- "visual-builder": "node scripts/vb-dev.mjs",
54
- "vb:generate": "node scripts/vb-generate.mjs"
55
- },
56
- "dependencies": {
57
- "@babel/generator": "^7.29.7",
58
- "@babel/parser": "^7.29.7",
59
- "@babel/types": "^7.29.7",
60
- "@dnd-kit/core": "^6.3.1",
61
- "@dnd-kit/sortable": "^10.0.0",
62
- "@dnd-kit/utilities": "^3.2.2",
63
- "@tailwindcss/vite": "^4.3.1",
64
- "chokidar": "^4.0.3",
65
- "react": "^19.2.7",
66
- "react-dom": "^19.2.7",
67
- "uuid": "^14.0.1",
68
- "zustand": "^5.0.14"
69
- },
70
- "devDependencies": {
71
- "@eslint/js": "^10.0.1",
72
- "@types/node": "^24.13.2",
73
- "@types/react": "^19.2.17",
74
- "@types/react-dom": "^19.2.3",
75
- "@vitejs/plugin-react": "^6.0.2",
76
- "eslint": "^10.5.0",
77
- "eslint-plugin-react-hooks": "^7.1.1",
78
- "eslint-plugin-react-refresh": "^0.5.3",
79
- "globals": "^17.6.0",
80
- "tailwindcss": "^4.3.1",
81
- "typescript": "~6.0.2",
82
- "typescript-eslint": "^8.61.0",
83
- "vite": "^8.1.0"
84
- }
85
- }
1
+ {
2
+ "name": "create-visualbuild-app",
3
+ "version": "1.0.1",
4
+ "description": "Scaffold a React app with a separate VisualBuild drag-and-drop editor.",
5
+ "type": "module",
6
+ "bin": {
7
+ "create-visualbuild-app": "scripts/create-builder-app.mjs"
8
+ },
9
+ "keywords": [
10
+ "visualbuild",
11
+ "react",
12
+ "vite",
13
+ "visual-editor",
14
+ "app-builder",
15
+ "scaffold"
16
+ ],
17
+ "repository": {
18
+ "type": "git",
19
+ "url": "git+https://github.com/LORD-JINXXX/builder-app.git"
20
+ },
21
+ "bugs": {
22
+ "url": "https://github.com/LORD-JINXXX/builder-app/issues"
23
+ },
24
+ "homepage": "https://github.com/LORD-JINXXX/builder-app#readme",
25
+ "license": "UNLICENSED",
26
+ "files": [
27
+ "visual-app-builder/index.html",
28
+ "visual-app-builder/server",
29
+ "visual-app-builder/shared",
30
+ "visual-app-builder/src",
31
+ "visual-app-builder/vite.config.ts",
32
+ "templates",
33
+ "scripts/create-builder-app.mjs",
34
+ "scripts/vb-dev.mjs",
35
+ "scripts/vb-generate.mjs",
36
+ "docs/user-guide.md",
37
+ "README.md"
38
+ ],
39
+ "scripts": {
40
+ "dev": "vite",
41
+ "build": "tsc -b && vite build",
42
+ "lint": "eslint .",
43
+ "preview": "vite preview",
44
+ "test": "npm run test:week3 && npm run test:tailwind && npm run test:custom-components && npm run test:config && npm run test:themes && npm run test:deployment",
45
+ "test:generator": "node --test tests/generate-react-source.test.mjs",
46
+ "test:registry": "node --test tests/component-registry.test.mjs",
47
+ "test:tailwind": "node --experimental-strip-types --test tests/tailwind-class-catalog.test.ts",
48
+ "test:custom-components": "node --test tests/custom-components.test.mjs tests/react-component-boilerplate.test.mjs",
49
+ "test:config": "node --test tests/visualbuild-config.test.mjs",
50
+ "test:themes": "node --experimental-strip-types --test tests/editor-theme.test.ts",
51
+ "test:deployment": "node --test tests/vercel-deployment.test.mjs",
52
+ "validate:release": "node scripts/validate-release.mjs",
53
+ "test:performance": "node --test tests/generator-performance.test.mjs",
54
+ "test:scaffold": "node --test tests/create-builder-app.test.mjs",
55
+ "test:diagnostics": "node --test tests/generator-diagnostics.test.mjs",
56
+ "test:reverse-sync": "node --experimental-strip-types --test tests/parse-react-page.test.ts",
57
+ "test:week3": "node --experimental-strip-types --test tests/parse-react-page.test.ts tests/generate-react-source.test.mjs tests/component-registry.test.mjs tests/generator-performance.test.mjs tests/create-builder-app.test.mjs tests/managed-page-deletion.test.mjs tests/managed-page-move.test.mjs tests/generator-diagnostics.test.mjs",
58
+ "create-visualbuild-app": "node scripts/create-builder-app.mjs",
59
+ "create-builder-app": "node scripts/create-builder-app.mjs",
60
+ "visual-builder": "node scripts/vb-dev.mjs",
61
+ "vb:generate": "node scripts/vb-generate.mjs"
62
+ },
63
+ "dependencies": {
64
+ "@babel/generator": "^7.29.7",
65
+ "@babel/parser": "^7.29.7",
66
+ "@babel/types": "^7.29.7",
67
+ "@dnd-kit/core": "^6.3.1",
68
+ "@dnd-kit/sortable": "^10.0.0",
69
+ "@dnd-kit/utilities": "^3.2.2",
70
+ "@tailwindcss/vite": "^4.3.1",
71
+ "chokidar": "^4.0.3",
72
+ "react": "^19.2.7",
73
+ "react-dom": "^19.2.7",
74
+ "uuid": "^14.0.1",
75
+ "zustand": "^5.0.14"
76
+ },
77
+ "devDependencies": {
78
+ "@eslint/js": "^10.0.1",
79
+ "@types/node": "^24.13.2",
80
+ "@types/react": "^19.2.17",
81
+ "@types/react-dom": "^19.2.3",
82
+ "@vitejs/plugin-react": "^6.0.2",
83
+ "eslint": "^10.5.0",
84
+ "eslint-plugin-react-hooks": "^7.1.1",
85
+ "eslint-plugin-react-refresh": "^0.5.3",
86
+ "globals": "^17.6.0",
87
+ "tailwindcss": "^4.3.1",
88
+ "typescript": "~6.0.2",
89
+ "typescript-eslint": "^8.61.0",
90
+ "vite": "^8.1.0"
91
+ }
92
+ }