@wix/cli-app 1.1.53 → 1.1.56

package/build/LogsCommand-HYGDI5KW.js

@@ -0,0 +1,284 @@
+import { createRequire as _createRequire } from 'node:module';
+const require = _createRequire(import.meta.url);
+import {
+  useTunnel
+} from "./chunk-KCMEJP7H.js";
+import "./chunk-QZOQAFHK.js";
+import {
+  ComponentType2 as ComponentType,
+  attachLogger,
+  deattachLogger,
+  useDevCenterClient,
+  useErrorReporter,
+  useHttpClient,
+  useProjectModel
+} from "./chunk-TSFNDZPX.js";
+import {
+  Box_default,
+  CliError,
+  CliErrorCode,
+  Spinner,
+  Text,
+  Trans,
+  require_lib,
+  require_react,
+  useAsync,
+  useTranslation,
+  z
+} from "./chunk-XU5JBKO6.js";
+import {
+  __toESM,
+  init_esm_shims
+} from "./chunk-PYIAC2GK.js";
+
+// src/components/LogsCommand/index.ts
+init_esm_shims();
+
+// src/components/LogsCommand/LogsCommand.tsx
+init_esm_shims();
+var import_react3 = __toESM(require_react(), 1);
+var import_variant3 = __toESM(require_lib(), 1);
+
+// src/components/LogsCommand/useLogsServer.ts
+init_esm_shims();
+var import_react = __toESM(require_react(), 1);
+import { createServer } from "node:http";
+var import_variant2 = __toESM(require_lib(), 1);
+
+// src/components/LogsCommand/logsReqHandler.ts
+init_esm_shims();
+var import_variant = __toESM(require_lib(), 1);
+var LogMessageSchema = z.any();
+var LogMessageLevelSchema = z.enum(["info", "error", "warn", "debug", "log"]);
+var LogItemSchema = z.object({
+  message: z.array(LogMessageSchema),
+  level: LogMessageLevelSchema,
+  timestamp: z.number()
+});
+var ExceptionItemSchema = z.object({
+  stack: z.string(),
+  name: z.string(),
+  message: z.string(),
+  timestamp: z.number()
+});
+var LogResponseSchema = z.object({
+  _type: z.literal("log"),
+  exceptions: z.array(ExceptionItemSchema),
+  logs: z.array(LogItemSchema)
+}).passthrough();
+var SessionTimeoutResponseSchema = z.object({
+  _type: z.literal("session-timeout")
+}).passthrough();
+var ServerLogResponseSchema = z.discriminatedUnion("_type", [
+  LogResponseSchema,
+  SessionTimeoutResponseSchema
+]);
+var AggregatedLog = (0, import_variant.variant)({
+  Log: (0, import_variant.fields)(),
+  Exception: (0, import_variant.fields)()
+});
+var LOGS_ENDPOINT = "/logs";
+var logsReqHandler = (req, res) => {
+  let onLog;
+  let onError;
+  if (req.method === "POST" && req.url === LOGS_ENDPOINT) {
+    let body = "";
+    req.on("data", (chunk) => {
+      body += chunk.toString();
+    });
+    req.on("end", () => {
+      let parsedBody;
+      try {
+        parsedBody = ServerLogResponseSchema.parse(JSON.parse(body));
+      } catch (err) {
+        onError(CliErrorCode.FailedToParseLog(), err, { body });
+        res.statusCode = 400;
+        return res.end();
+      }
+      const resultLogs = [];
+      if (parsedBody._type === "log") {
+        resultLogs.push(
+          ...parsedBody.exceptions.map(
+            (exception) => AggregatedLog.Exception(exception)
+          )
+        );
+        resultLogs.push(
+          ...parsedBody.logs.map((log) => AggregatedLog.Log(log))
+        );
+      }
+      (0, import_variant.match)(parsedBody._type, {
+        log: () => {
+          onLog(resultLogs);
+        },
+        "session-timeout": () => {
+          res.statusCode = 200;
+          res.end();
+          onError(CliErrorCode.LogsConnectionTimeout(), {}, { body });
+        }
+      });
+      res.statusCode = 200;
+      res.end();
+    });
+  } else {
+    res.statusCode = 404;
+    res.end("Not Found");
+  }
+  const api = {
+    onLog: (callback) => {
+      onLog = callback;
+      return api;
+    },
+    onError: (callback) => {
+      onError = callback;
+      return api;
+    }
+  };
+  return api;
+};
+
+// src/components/LogsCommand/useLogsServer.ts
+var deploymentIdRegex = /([0-9a-f-]{36})/;
+var useLogsServer = ({
+  onLog,
+  version,
+  appId
+}) => {
+  const { reportError } = useErrorReporter();
+  const { getAppByVersion } = useDevCenterClient();
+  const createTunnelClient = useTunnel();
+  const httpClient = useHttpClient({ type: "backoffice" });
+  const localServerPortResolverRef = (0, import_react.useRef)();
+  const server = (0, import_react.useMemo)(() => {
+    return createServer((req, res) => {
+      logsReqHandler(req, res).onLog(onLog).onError((code, err, info) => {
+        server.close();
+        throw new CliError({ code, cause: err, info });
+      });
+    });
+  }, [onLog]);
+  const localServerPortPromise = (0, import_react.useMemo)(() => {
+    return new Promise((resolve) => {
+      localServerPortResolverRef.current = resolve;
+    });
+  }, []);
+  (0, import_react.useEffect)(() => {
+    server.listen(0, async () => {
+      const port = server.address().port;
+      localServerPortResolverRef.current?.(port);
+    });
+    return () => {
+      if (server.listening) {
+        server.close();
+      }
+    };
+  }, [server]);
+  const { status } = useAsync(async () => {
+    const localServerPort = await localServerPortPromise;
+    const { url: tunnelUrl } = await createTunnelClient(localServerPort);
+    const { data } = await getAppByVersion({ appId, version });
+    const topologyComponent = data.components.find(
+      (component) => {
+        return component.compType === ComponentType.TOPOLOGY;
+      }
+    );
+    const match3 = deploymentIdRegex.exec(
+      topologyComponent?.compData.topology.topology.backendApiUrl ?? ""
+    );
+    if (!match3?.[1]) {
+      throw new CliError({
+        code: CliErrorCode.FailedToGetLogsTopology(),
+        cause: null
+      });
+    }
+    const deploymentId = match3[1];
+    const loggerReq = {
+      appId,
+      deploymentId,
+      destinationUrl: new URL(LOGS_ENDPOINT, tunnelUrl).href
+    };
+    try {
+      await httpClient.request(attachLogger(loggerReq));
+    } catch (error) {
+      server.close();
+      throw new CliError({
+        code: CliErrorCode.FailedToConnectToLogsService(),
+        cause: error
+      });
+    }
+    return deploymentId;
+  }, []);
+  (0, import_react.useEffect)(() => {
+    return () => {
+      if ((0, import_variant2.isType)(status, "Success")) {
+        httpClient.request(
+          deattachLogger({
+            appId,
+            deploymentId: status.result
+          })
+        ).catch(reportError);
+      }
+    };
+  }, []);
+  return status;
+};
+
+// src/components/LogsCommand/ServerLogMessage.tsx
+init_esm_shims();
+var import_react2 = __toESM(require_react(), 1);
+var ServerLogMessage = ({ message, level }) => {
+  let content = "unknown";
+  if (typeof message === "object") {
+    content = JSON.stringify(message);
+  } else {
+    content = String(message);
+  }
+  return /* @__PURE__ */ import_react2.default.createElement(Text, { skin: level === "error" ? "error" : "standard" }, content);
+};
+
+// src/components/LogsCommand/LogsCommand.tsx
+var LogsCommand = ({ version }) => {
+  const { model } = useProjectModel();
+  const { t } = useTranslation();
+  const [logs, setLogs] = (0, import_react3.useState)([]);
+  const serverResult = useLogsServer({
+    appId: model.config.appId,
+    version,
+    onLog: (0, import_react3.useCallback)(
+      (serverLogs) => {
+        setLogs((prevLogs) => {
+          return [...prevLogs, ...serverLogs];
+        });
+      },
+      [setLogs]
+    )
+  });
+  return (0, import_variant3.match)(serverResult, {
+    Success: () => /* @__PURE__ */ import_react3.default.createElement(Box_default, { marginTop: 1, marginBottom: 1, flexDirection: "column" }, /* @__PURE__ */ import_react3.default.createElement(Box_default, { marginBottom: 1, flexDirection: "column" }, /* @__PURE__ */ import_react3.default.createElement(Text, null, /* @__PURE__ */ import_react3.default.createElement(Trans, { i18nKey: "logs_command.listening_to_logs" })), /* @__PURE__ */ import_react3.default.createElement(Text, null, /* @__PURE__ */ import_react3.default.createElement(Trans, { i18nKey: "logs_command.prod_env_logs", values: { version } }))), logs.map((log, logIdx) => /* @__PURE__ */ import_react3.default.createElement(Box_default, { key: logIdx, flexDirection: "column" }, /* @__PURE__ */ import_react3.default.createElement(Box_default, { columnGap: 1 }, /* @__PURE__ */ import_react3.default.createElement(Box_default, { flexShrink: 0 }, /* @__PURE__ */ import_react3.default.createElement(Text, { skin: "secondary" }, new Date(log.timestamp).toLocaleTimeString())), /* @__PURE__ */ import_react3.default.createElement(Box_default, { columnGap: 1 }, (0, import_variant3.match)(log, {
+      Log: ({ message, level }) => message.map((msgItem, idx) => /* @__PURE__ */ import_react3.default.createElement(
+        ServerLogMessage,
+        {
+          key: `${logIdx}-${idx}`,
+          message: msgItem,
+          level
+        }
+      )),
+      Exception: ({ message }) => /* @__PURE__ */ import_react3.default.createElement(
+        ServerLogMessage,
+        {
+          key: logIdx,
+          message,
+          level: "error"
+        }
+      )
+    }))), (0, import_variant3.match)(log, {
+      Log: () => null,
+      Exception: ({ stack }) => /* @__PURE__ */ import_react3.default.createElement(Text, { skin: "error" }, stack)
+    })))),
+    Loading: () => /* @__PURE__ */ import_react3.default.createElement(Spinner, { text: t("logs_command.connecting") }),
+    Error: () => null
+  });
+};
+export {
+  LogsCommand
+};
+//# sourceMappingURL=LogsCommand-HYGDI5KW.js.map

package/build/LogsCommand-HYGDI5KW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/LogsCommand/index.ts","../src/components/LogsCommand/LogsCommand.tsx","../src/components/LogsCommand/useLogsServer.ts","../src/components/LogsCommand/logsReqHandler.ts","../src/components/LogsCommand/ServerLogMessage.tsx"],"sourcesContent":["export { LogsCommand } from './LogsCommand.js';\n","import type { FC } from 'react';\nimport React, { useState, useCallback } from 'react';\nimport { match } from 'variant';\nimport { Spinner, Box, Text } from '@wix/cli-ui-kit';\nimport { useTranslation, Trans } from '@wix/cli-i18n';\nimport { useLogsServer } from './useLogsServer.js';\nimport type { AggregatedLog } from './logsReqHandler.js';\nimport { ServerLogMessage } from './ServerLogMessage.js';\nimport { useProjectModel } from '../../model.js';\n\nexport const LogsCommand: FC<{\n  version: string;\n}> = ({ version }) => {\n  const { model } = useProjectModel();\n  const { t } = useTranslation();\n  const [logs, setLogs] = useState<AggregatedLog[]>([]);\n  const serverResult = useLogsServer({\n    appId: model.config.appId,\n    version,\n    onLog: useCallback(\n      (serverLogs) => {\n        setLogs((prevLogs) => {\n          return [...prevLogs, ...serverLogs];\n        });\n      },\n      [setLogs]\n    ),\n  });\n\n  return match(serverResult, {\n    Success: () => (\n      <Box marginTop={1} marginBottom={1} flexDirection=\"column\">\n        <Box marginBottom={1} flexDirection=\"column\">\n          <Text>\n            <Trans i18nKey=\"logs_command.listening_to_logs\" />\n          </Text>\n          <Text>\n            <Trans i18nKey=\"logs_command.prod_env_logs\" values={{ version }} />\n          </Text>\n        </Box>\n\n        {logs.map((log, logIdx) => (\n          <Box key={logIdx} flexDirection=\"column\">\n            <Box columnGap={1}>\n              <Box flexShrink={0}>\n                <Text skin=\"secondary\">\n                  {new Date(log.timestamp).toLocaleTimeString()}\n                </Text>\n              </Box>\n              <Box columnGap={1}>\n                {match(log, {\n                  Log: ({ message, level }) =>\n                    message.map((msgItem, idx) => (\n                      <ServerLogMessage\n                        key={`${logIdx}-${idx}`}\n                        message={msgItem}\n                        level={level}\n                      />\n                    )),\n                  Exception: ({ message }) => (\n                    <ServerLogMessage\n                      key={logIdx}\n                      message={message}\n                      level=\"error\"\n                    />\n                  ),\n                })}\n              </Box>\n            </Box>\n            {match(log, {\n              Log: () => null,\n              Exception: ({ stack }) => <Text skin=\"error\">{stack}</Text>,\n            })}\n          </Box>\n        ))}\n      </Box>\n    ),\n    Loading: () => <Spinner text={t('logs_command.connecting')} />,\n    Error: () => null,\n  });\n};\n","import { useEffect, useMemo, useRef } from 'react';\nimport { createServer } from 'node:http';\nimport type { AddressInfo } from 'node:net';\nimport { CliError, CliErrorCode } from '@wix/cli-error';\nimport { useAsync } from '@wix/cli-ui-kit';\nimport { useErrorReporter } from '@wix/cli-error-reporting';\nimport { useHttpClient } from '@wix/cli-http-client-react';\nimport {\n  attachLogger,\n  deattachLogger,\n} from '@wix/ambassador-ctp-app-cloud-backend-service-v1-app-cloud-backend-deployment/http';\nimport { useTunnel } from '@wix/cli-tunnel';\nimport { useDevCenterClient, ComponentType } from '@wix/dev-center-client';\nimport type { TopologyComponent } from '@wix/dev-center-client';\nimport { isType } from 'variant';\nimport type { OnLog } from './logsReqHandler.js';\nimport { LOGS_ENDPOINT, logsReqHandler } from './logsReqHandler.js';\n\nconst deploymentIdRegex = /([0-9a-f-]{36})/;\n\nexport const useLogsServer = ({\n  onLog,\n  version,\n  appId,\n}: {\n  onLog: OnLog;\n  version: string;\n  appId: string;\n}) => {\n  const { reportError } = useErrorReporter();\n  const { getAppByVersion } = useDevCenterClient();\n  const createTunnelClient = useTunnel();\n  const httpClient = useHttpClient({ type: 'backoffice' });\n  const localServerPortResolverRef = useRef<(port: number) => void>();\n\n  const server = useMemo(() => {\n    return createServer((req, res) => {\n      logsReqHandler(req, res)\n        .onLog(onLog)\n        .onError((code, err, info) => {\n          server.close();\n          throw new CliError({ code, cause: err, info });\n        });\n    });\n  }, [onLog]);\n\n  const localServerPortPromise = useMemo(() => {\n    return new Promise<number>((resolve) => {\n      localServerPortResolverRef.current = resolve;\n    });\n  }, []);\n\n  useEffect(() => {\n    server.listen(0, async () => {\n      const port = (server.address() as AddressInfo).port;\n      localServerPortResolverRef.current?.(port);\n    });\n    return () => {\n      if (server.listening) {\n        server.close();\n      }\n    };\n  }, [server]);\n\n  const { status } = useAsync(async () => {\n    const localServerPort = await localServerPortPromise;\n    const { url: tunnelUrl } = await createTunnelClient(localServerPort);\n    const { data } = await getAppByVersion({ appId, version });\n\n    const topologyComponent = data.components.find(\n      (component): component is TopologyComponent => {\n        return component.compType === ComponentType.TOPOLOGY;\n      }\n    );\n    const match = deploymentIdRegex.exec(\n      topologyComponent?.compData.topology.topology.backendApiUrl ?? ''\n    );\n\n    if (!match?.[1]) {\n      throw new CliError({\n        code: CliErrorCode.FailedToGetLogsTopology(),\n        cause: null,\n      });\n    }\n    const deploymentId = match[1];\n\n    const loggerReq = {\n      appId,\n      deploymentId,\n      destinationUrl: new URL(LOGS_ENDPOINT, tunnelUrl).href,\n    };\n\n    try {\n      await httpClient.request(attachLogger(loggerReq));\n    } catch (error) {\n      server.close();\n      throw new CliError({\n        code: CliErrorCode.FailedToConnectToLogsService(),\n        cause: error,\n      });\n    }\n\n    return deploymentId;\n  }, []);\n\n  useEffect(() => {\n    // Logs should be deattached only on unmount.\n    // This is why this `useEffect` has only `return` statement.\n    return () => {\n      if (isType(status, 'Success')) {\n        httpClient\n          .request(\n            deattachLogger({\n              appId,\n              deploymentId: status.result,\n            })\n          )\n          .catch(reportError);\n      }\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  return status;\n};\n","import type { IncomingMessage, ServerResponse } from 'node:http';\nimport type { CliErrorCodeType } from '@wix/cli-error';\nimport { CliErrorCode } from '@wix/cli-error';\nimport { z } from 'zod';\nimport { variant, fields, match } from 'variant';\nimport type { VariantOf } from 'variant';\n\nconst LogMessageSchema = z.any();\nexport type LogMessage = z.infer<typeof LogMessageSchema>;\n\nconst LogMessageLevelSchema = z.enum(['info', 'error', 'warn', 'debug', 'log']);\nexport type LogMessageLevel = z.infer<typeof LogMessageLevelSchema>;\n\nconst LogItemSchema = z.object({\n  message: z.array(LogMessageSchema),\n  level: LogMessageLevelSchema,\n  timestamp: z.number(),\n});\n\ntype LogItem = z.infer<typeof LogItemSchema>;\n\nconst ExceptionItemSchema = z.object({\n  stack: z.string(),\n  name: z.string(),\n  message: z.string(),\n  timestamp: z.number(),\n});\n\ntype ExceptionItem = z.infer<typeof ExceptionItemSchema>;\n\nconst LogResponseSchema = z\n  .object({\n    _type: z.literal('log'),\n    exceptions: z.array(ExceptionItemSchema),\n    logs: z.array(LogItemSchema),\n  })\n  .passthrough();\n\nconst SessionTimeoutResponseSchema = z\n  .object({\n    _type: z.literal('session-timeout'),\n  })\n  .passthrough();\n\nconst ServerLogResponseSchema = z.discriminatedUnion('_type', [\n  LogResponseSchema,\n  SessionTimeoutResponseSchema,\n]);\n\ntype ServerLogResponse = z.infer<typeof ServerLogResponseSchema>;\n\nconst AggregatedLog = variant({\n  Log: fields<LogItem>(),\n  Exception: fields<ExceptionItem>(),\n});\nexport type AggregatedLog = VariantOf<typeof AggregatedLog>;\n\nexport type OnLog = (data: AggregatedLog[]) => void;\ntype OnError = (\n  errType: CliErrorCodeType,\n  err: unknown,\n  info?: Record<string, unknown>\n) => void;\n\nexport const LOGS_ENDPOINT = '/logs';\n\nexport const logsReqHandler = (req: IncomingMessage, res: ServerResponse) => {\n  let onLog: OnLog;\n  let onError: OnError;\n\n  if (req.method === 'POST' && req.url === LOGS_ENDPOINT) {\n    let body = '';\n\n    req.on('data', (chunk) => {\n      body += chunk.toString();\n    });\n\n    req.on('end', () => {\n      let parsedBody: ServerLogResponse;\n      try {\n        parsedBody = ServerLogResponseSchema.parse(JSON.parse(body));\n      } catch (err) {\n        onError(CliErrorCode.FailedToParseLog(), err, { body });\n        res.statusCode = 400;\n        return res.end();\n      }\n\n      const resultLogs: AggregatedLog[] = [];\n\n      if (parsedBody._type === 'log') {\n        resultLogs.push(\n          ...parsedBody.exceptions.map((exception) =>\n            AggregatedLog.Exception(exception)\n          )\n        );\n        resultLogs.push(\n          ...parsedBody.logs.map((log) => AggregatedLog.Log(log))\n        );\n      }\n\n      match(parsedBody._type, {\n        log: () => {\n          onLog(resultLogs);\n        },\n        'session-timeout': () => {\n          res.statusCode = 200;\n          res.end();\n\n          onError(CliErrorCode.LogsConnectionTimeout(), {}, { body });\n        },\n      });\n\n      res.statusCode = 200;\n      res.end();\n    });\n  } else {\n    res.statusCode = 404;\n    res.end('Not Found');\n  }\n\n  const api = {\n    onLog: (callback: OnLog) => {\n      onLog = callback;\n      return api;\n    },\n    onError: (callback: OnError) => {\n      onError = callback;\n      return api;\n    },\n  };\n\n  return api;\n};\n","import React from 'react';\nimport type { FC } from 'react';\nimport { Text } from '@wix/cli-ui-kit';\nimport type { LogMessage, LogMessageLevel } from './logsReqHandler.js';\n\nexport const ServerLogMessage: FC<{\n  message: LogMessage;\n  level: LogMessageLevel;\n}> = ({ message, level }) => {\n  let content = 'unknown';\n\n  if (typeof message === 'object') {\n    content = JSON.stringify(message);\n  } else {\n    content = String(message);\n  }\n\n  return <Text skin={level === 'error' ? 'error' : 'standard'}>{content}</Text>;\n};\n"],"mappings":"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","names":["import_react","import_variant","import_variant","match","import_react","React","React"]}

package/build/PreviewCommand-6EMIKGQN.js

@@ -0,0 +1,23 @@
+import { createRequire as _createRequire } from 'node:module';
+const require = _createRequire(import.meta.url);
+import {
+  PreviewCommand
+} from "./chunk-JOVPQ7BW.js";
+import "./chunk-IWDISZ2R.js";
+import "./chunk-NDFUPX6I.js";
+import "./chunk-QICLTOEP.js";
+import "./chunk-JKI4MP27.js";
+import "./chunk-3KMSVIRS.js";
+import "./chunk-U4QPSXJP.js";
+import "./chunk-KCMEJP7H.js";
+import "./chunk-QZOQAFHK.js";
+import "./chunk-TTW4MEC3.js";
+import "./chunk-SP37PQ3I.js";
+import "./chunk-NUUM6HPA.js";
+import "./chunk-TSFNDZPX.js";
+import "./chunk-XU5JBKO6.js";
+import "./chunk-PYIAC2GK.js";
+export {
+  PreviewCommand
+};
+//# sourceMappingURL=PreviewCommand-6EMIKGQN.js.map

package/build/ServeCommand-YJ5RHQZ4.js

@@ -0,0 +1,165 @@
+import { createRequire as _createRequire } from 'node:module';
+const require = _createRequire(import.meta.url);
+import {
+  PlatformViewer,
+  assertBuildOutputExists
+} from "./chunk-IWDISZ2R.js";
+import {
+  SiteProvider
+} from "./chunk-NDFUPX6I.js";
+import {
+  createLogger
+} from "./chunk-IMNXLCE5.js";
+import {
+  readAppManifestFile
+} from "./chunk-JKI4MP27.js";
+import {
+  ArmTagProvider,
+  SiteOverrideProvider,
+  createSiteOverrides,
+  useARMClient,
+  useSite,
+  useSiteOverrideClient
+} from "./chunk-3KMSVIRS.js";
+import "./chunk-U4QPSXJP.js";
+import "./chunk-KCMEJP7H.js";
+import "./chunk-QZOQAFHK.js";
+import "./chunk-TTW4MEC3.js";
+import {
+  getViteConfig,
+  getViteServerUrl,
+  updateAppManifestWithBaseUrl
+} from "./chunk-SP37PQ3I.js";
+import "./chunk-NUUM6HPA.js";
+import {
+  useProjectModel
+} from "./chunk-TSFNDZPX.js";
+import {
+  Box_default,
+  InfoIcon,
+  Link,
+  PointerIcon,
+  Spinner,
+  SuccessIcon,
+  Text,
+  Trans,
+  require_lib,
+  require_react,
+  useAsync,
+  useTranslation
+} from "./chunk-XU5JBKO6.js";
+import {
+  __toESM,
+  init_esm_shims
+} from "./chunk-PYIAC2GK.js";
+
+// src/components/ServeCommand/index.ts
+init_esm_shims();
+
+// src/components/ServeCommand/ServeCommand.tsx
+init_esm_shims();
+var import_react4 = __toESM(require_react(), 1);
+
+// src/components/ServeCommand/ServeEnvironment.tsx
+init_esm_shims();
+var import_react2 = __toESM(require_react(), 1);
+var import_variant = __toESM(require_lib(), 1);
+
+// src/components/ServeCommand/hooks/usePreviewServer.ts
+init_esm_shims();
+var import_react = __toESM(require_react(), 1);
+import { preview } from "vite";
+function usePreviewServer() {
+  const previewServerRef = (0, import_react.useRef)();
+  const { model } = useProjectModel();
+  (0, import_react.useEffect)(() => {
+    return () => {
+      previewServerRef.current?.httpServer.close();
+    };
+  }, []);
+  const logger = (0, import_react.useMemo)(() => createLogger({ timestamp: true }), []);
+  return (0, import_react.useCallback)(async () => {
+    const previewServer = await preview(
+      await getViteConfig(model, {
+        type: "build" /* build */,
+        customLogger: logger
+      })
+    );
+    previewServerRef.current = previewServer;
+    return getViteServerUrl(previewServer);
+  }, [model, logger]);
+}
+
+// src/components/ServeCommand/ServeEnvironment.tsx
+var ServeEnvironmentContext = (0, import_react2.createContext)(null);
+var ServeEnvironmentProvider = ({ children }) => {
+  const { model } = useProjectModel();
+  const { t } = useTranslation();
+  const { site } = useSite();
+  const arm = useARMClient();
+  const { createOverride } = useSiteOverrideClient();
+  const createPreviewServer = usePreviewServer();
+  const { status } = useAsync(async () => {
+    await assertBuildOutputExists(model.projectFolder);
+    const serverUrl = await createPreviewServer();
+    const manifest = await readAppManifestFile(model.projectFolder);
+    const updatedManifest = updateAppManifestWithBaseUrl(manifest, serverUrl);
+    const armTag = await arm.createAppRelease(
+      updatedManifest,
+      model.config.projectId
+    );
+    const overrides = createSiteOverrides(model);
+    const { id: siteOverrideId } = overrides ? await createOverride({
+      appId: model.config.appId,
+      siteId: site.id,
+      overrides
+    }) : await Promise.resolve({ id: void 0 });
+    return { armTag, serverUrl, siteOverrideId };
+  }, []);
+  return (0, import_variant.match)(status, {
+    Error: () => null,
+    Loading: () => /* @__PURE__ */ import_react2.default.createElement(Spinner, { text: t("serve_command.starting_serve_environment") }),
+    Success: ({ result: { armTag, serverUrl, siteOverrideId } }) => /* @__PURE__ */ import_react2.default.createElement(ServeEnvironmentContext.Provider, { value: { serverUrl } }, /* @__PURE__ */ import_react2.default.createElement(SiteOverrideProvider, { siteOverrideId }, /* @__PURE__ */ import_react2.default.createElement(ArmTagProvider, { armTag }, children)))
+  });
+};
+function useServeEnvironment() {
+  const context = (0, import_react2.useContext)(ServeEnvironmentContext);
+  if (context == null) {
+    throw new Error(
+      "useServeEnvironment() cannot be used without an <ServeEnvironmentProvider>"
+    );
+  }
+  return context;
+}
+
+// src/components/ServeCommand/ServeCommandScreen.tsx
+init_esm_shims();
+var import_react3 = __toESM(require_react(), 1);
+function ServeCommandScreen() {
+  const { site } = useSite();
+  const { serverUrl } = useServeEnvironment();
+  return /* @__PURE__ */ import_react3.default.createElement(Box_default, { flexDirection: "column" }, /* @__PURE__ */ import_react3.default.createElement(Box_default, { gap: 1 }, /* @__PURE__ */ import_react3.default.createElement(Text, { skin: "success" }, /* @__PURE__ */ import_react3.default.createElement(SuccessIcon, null)), /* @__PURE__ */ import_react3.default.createElement(
+    Trans,
+    {
+      i18nKey: "serve_command.starting_serve_environment_success",
+      components: [/* @__PURE__ */ import_react3.default.createElement(Link, { url: serverUrl })]
+    }
+  )), /* @__PURE__ */ import_react3.default.createElement(Box_default, { gap: 1 }, /* @__PURE__ */ import_react3.default.createElement(InfoIcon, null), /* @__PURE__ */ import_react3.default.createElement(Trans, { i18nKey: "serve_command.production_build" })), /* @__PURE__ */ import_react3.default.createElement(Box_default, { gap: 1, paddingTop: 1, paddingBottom: 1 }, /* @__PURE__ */ import_react3.default.createElement(PointerIcon, null), /* @__PURE__ */ import_react3.default.createElement(
+    Trans,
+    {
+      i18nKey: "general.dev_site.current",
+      values: { name: site.displayName }
+    }
+  )), /* @__PURE__ */ import_react3.default.createElement(Box_default, { paddingBottom: 1, flexDirection: "column" }, /* @__PURE__ */ import_react3.default.createElement(PlatformViewer, null)));
+}
+
+// src/components/ServeCommand/ServeCommand.tsx
+var ServeCommand = () => {
+  return /* @__PURE__ */ import_react4.default.createElement(SiteProvider, null, /* @__PURE__ */ import_react4.default.createElement(ServeEnvironmentProvider, null, /* @__PURE__ */ import_react4.default.createElement(ServeCommandScreen, null)));
+};
+export {
+  ServeCommand,
+  ServeEnvironmentProvider,
+  useServeEnvironment
+};
+//# sourceMappingURL=ServeCommand-YJ5RHQZ4.js.map

package/build/ServeCommand-YJ5RHQZ4.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ServeCommand/index.ts","../src/components/ServeCommand/ServeCommand.tsx","../src/components/ServeCommand/ServeEnvironment.tsx","../src/components/ServeCommand/hooks/usePreviewServer.ts","../src/components/ServeCommand/ServeCommandScreen.tsx"],"sourcesContent":["export { ServeCommand } from './ServeCommand.js';\nexport {\n  ServeEnvironmentProvider,\n  useServeEnvironment,\n} from './ServeEnvironment.js';\n","import React from 'react';\nimport type { FC } from 'react';\nimport { SiteProvider } from '../../site/SiteProvider.js';\nimport { ServeEnvironmentProvider } from './ServeEnvironment.js';\nimport { ServeCommandScreen } from './ServeCommandScreen.js';\n\nexport const ServeCommand: FC = () => {\n  return (\n    <SiteProvider>\n      <ServeEnvironmentProvider>\n        <ServeCommandScreen />\n      </ServeEnvironmentProvider>\n    </SiteProvider>\n  );\n};\n","import React, { createContext, useContext } from 'react';\nimport type { FC, ReactNode } from 'react';\nimport { match } from 'variant';\nimport { updateAppManifestWithBaseUrl } from '@wix/cli-app-manifest';\nimport { useARMClient } from '@wix/arm-client';\nimport { Spinner, useAsync } from '@wix/cli-ui-kit';\nimport { useTranslation } from '@wix/cli-i18n';\nimport { useSiteOverrideClient } from '@wix/site-override-client';\nimport { ArmTagProvider } from '../../context/armTag.js';\nimport { readAppManifestFile } from '../../app-manifest/file.js';\nimport { assertBuildOutputExists } from '../../files/assert-build-output-exists.js';\nimport { usePreviewServer } from './hooks/usePreviewServer.js';\nimport { useProjectModel } from '../../model.js';\nimport { useSite } from '../../site/index.js';\nimport { createSiteOverrides } from '../../site-override/createSiteOverrides.js';\nimport { SiteOverrideProvider } from '../../context/siteOverride.js';\n\ninterface ServeEnvironment {\n  serverUrl: string;\n}\n\nconst ServeEnvironmentContext = createContext<ServeEnvironment | null>(null);\n\nexport const ServeEnvironmentProvider: FC<{\n  children: ReactNode;\n}> = ({ children }) => {\n  const { model } = useProjectModel();\n  const { t } = useTranslation();\n  const { site } = useSite();\n  const arm = useARMClient();\n  const { createOverride } = useSiteOverrideClient();\n  const createPreviewServer = usePreviewServer();\n\n  const { status } = useAsync(async () => {\n    await assertBuildOutputExists(model.projectFolder);\n    const serverUrl = await createPreviewServer();\n\n    const manifest = await readAppManifestFile(model.projectFolder);\n    const updatedManifest = updateAppManifestWithBaseUrl(manifest, serverUrl);\n\n    const armTag = await arm.createAppRelease(\n      updatedManifest,\n      model.config.projectId\n    );\n\n    const overrides = createSiteOverrides(model);\n    const { id: siteOverrideId } = overrides\n      ? await createOverride({\n          appId: model.config.appId,\n          siteId: site.id,\n          overrides,\n        })\n      : await Promise.resolve({ id: undefined });\n\n    return { armTag, serverUrl, siteOverrideId };\n  }, []);\n\n  return match(status, {\n    Error: () => null,\n    Loading: () => (\n      <Spinner text={t('serve_command.starting_serve_environment')}></Spinner>\n    ),\n    Success: ({ result: { armTag, serverUrl, siteOverrideId } }) => (\n      <ServeEnvironmentContext.Provider value={{ serverUrl }}>\n        <SiteOverrideProvider siteOverrideId={siteOverrideId}>\n          <ArmTagProvider armTag={armTag}>{children}</ArmTagProvider>\n        </SiteOverrideProvider>\n      </ServeEnvironmentContext.Provider>\n    ),\n  });\n};\n\nexport function useServeEnvironment(): ServeEnvironment {\n  const context = useContext(ServeEnvironmentContext);\n  if (context == null) {\n    throw new Error(\n      'useServeEnvironment() cannot be used without an <ServeEnvironmentProvider>'\n    );\n  }\n  return context;\n}\n","import { preview } from 'vite';\nimport type { PreviewServer } from 'vite';\nimport { useCallback, useEffect, useMemo, useRef } from 'react';\nimport { useProjectModel } from '../../../model.js';\nimport { getClientViteConfig } from '../../../vite/index.js';\nimport { getViteServerUrl } from '../../../vite/vite-server-url.js';\nimport { ConfigType } from '../../../vite/vite-config-options.js';\nimport { createLogger } from '../../../vite/logger.js';\n\nexport function usePreviewServer() {\n  const previewServerRef = useRef<PreviewServer>();\n  const { model } = useProjectModel();\n\n  useEffect(() => {\n    return () => {\n      previewServerRef.current?.httpServer.close();\n    };\n  }, []);\n\n  const logger = useMemo(() => createLogger({ timestamp: true }), []);\n\n  return useCallback(async () => {\n    const previewServer = await preview(\n      await getClientViteConfig(model, {\n        type: ConfigType.build,\n        customLogger: logger,\n      })\n    );\n\n    previewServerRef.current = previewServer;\n\n    return getViteServerUrl(previewServer);\n  }, [model, logger]);\n}\n","import {\n  Box,\n  InfoIcon,\n  Link,\n  PointerIcon,\n  SuccessIcon,\n  Text,\n} from '@wix/cli-ui-kit';\nimport React from 'react';\nimport { Trans } from '@wix/cli-i18n';\nimport { useSite } from '../../site/useSite.js';\nimport { useServeEnvironment } from './ServeEnvironment.js';\nimport { PlatformViewer } from '../Platform/PlatformViewer.js';\n\nexport function ServeCommandScreen() {\n  const { site } = useSite();\n  const { serverUrl } = useServeEnvironment();\n\n  return (\n    <Box flexDirection=\"column\">\n      <Box gap={1}>\n        <Text skin=\"success\">\n          <SuccessIcon />\n        </Text>\n        <Trans\n          i18nKey=\"serve_command.starting_serve_environment_success\"\n          components={[<Link url={serverUrl} />]}\n        />\n      </Box>\n      <Box gap={1}>\n        <InfoIcon />\n        <Trans i18nKey=\"serve_command.production_build\" />\n      </Box>\n      <Box gap={1} paddingTop={1} paddingBottom={1}>\n        <PointerIcon />\n        <Trans\n          i18nKey=\"general.dev_site.current\"\n          values={{ name: site.displayName }}\n        />\n      </Box>\n      <Box paddingBottom={1} flexDirection=\"column\">\n        <PlatformViewer />\n      </Box>\n    </Box>\n  );\n}\n"],"mappings":"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","names":["import_react","import_react","React","import_react","React","React"]}