@wix/cli 1.1.62 → 1.1.64

package/build/{DevCommand-ZNHBPCVV.js → DevCommand-AVJ663GA.js}

@@ -4,31 +4,34 @@ import {
   createVeloCLIServer,
   debounceQueue,
   require_chokidar
-} from "./chunk-TCSPCAZI.js";
+} from "./chunk-AOWEDNOF.js";
 import "./chunk-EDFOB3LN.js";
 import {
   agnosticTypeSyncer_default
-} from "./chunk-Y5LMYOCJ.js";
+} from "./chunk-TIHCOJHY.js";
 import "./chunk-OJHDGJWP.js";
 import {
-  createSiteFsManager
-} from "./chunk-JIH3GSZJ.js";
+  createSiteFsManager,
+  loadProjectRootFiles
+} from "./chunk-BEXERG7F.js";
 import {
   useVeloClient
-} from "./chunk-DTRL25IG.js";
-import "./chunk-OEYFKLWJ.js";
-import "./chunk-6LI4WGAW.js";
-import "./chunk-YYH6VZI3.js";
+} from "./chunk-JXGBYZK7.js";
+import "./chunk-YHMLI3NZ.js";
+import {
+  GridAppLayout
+} from "./chunk-6LI4WGAW.js";
+import "./chunk-QP2SHVU3.js";
 import {
   useProjectModel
-} from "./chunk-ZR5EKZZ3.js";
+} from "./chunk-N4L3XZI3.js";
 import {
   openBrowser,
   pLimit
-} from "./chunk-XOFZJ3JQ.js";
+} from "./chunk-KJCRO3PB.js";
 import {
   useErrorReporter
-} from "./chunk-4ZQFECEW.js";
+} from "./chunk-ZLPYLX6E.js";
 import {
   Alert,
   Badge,
@@ -41,16 +44,16 @@ import {
   useAsyncCallback,
   useExit,
   use_input_default
-} from "./chunk-4YD2W3LA.js";
+} from "./chunk-4XPWCRGU.js";
+import "./chunk-2K5KKUL3.js";
 import "./chunk-WN3D6AOY.js";
 import "./chunk-W423UTD3.js";
-import "./chunk-2NWGTFAC.js";
 import "./chunk-YU54OBFT.js";
 import "./chunk-XMTHMR2B.js";
 import {
   getSourceFolder
 } from "./chunk-SEOIN2A6.js";
-import "./chunk-ETAVRPIY.js";
+import "./chunk-QPYNVASM.js";
 import {
   getTestOverrides
 } from "./chunk-PX2L3CCA.js";
@@ -58,7 +61,7 @@ import {
   CliError,
   CliErrorCode,
   require_lib
-} from "./chunk-YQW75RJ5.js";
+} from "./chunk-PWEJ3IWM.js";
 import {
   __commonJS,
   __require,
@@ -6052,15 +6055,15 @@ var require_xml2js = __commonJS({
 
 // ../cli-site/src/components/DevCommand/DevCommand.tsx
 init_esm_shims();
-var import_react6 = __toESM(require_react(), 1);
+var import_react7 = __toESM(require_react(), 1);
 
 // ../cli-site/src/components/DevCommand/DevCommandScreen.tsx
 init_esm_shims();
-var import_react5 = __toESM(require_react(), 1);
+var import_react6 = __toESM(require_react(), 1);
 
 // ../cli-site/src/components/DevCommand/DevEnvironment.tsx
 init_esm_shims();
-var import_react4 = __toESM(require_react(), 1);
+var import_react5 = __toESM(require_react(), 1);
 var import_variant = __toESM(require_lib(), 1);
 
 // ../cli-site/src/intellisense-adapter.ts
@@ -6499,13 +6502,42 @@ async function createIntellisenseAdapter2(projectFolder, convertToOnlineLayout)
   };
 }
 
-// ../cli-site/src/components/DevCommand/useFsWatcher.ts
+// ../cli-site/src/components/DevCommand/useVelo.ts
 init_esm_shims();
 var import_react = __toESM(require_react(), 1);
+function useVelo() {
+  const { model } = useProjectModel();
+  const veloClient = useVeloClient();
+  const createMutableApp = (0, import_react.useCallback)(
+    async (code) => {
+      const rootFiles = await loadProjectRootFiles(model.projectFolder);
+      return veloClient.createMutableApp({
+        ...code,
+        files: code.files.concat(rootFiles),
+        layout: GridAppLayout[code.layout]
+      });
+    },
+    [model.projectFolder, veloClient]
+  );
+  const updateAppFiles = (0, import_react.useCallback)(
+    (appId, codeUpdate) => {
+      return veloClient.updateAppFiles(appId, {
+        ...codeUpdate,
+        layout: GridAppLayout[codeUpdate.layout]
+      });
+    },
+    [veloClient]
+  );
+  return { createMutableApp, updateAppFiles };
+}
+
+// ../cli-site/src/components/DevCommand/useFsWatcher.ts
+init_esm_shims();
+var import_react2 = __toESM(require_react(), 1);
 var import_chokidar = __toESM(require_chokidar(), 1);
 function useFsWatcher(projectFolder) {
   const { reportError } = useErrorReporter();
-  const [{ watcher, ...publicApi }] = (0, import_react.useState)(() => {
+  const [{ watcher, ...publicApi }] = (0, import_react2.useState)(() => {
     const watcher2 = (0, import_chokidar.watch)(".", {
       cwd: getSourceFolder(projectFolder),
       ignoreInitial: true,
@@ -6531,7 +6563,7 @@ function useFsWatcher(projectFolder) {
       }
     };
   });
-  (0, import_react.useEffect)(() => {
+  (0, import_react2.useEffect)(() => {
     return () => {
       watcher.close().catch(reportError);
     };
@@ -6541,10 +6573,10 @@ function useFsWatcher(projectFolder) {
 
 // ../cli-site/src/components/DevCommand/useDevEditorUrl.ts
 init_esm_shims();
-var import_react2 = __toESM(require_react(), 1);
+var import_react3 = __toESM(require_react(), 1);
 function useDevEditorUrl() {
   const { model } = useProjectModel();
-  return (0, import_react2.useCallback)(
+  return (0, import_react3.useCallback)(
     (serverPort) => {
       const { devEditorBaseUrl } = getTestOverrides();
       const url = new URL(
@@ -6561,11 +6593,11 @@ function useDevEditorUrl() {
 
 // ../cli-site/src/components/DevCommand/useWebSocketServer.ts
 init_esm_shims();
-var import_react3 = __toESM(require_react(), 1);
+var import_react4 = __toESM(require_react(), 1);
 function useWebSocketServer() {
   const { reportError } = useErrorReporter();
-  const [server] = (0, import_react3.useState)(() => createVeloCLIServer());
-  (0, import_react3.useEffect)(() => {
+  const [server] = (0, import_react4.useState)(() => createVeloCLIServer());
+  (0, import_react4.useEffect)(() => {
     return () => {
       server.close().catch(reportError);
     };
@@ -6574,18 +6606,18 @@ function useWebSocketServer() {
 }
 
 // ../cli-site/src/components/DevCommand/DevEnvironment.tsx
-var DevEnvironmentContext = (0, import_react4.createContext)(null);
+var DevEnvironmentContext = (0, import_react5.createContext)(null);
 var DevEnvironmentProvider = ({
   children: children2
 }) => {
   const exit = useExit();
   const { model } = useProjectModel();
-  const { createMutableApp, updateAppFiles } = useVeloClient();
+  const { createMutableApp, updateAppFiles } = useVelo();
   const getDevEditorUrl = useDevEditorUrl();
   const wsServer = useWebSocketServer();
   const fsWatcher = useFsWatcher(model.projectFolder);
-  const [isSyncing, setIsSyncing] = (0, import_react4.useState)(false);
-  const [isDevEditorConnected, setIsDevEditorConnected] = (0, import_react4.useState)(false);
+  const [isSyncing, setIsSyncing] = (0, import_react5.useState)(false);
+  const [isDevEditorConnected, setIsDevEditorConnected] = (0, import_react5.useState)(false);
   const { status } = useAsync(async () => {
     const limiter = pLimit(1);
     const siteFsManager = await createSiteFsManager(model.projectFolder);
@@ -6647,8 +6679,8 @@ var DevEnvironmentProvider = ({
   }, []);
   return (0, import_variant.match)(status, {
     Error: () => null,
-    Loading: () => /* @__PURE__ */ import_react4.default.createElement(Spinner, { text: /* @__PURE__ */ import_react4.default.createElement(Trans, { i18nKey: "dev_command.dev_environment.loading" }) }),
-    Success: ({ result: { devEditorUrl } }) => /* @__PURE__ */ import_react4.default.createElement(
+    Loading: () => /* @__PURE__ */ import_react5.default.createElement(Spinner, { text: /* @__PURE__ */ import_react5.default.createElement(Trans, { i18nKey: "dev_command.dev_environment.loading" }) }),
+    Success: ({ result: { devEditorUrl } }) => /* @__PURE__ */ import_react5.default.createElement(
       DevEnvironmentContext.Provider,
       {
         value: {
@@ -6662,7 +6694,7 @@ var DevEnvironmentProvider = ({
   });
 };
 function useDevEnvironment() {
-  const context = (0, import_react4.useContext)(DevEnvironmentContext);
+  const context = (0, import_react5.useContext)(DevEnvironmentContext);
   if (context == null) {
     throw new Error(
       "useDevEnvironment() cannot be used without an <DevEnvironmentProvider>"
@@ -6682,23 +6714,23 @@ var DevCommandScreen = () => {
       void openDevEditor();
     }
   });
-  return /* @__PURE__ */ import_react5.default.createElement(import_react5.default.Fragment, null, /* @__PURE__ */ import_react5.default.createElement(Alert, { type: "success" }, /* @__PURE__ */ import_react5.default.createElement(Badge, { skin: "success" }, /* @__PURE__ */ import_react5.default.createElement(Trans, { i18nKey: "general.success" })), " ", /* @__PURE__ */ import_react5.default.createElement(Trans, { i18nKey: "dev_command.dev_environment.success" })), /* @__PURE__ */ import_react5.default.createElement(Box_default, { marginTop: 1, marginLeft: 1 }, !isDevEditorConnected && /* @__PURE__ */ import_react5.default.createElement(Alert, { type: "warning" }, /* @__PURE__ */ import_react5.default.createElement(
+  return /* @__PURE__ */ import_react6.default.createElement(import_react6.default.Fragment, null, /* @__PURE__ */ import_react6.default.createElement(Alert, { type: "success" }, /* @__PURE__ */ import_react6.default.createElement(Badge, { skin: "success" }, /* @__PURE__ */ import_react6.default.createElement(Trans, { i18nKey: "general.success" })), " ", /* @__PURE__ */ import_react6.default.createElement(Trans, { i18nKey: "dev_command.dev_environment.success" })), /* @__PURE__ */ import_react6.default.createElement(Box_default, { marginTop: 1, marginLeft: 1 }, !isDevEditorConnected && /* @__PURE__ */ import_react6.default.createElement(Alert, { type: "warning" }, /* @__PURE__ */ import_react6.default.createElement(
     Trans,
     {
       i18nKey: "dev_command.no_open_editor",
-      components: [/* @__PURE__ */ import_react5.default.createElement(Key, { value: "E" })]
+      components: [/* @__PURE__ */ import_react6.default.createElement(Key, { value: "E" })]
     }
-  )), isDevEditorConnected && /* @__PURE__ */ import_react5.default.createElement(import_react5.default.Fragment, null, isSyncingChanges ? /* @__PURE__ */ import_react5.default.createElement(
+  )), isDevEditorConnected && /* @__PURE__ */ import_react6.default.createElement(import_react6.default.Fragment, null, isSyncingChanges ? /* @__PURE__ */ import_react6.default.createElement(
     Spinner,
     {
-      text: /* @__PURE__ */ import_react5.default.createElement(Trans, { i18nKey: "dev_command.sync_changes.loading" })
+      text: /* @__PURE__ */ import_react6.default.createElement(Trans, { i18nKey: "dev_command.sync_changes.loading" })
     }
-  ) : /* @__PURE__ */ import_react5.default.createElement(Alert, { type: "success" }, /* @__PURE__ */ import_react5.default.createElement(Trans, { i18nKey: "dev_command.sync_changes.success" })))));
+  ) : /* @__PURE__ */ import_react6.default.createElement(Alert, { type: "success" }, /* @__PURE__ */ import_react6.default.createElement(Trans, { i18nKey: "dev_command.sync_changes.success" })))));
 };
 
 // ../cli-site/src/components/DevCommand/DevCommand.tsx
 var DevCommand = () => {
-  return /* @__PURE__ */ import_react6.default.createElement(DevEnvironmentProvider, null, /* @__PURE__ */ import_react6.default.createElement(DevCommandScreen, null));
+  return /* @__PURE__ */ import_react7.default.createElement(DevEnvironmentProvider, null, /* @__PURE__ */ import_react7.default.createElement(DevCommandScreen, null));
 };
 export {
   DevCommand
@@ -6708,4 +6740,4 @@ export {
 sax/lib/sax.js:
   (*! http://mths.be/fromcodepoint v0.1.0 by @mathias *)
 */
-//# sourceMappingURL=DevCommand-ZNHBPCVV.js.map
+//# sourceMappingURL=DevCommand-AVJ663GA.js.map