@valbuild/ui 0.22.0 → 0.23.0

package/dist/valbuild-ui.cjs.js

@@ -69352,11 +69352,6 @@ Showing stack trace of: 0. ${fatalErrors[0].message}`;
     );
   }, [pathFromParams]);
   const [hmrHash, setHmrHash] = React$3.useState(null);
-  React$3.useEffect(() => {
-    if (modules) {
-      console.log("->", hmrHash);
-    }
-  }, [modules]);
   React$3.useEffect(() => {
     try {
       const hot = new WebSocket(
@@ -70517,7 +70512,7 @@ function KeyOfField({
     };
   };
   const typeAndValues = getValuesFromModule(valModule);
-  const [value, setValue] = React$3.useState(defaultValue || typeAndValues.values[0]);
+  const [value, setValue] = React$3.useState(defaultValue ?? typeAndValues.values[0]);
   const [loading, setLoading] = React$3.useState(false);
   React$3.useEffect(() => {
     setLoading(disabled);
@@ -70558,7 +70553,7 @@ function KeyOfField({
         },
         children: [
           /* @__PURE__ */ jsxRuntime.jsx(SelectTrigger, { children: /* @__PURE__ */ jsxRuntime.jsx(SelectValue, { placeholder: "Select a value" }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(SelectContent, { children: typeAndValues.values.map((value2) => /* @__PURE__ */ jsxRuntime.jsx(SelectItem, { value: value2.toString(), children: value2 }, value2)) })
+          /* @__PURE__ */ jsxRuntime.jsx(SelectContent, { children: typeAndValues.values.map((value2) => /* @__PURE__ */ jsxRuntime.jsx(SelectItem, { value: value2.toString(), children: value2.toString() }, value2)) })
         ]
       }
     ),

package/dist/valbuild-ui.esm.js

@@ -69334,11 +69334,6 @@ Showing stack trace of: 0. ${fatalErrors[0].message}`;
     );
   }, [pathFromParams]);
   const [hmrHash, setHmrHash] = useState(null);
-  useEffect(() => {
-    if (modules) {
-      console.log("->", hmrHash);
-    }
-  }, [modules]);
   useEffect(() => {
     try {
       const hot = new WebSocket(
@@ -70499,7 +70494,7 @@ function KeyOfField({
     };
   };
   const typeAndValues = getValuesFromModule(valModule);
-  const [value, setValue] = useState(defaultValue || typeAndValues.values[0]);
+  const [value, setValue] = useState(defaultValue ?? typeAndValues.values[0]);
   const [loading, setLoading] = useState(false);
   useEffect(() => {
     setLoading(disabled);
@@ -70540,7 +70535,7 @@ function KeyOfField({
         },
         children: [
           /* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Select a value" }) }),
-          /* @__PURE__ */ jsx(SelectContent, { children: typeAndValues.values.map((value2) => /* @__PURE__ */ jsx(SelectItem, { value: value2.toString(), children: value2 }, value2)) })
+          /* @__PURE__ */ jsx(SelectContent, { children: typeAndValues.values.map((value2) => /* @__PURE__ */ jsx(SelectItem, { value: value2.toString(), children: value2.toString() }, value2)) })
         ]
       }
     ),

package/fix-server-hack.js

@@ -9,27 +9,38 @@ const serverFiles = [
   "server/dist/valbuild-ui-server.esm.js",
   "server/dist/valbuild-ui-server.cjs.js",
 ];
-const inputFile = "server/.tmp/index.js";
+const inputDir = "server/.tmp";
+function walk(dir) {
+  return fs.readdirSync(dir).reduce((files, fileOrDirName) => {
+    const fileOrDirPath = path.join(dir, fileOrDirName);
+    if (fs.statSync(fileOrDirPath).isDirectory()) {
+      return {
+        ...files,
+        ...walk(fileOrDirPath),
+      };
+    }
+    const fileContent = fs.readFileSync(fileOrDirPath, "utf-8");
+    const encodedContent = Buffer.from(fileContent).toString("base64");
+    return {
+      ...files,
+      [fileOrDirPath.replace(inputDir, "")]: encodedContent,
+    };
+  }, {});
+}
+
+const files = walk(inputDir);
+const stringifiedFiles = JSON.stringify(files);
 
 for (const serverFile of serverFiles) {
   const filePath = path.join(__dirname, serverFile);
-  const replaceString = "/**REPLACE:SCRIPT*/";
-  const fileToEncodePath = path.join(__dirname, inputFile);
-
-  // Read the contents of the file to be encoded
-  const fileToEncodeContent = fs.readFileSync(fileToEncodePath, "utf-8");
-
-  // Encode the file contents to base64
-  const encodedContent = Buffer.from(fileToEncodeContent).toString("base64");
-
-  // Read the main file and replace the placeholder string
+  const replaceString = "BUILD_REPLACE_THIS_WITH_RECORD";
   fs.readFile(filePath, "utf-8", (err, data) => {
     if (err) {
       console.error("Error reading file:", err);
       return;
     }
 
-    const result = data.replace(replaceString, encodedContent);
+    const result = data.replace(replaceString, stringifiedFiles);
 
     // Write the modified content back to the file
     fs.writeFile(filePath, result, "utf-8", (err) => {
@@ -37,9 +48,7 @@ for (const serverFile of serverFiles) {
         console.error("Error writing file:", err);
         return;
       }
-      console.log(
-        `Replaced script in ${serverFile} with contents of ${inputFile}!`
-      );
+      console.log(`Replaced script in ${serverFile} with contents of build!`);
     });
   });
 }

package/fullscreen.vite.config.ts

@@ -2,10 +2,8 @@ import { defineConfig } from "vite";
 
 // https://vitejs.dev/config/
 export default defineConfig({
+  base: "/api/val/static", // TODO: needs to be configurable
   build: {
     outDir: "./server/.tmp",
-    rollupOptions: {
-      output: { entryFileNames: "[name].js" },
-    },
   },
 });

package/index.html

@@ -2,12 +2,11 @@
 <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 + React</title>
+    <title>Val</title>
+    <script type="module" src="/src/main.jsx"></script>
   </head>
   <body>
     <div id="root"></div>
-    <script type="module" src="/src/main.jsx"></script>
   </body>
 </html>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@valbuild/ui",
-  "version": "0.22.0",
+  "version": "0.23.0",
   "sideEffects": false,
   "scripts": {
     "typecheck": "tsc --noEmit",
@@ -35,7 +35,7 @@
     "@radix-ui/react-tooltip": "^1.0.7",
     "@types/express": "^4.17.17",
     "@types/react": "^18.0.26",
-    "@valbuild/core": "~0.22.0",
+    "@valbuild/core": "~0.23.0",
     "class-variance-authority": "^0.7.0",
     "classnames": "^2.3.2",
     "clsx": "^2.0.0",

package/server/dist/valbuild-ui-main.cjs.js

@@ -68337,7 +68337,7 @@ function KeyOfField({
     };
   };
   const typeAndValues = getValuesFromModule(valModule);
-  const [value, setValue] = reactExports.useState(defaultValue || typeAndValues.values[0]);
+  const [value, setValue] = reactExports.useState(defaultValue ?? typeAndValues.values[0]);
   const [loading, setLoading] = reactExports.useState(false);
   reactExports.useEffect(() => {
     setLoading(disabled);
@@ -68378,7 +68378,7 @@ function KeyOfField({
         },
         children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(SelectTrigger, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(SelectValue, { placeholder: "Select a value" }) }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(SelectContent, { children: typeAndValues.values.map((value2) => /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItem, { value: value2.toString(), children: value2 }, value2)) })
+          /* @__PURE__ */ jsxRuntimeExports.jsx(SelectContent, { children: typeAndValues.values.map((value2) => /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItem, { value: value2.toString(), children: value2.toString() }, value2)) })
         ]
       }
     ),
@@ -72248,11 +72248,6 @@ Showing stack trace of: 0. ${fatalErrors[0].message}`;
     );
   }, [pathFromParams]);
   const [hmrHash, setHmrHash] = reactExports.useState(null);
-  reactExports.useEffect(() => {
-    if (modules) {
-      console.log("->", hmrHash);
-    }
-  }, [modules]);
   reactExports.useEffect(() => {
     try {
       const hot = new WebSocket(

package/server/dist/valbuild-ui-main.esm.js

@@ -68338,7 +68338,7 @@ function KeyOfField({
     };
   };
   const typeAndValues = getValuesFromModule(valModule);
-  const [value, setValue] = reactExports.useState(defaultValue || typeAndValues.values[0]);
+  const [value, setValue] = reactExports.useState(defaultValue ?? typeAndValues.values[0]);
   const [loading, setLoading] = reactExports.useState(false);
   reactExports.useEffect(() => {
     setLoading(disabled);
@@ -68379,7 +68379,7 @@ function KeyOfField({
         },
         children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(SelectTrigger, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(SelectValue, { placeholder: "Select a value" }) }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(SelectContent, { children: typeAndValues.values.map((value2) => /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItem, { value: value2.toString(), children: value2 }, value2)) })
+          /* @__PURE__ */ jsxRuntimeExports.jsx(SelectContent, { children: typeAndValues.values.map((value2) => /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItem, { value: value2.toString(), children: value2.toString() }, value2)) })
         ]
       }
     ),
@@ -72249,11 +72249,6 @@ Showing stack trace of: 0. ${fatalErrors[0].message}`;
     );
   }, [pathFromParams]);
   const [hmrHash, setHmrHash] = reactExports.useState(null);
-  reactExports.useEffect(() => {
-    if (modules) {
-      console.log("->", hmrHash);
-    }
-  }, [modules]);
   reactExports.useEffect(() => {
     try {
       const hot = new WebSocket(