@valbuild/ui 0.21.2 → 0.23.0

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 (70) hide show
  1. package/.storybook/theme.css +5 -1
  2. package/components.json +16 -0
  3. package/dist/valbuild-ui.cjs.d.ts +11 -7
  4. package/dist/valbuild-ui.cjs.js +43603 -33217
  5. package/dist/valbuild-ui.esm.js +48309 -37939
  6. package/fix-server-hack.js +54 -0
  7. package/fullscreen.vite.config.ts +9 -0
  8. package/index.html +12 -0
  9. package/package.json +52 -13
  10. package/server/dist/manifest.json +16 -0
  11. package/server/dist/style.css +2145 -0
  12. package/server/dist/valbuild-ui-main.cjs.js +74436 -0
  13. package/server/dist/valbuild-ui-main.esm.js +74437 -0
  14. package/server/dist/valbuild-ui-server.cjs.js +36 -2
  15. package/server/dist/valbuild-ui-server.esm.js +36 -2
  16. package/server.vite.config.ts +2 -0
  17. package/src/App.tsx +73 -0
  18. package/src/assets/icons/Logo.tsx +103 -0
  19. package/src/components/Button.tsx +10 -2
  20. package/src/components/Dropdown.tsx +2 -2
  21. package/src/components/{dashboard/Grid.stories.tsx → Grid.stories.tsx} +8 -17
  22. package/src/components/{dashboard/Grid.tsx → Grid.tsx} +36 -23
  23. package/src/components/RichTextEditor/ContentEditable.tsx +109 -1
  24. package/src/components/RichTextEditor/Plugins/Toolbar.tsx +2 -2
  25. package/src/components/RichTextEditor/RichTextEditor.tsx +1 -1
  26. package/src/components/ValFormField.tsx +574 -0
  27. package/src/components/ValFullscreen.tsx +1278 -0
  28. package/src/components/ValMenu.tsx +65 -13
  29. package/src/components/ValOverlay.tsx +32 -338
  30. package/src/components/ValWindow.tsx +12 -9
  31. package/src/components/dashboard/FormGroup.tsx +12 -6
  32. package/src/components/dashboard/Tree.tsx +2 -2
  33. package/src/components/ui/accordion.tsx +58 -0
  34. package/src/components/ui/alert-dialog.tsx +139 -0
  35. package/src/components/ui/avatar.tsx +48 -0
  36. package/src/components/ui/button.tsx +56 -0
  37. package/src/components/ui/calendar.tsx +62 -0
  38. package/src/components/ui/card.tsx +86 -0
  39. package/src/components/ui/checkbox.tsx +28 -0
  40. package/src/components/ui/command.tsx +153 -0
  41. package/src/components/ui/dialog.tsx +120 -0
  42. package/src/components/ui/dropdown-menu.tsx +198 -0
  43. package/src/components/ui/form.tsx +177 -0
  44. package/src/components/ui/input.tsx +24 -0
  45. package/src/components/ui/label.tsx +24 -0
  46. package/src/components/ui/popover.tsx +29 -0
  47. package/src/components/ui/progress.tsx +26 -0
  48. package/src/components/ui/radio-group.tsx +42 -0
  49. package/src/components/ui/scroll-area.tsx +51 -0
  50. package/src/components/ui/select.tsx +119 -0
  51. package/src/components/ui/switch.tsx +27 -0
  52. package/src/components/ui/tabs.tsx +53 -0
  53. package/src/components/ui/toggle.tsx +43 -0
  54. package/src/components/ui/tooltip.tsx +28 -0
  55. package/src/components/usePatch.ts +86 -0
  56. package/src/components/useTheme.ts +45 -0
  57. package/src/exports.ts +2 -1
  58. package/src/index.css +96 -60
  59. package/src/lib/IValStore.ts +6 -0
  60. package/src/lib/utils.ts +6 -0
  61. package/src/main.jsx +10 -0
  62. package/src/richtext/conversion/lexicalToRichTextSource.ts +0 -1
  63. package/src/richtext/shadowRootPolyFill.js +115 -0
  64. package/src/server.ts +31 -2
  65. package/src/utils/resolvePath.ts +0 -1
  66. package/src/vite-server.ts +43 -3
  67. package/tailwind.config.js +63 -51
  68. package/tsconfig.json +2 -1
  69. package/vite.config.ts +10 -0
  70. package/src/components/dashboard/ValDashboard.tsx +0 -150
package/fix-server-hack.js ADDED
@@ -0,0 +1,54 @@
1
+ // We use this to inject the contents of main.jsx into the server
2
+ // We want to use Vite / rollup to do this, but ran out of time and patience to do it
3
+
4
+ /* eslint-disable @typescript-eslint/no-var-requires */
5
+ const fs = require("fs");
6
+ const path = require("path");
7
+
8
+ const serverFiles = [
9
+ "server/dist/valbuild-ui-server.esm.js",
10
+ "server/dist/valbuild-ui-server.cjs.js",
11
+ ];
12
+ const inputDir = "server/.tmp";
13
+ function walk(dir) {
14
+ return fs.readdirSync(dir).reduce((files, fileOrDirName) => {
15
+ const fileOrDirPath = path.join(dir, fileOrDirName);
16
+ if (fs.statSync(fileOrDirPath).isDirectory()) {
17
+ return {
18
+ ...files,
19
+ ...walk(fileOrDirPath),
20
+ };
21
+ }
22
+ const fileContent = fs.readFileSync(fileOrDirPath, "utf-8");
23
+ const encodedContent = Buffer.from(fileContent).toString("base64");
24
+ return {
25
+ ...files,
26
+ [fileOrDirPath.replace(inputDir, "")]: encodedContent,
27
+ };
28
+ }, {});
29
+ }
30
+
31
+ const files = walk(inputDir);
32
+ const stringifiedFiles = JSON.stringify(files);
33
+
34
+ for (const serverFile of serverFiles) {
35
+ const filePath = path.join(__dirname, serverFile);
36
+ const replaceString = "BUILD_REPLACE_THIS_WITH_RECORD";
37
+ fs.readFile(filePath, "utf-8", (err, data) => {
38
+ if (err) {
39
+ console.error("Error reading file:", err);
40
+ return;
41
+ }
42
+
43
+ const result = data.replace(replaceString, stringifiedFiles);
44
+
45
+ // Write the modified content back to the file
46
+ fs.writeFile(filePath, result, "utf-8", (err) => {
47
+ if (err) {
48
+ console.error("Error writing file:", err);
49
+ return;
50
+ }
51
+ console.log(`Replaced script in ${serverFile} with contents of build!`);
52
+ });
53
+ });
54
+ }
package/fullscreen.vite.config.ts ADDED
@@ -0,0 +1,9 @@
1
+ import { defineConfig } from "vite";
2
+
3
+ // https://vitejs.dev/config/
4
+ export default defineConfig({
5
+ base: "/api/val/static", // TODO: needs to be configurable
6
+ build: {
7
+ outDir: "./server/.tmp",
8
+ },
9
+ });
package/index.html ADDED
@@ -0,0 +1,12 @@
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8" />
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6
+ <title>Val</title>
7
+ <script type="module" src="/src/main.jsx"></script>
8
+ </head>
9
+ <body>
10
+ <div id="root"></div>
11
+ </body>
12
+ </html>
package/package.json CHANGED
@@ -1,36 +1,71 @@
1
1
  {
2
2
  "name": "@valbuild/ui",
3
- "version": "0.21.2",
3
+ "version": "0.23.0",
4
4
  "sideEffects": false,
5
5
  "scripts": {
6
6
  "typecheck": "tsc --noEmit",
7
- "build": "vite build && vite --config server.vite.config.ts build && rollup --config rollup.config.js",
7
+ "build": "vite build && vite --config server.vite.config.ts build && rollup --config rollup.config.js && vite --config fullscreen.vite.config.ts build && node fix-server-hack.js",
8
8
  "storybook": "storybook dev -p 6006",
9
9
  "build-storybook": "storybook build"
10
10
  },
11
11
  "dependencies": {
12
- "@lexical/link": "^0.10.0",
13
- "@lexical/list": "^0.10.0",
14
- "@lexical/react": "^0.10.0",
15
- "@lexical/rich-text": "^0.10.0",
16
- "@lexical/selection": "^0.10.0",
17
- "@lexical/utils": "^0.10.0",
12
+ "@hookform/resolvers": "^3.3.2",
13
+ "@lexical/link": "^0.12.2",
14
+ "@lexical/list": "^0.12.2",
15
+ "@lexical/react": "^0.12.2",
16
+ "@lexical/rich-text": "^0.12.2",
17
+ "@lexical/selection": "^0.12.2",
18
+ "@lexical/utils": "^0.12.2",
19
+ "@radix-ui/react-accordion": "^1.1.2",
20
+ "@radix-ui/react-alert-dialog": "^1.0.5",
21
+ "@radix-ui/react-avatar": "^1.0.4",
22
+ "@radix-ui/react-checkbox": "^1.0.4",
23
+ "@radix-ui/react-dialog": "^1.0.5",
24
+ "@radix-ui/react-dropdown-menu": "^2.0.6",
25
+ "@radix-ui/react-label": "^2.0.2",
26
+ "@radix-ui/react-popover": "^1.0.7",
27
+ "@radix-ui/react-progress": "^1.0.3",
28
+ "@radix-ui/react-radio-group": "^1.1.3",
29
+ "@radix-ui/react-scroll-area": "^1.0.5",
30
+ "@radix-ui/react-select": "^2.0.0",
31
+ "@radix-ui/react-slot": "^1.0.2",
32
+ "@radix-ui/react-switch": "^1.0.3",
33
+ "@radix-ui/react-tabs": "^1.0.4",
34
+ "@radix-ui/react-toggle": "^1.0.3",
35
+ "@radix-ui/react-tooltip": "^1.0.7",
18
36
  "@types/express": "^4.17.17",
19
37
  "@types/react": "^18.0.26",
20
- "@valbuild/core": "~0.21.2",
38
+ "@valbuild/core": "~0.23.0",
39
+ "class-variance-authority": "^0.7.0",
21
40
  "classnames": "^2.3.2",
41
+ "clsx": "^2.0.0",
42
+ "cmdk": "^0.2.0",
43
+ "date-fns": "^2.30.0",
22
44
  "esbuild": "^0.17.19",
23
- "lexical": "^0.10.0",
45
+ "lexical": "^0.12.2",
46
+ "lucide-react": "^0.290.0",
24
47
  "marked": "^9.0.3",
48
+ "react-day-picker": "^8.9.1",
49
+ "react-dom": "^18.2.0",
50
+ "react-error-boundary": "^4.0.11",
25
51
  "react-feather": "^2.0.10",
52
+ "react-hook-form": "^7.47.0",
26
53
  "react-resizable": "^3.0.5",
54
+ "react-router": "^6.18.0",
55
+ "react-router-dom": "^6.18.0",
27
56
  "rollup-plugin-peer-deps-external": "^2.2.4",
28
57
  "rollup-plugin-postcss": "^4.0.2",
29
58
  "rollup-plugin-typescript2": "^0.34.1",
30
- "zod": "^3.22.2"
59
+ "tailwind-merge": "^2.0.0",
60
+ "tailwindcss-animate": "^1.0.7",
61
+ "zod": "^3.22.4"
31
62
  },
32
63
  "devDependencies": {
33
64
  "@lexical/headless": "^0.10.0",
65
+ "@rollup/plugin-babel": "^6.0.4",
66
+ "@rollup/plugin-commonjs": "^25.0.7",
67
+ "@rollup/plugin-node-resolve": "^15.2.3",
68
+ "@rollup/plugin-typescript": "^11.1.5",
34
69
  "@storybook/addon-essentials": "^7.0.12",
35
70
  "@storybook/addon-interactions": "^7.0.12",
36
71
  "@storybook/addon-links": "^7.0.12",
@@ -41,17 +76,21 @@
41
76
  "@storybook/react-vite": "^7.0.12",
42
77
  "@storybook/testing-library": "^0.0.14-next.2",
43
78
  "@types/react-resizable": "^3.0.5",
79
+ "@vitejs/plugin-react": "^4.0.3",
44
80
  "autoprefixer": "^10.4.13",
81
+ "eslint": "^8.45.0",
82
+ "eslint-plugin-react": "^7.32.2",
83
+ "eslint-plugin-react-hooks": "^4.6.0",
84
+ "eslint-plugin-react-refresh": "^0.4.3",
45
85
  "postcss": "^8.4.21",
46
86
  "prop-types": "^15.8.1",
47
87
  "react": "^18.2.0",
48
- "react-dom": "^18.2.0",
49
88
  "react-test-renderer": "^18.2.0",
50
89
  "rollup": "^3.17.3",
51
90
  "rollup-plugin-dts": "^5.3.0",
52
91
  "storybook": "^7.0.12",
53
92
  "tailwindcss": "^3.2.7",
54
- "vite": "^4.1.4"
93
+ "vite": "^4.4.5"
55
94
  },
56
95
  "peerDependencies": {
57
96
  "react": ">=16.8.0"
package/server/dist/manifest.json ADDED
@@ -0,0 +1,16 @@
1
+ {
2
+ "src/main.jsx": {
3
+ "file": "valbuild-ui-main.esm.js",
4
+ "isEntry": true,
5
+ "src": "src/main.jsx"
6
+ },
7
+ "src/vite-server.ts": {
8
+ "file": "valbuild-ui-server.esm.js",
9
+ "isEntry": true,
10
+ "src": "src/vite-server.ts"
11
+ },
12
+ "style.css": {
13
+ "file": "style.css",
14
+ "src": "style.css"
15
+ }
16
+ }