@wix/cli-app 1.1.55 → 1.1.56

package/build/chunk-JOVPQ7BW.js

@@ -0,0 +1,183 @@
+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 {
+  createPreviewTag
+} from "./chunk-QICLTOEP.js";
+import {
+  ArmTagProvider,
+  SiteOverrideProvider,
+  createSiteOverrides,
+  useARMClient,
+  useSite,
+  useSiteOverrideClient
+} from "./chunk-3KMSVIRS.js";
+import {
+  useBackendComponents
+} from "./chunk-U4QPSXJP.js";
+import {
+  ComponentType2 as ComponentType,
+  saveAppConfig,
+  uploadApplication,
+  useBiLogger,
+  useDevCenterClient,
+  useHttpClient,
+  useProjectModel
+} from "./chunk-TSFNDZPX.js";
+import {
+  Alert,
+  Box_default,
+  PointerIcon,
+  Spinner,
+  Text,
+  Trans,
+  require_lib,
+  require_react,
+  useAsync,
+  useAsyncCallback,
+  useTranslation
+} from "./chunk-XU5JBKO6.js";
+import {
+  __toESM,
+  init_esm_shims
+} from "./chunk-PYIAC2GK.js";
+
+// src/components/PreviewCommand/index.ts
+init_esm_shims();
+
+// src/components/PreviewCommand/PreviewCommand.tsx
+init_esm_shims();
+var import_react3 = __toESM(require_react(), 1);
+
+// src/components/PreviewCommand/Preview.tsx
+init_esm_shims();
+var import_react2 = __toESM(require_react(), 1);
+var import_variant2 = __toESM(require_lib(), 1);
+
+// src/components/PreviewCommand/ActionStatus.tsx
+init_esm_shims();
+var import_react = __toESM(require_react(), 1);
+var import_variant = __toESM(require_lib(), 1);
+var ActionStatus = ({ status, loadingText, successText }) => (0, import_variant.match)(status, {
+  NotRequested: () => null,
+  Loading: () => /* @__PURE__ */ import_react.default.createElement(Spinner, { text: loadingText }),
+  Error: () => null,
+  Success: () => /* @__PURE__ */ import_react.default.createElement(Alert, { type: "success" }, successText)
+});
+
+// src/components/PreviewCommand/Preview.tsx
+var Preview = ({ baseUrl, onPreviewCreated }) => {
+  const { site } = useSite();
+  const { t } = useTranslation();
+  const { model } = useProjectModel();
+  const { backendComponents } = useBackendComponents();
+  const arm = useARMClient();
+  const biLogger = useBiLogger();
+  const { getAppByVersion } = useDevCenterClient();
+  const { createOverride } = useSiteOverrideClient();
+  const httpClient = useHttpClient({ type: "backoffice" });
+  const uploadApplicationAction = useAsyncCallback(
+    () => uploadApplication(
+      model.config.appId,
+      model.projectFolder,
+      biLogger,
+      httpClient,
+      backendComponents.length > 0
+    )
+  );
+  const createSiteOverrideIdAction = useAsyncCallback(
+    (_, overrides) => createOverride({
+      appId: model.config.appId,
+      siteId: site.id,
+      overrides
+    })
+  );
+  const createPreviewTagAction = useAsyncCallback(
+    (_, serveUrl, topologyComponentId, backendServerUrl, monitoringData, monitoringComponentId) => createPreviewTag({
+      model,
+      arm,
+      serveUrl,
+      backendServerUrl,
+      topologyComponentId,
+      monitoringData,
+      monitoringComponentId
+    })
+  );
+  const { status: createPreviewStatus } = useAsync(async () => {
+    await assertBuildOutputExists(model.projectFolder);
+    const { serveUrl, backendServerUrl } = baseUrl ? { serveUrl: baseUrl, backendServerUrl: void 0 } : await uploadApplicationAction.execute();
+    const {
+      data: { components }
+    } = await getAppByVersion({
+      appId: model.config.appId
+    });
+    const topologyComponent = components.find(
+      (component) => {
+        return component.compType === ComponentType.TOPOLOGY;
+      }
+    );
+    const monitoringComponent = components.find(
+      (component) => {
+        return component.compType === ComponentType.MONITORING;
+      }
+    );
+    const overrides = createSiteOverrides(model);
+    const { id: siteOverrideId } = overrides ? await createSiteOverrideIdAction.execute(overrides) : await Promise.resolve({ id: void 0 });
+    const armTag = await createPreviewTagAction.execute(
+      serveUrl,
+      topologyComponent?.compId,
+      backendServerUrl,
+      monitoringComponent?.compData.monitoring,
+      monitoringComponent?.compId
+    );
+    if (topologyComponent || monitoringComponent) {
+      await saveAppConfig(model.projectFolder, {
+        ...topologyComponent ? { topologyComponentId: topologyComponent.compId } : {},
+        ...monitoringComponent ? { monitoringComponentId: monitoringComponent.compId } : {}
+      });
+    }
+    onPreviewCreated?.(armTag, backendServerUrl);
+    return { armTag, siteOverrideId };
+  }, []);
+  return /* @__PURE__ */ import_react2.default.createElement(import_react2.default.Fragment, null, /* @__PURE__ */ import_react2.default.createElement(
+    ActionStatus,
+    {
+      status: uploadApplicationAction.status,
+      loadingText: t("preview_command.uploading_files"),
+      successText: t("preview_command.uploading_files_success")
+    }
+  ), /* @__PURE__ */ import_react2.default.createElement(
+    ActionStatus,
+    {
+      status: createPreviewTagAction.status,
+      loadingText: t("preview_command.creating_preview"),
+      successText: t("preview_command.creating_preview_success")
+    }
+  ), (0, import_variant2.match)(createPreviewStatus, {
+    Error: () => null,
+    Loading: () => null,
+    Success: ({ result: { armTag, siteOverrideId } }) => /* @__PURE__ */ import_react2.default.createElement(SiteOverrideProvider, { siteOverrideId }, /* @__PURE__ */ import_react2.default.createElement(ArmTagProvider, { armTag }, /* @__PURE__ */ import_react2.default.createElement(Box_default, { rowGap: 1, marginY: 1, flexDirection: "column" }, /* @__PURE__ */ import_react2.default.createElement(Box_default, { gap: 1 }, /* @__PURE__ */ import_react2.default.createElement(PointerIcon, null), /* @__PURE__ */ import_react2.default.createElement(
+      Trans,
+      {
+        i18nKey: "general.dev_site.current",
+        values: { name: site.displayName }
+      }
+    )), /* @__PURE__ */ import_react2.default.createElement(Box_default, { rowGap: 1 }, /* @__PURE__ */ import_react2.default.createElement(PlatformViewer, null)), /* @__PURE__ */ import_react2.default.createElement(Text, { skin: "info" }, t("preview_command.note_about_temporary_backend")))))
+  }));
+};
+
+// src/components/PreviewCommand/PreviewCommand.tsx
+var PreviewCommand = ({ baseUrl, siteIdOverride, onPreviewCreated }) => {
+  return /* @__PURE__ */ import_react3.default.createElement(SiteProvider, { siteId: siteIdOverride }, /* @__PURE__ */ import_react3.default.createElement(Preview, { baseUrl, onPreviewCreated }));
+};
+
+export {
+  PreviewCommand
+};
+//# sourceMappingURL=chunk-JOVPQ7BW.js.map

package/build/{chunk-X4BLMM2K.js.map → chunk-JOVPQ7BW.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/PreviewCommand/index.ts","../src/components/PreviewCommand/PreviewCommand.tsx","../src/components/PreviewCommand/Preview.tsx","../src/components/PreviewCommand/ActionStatus.tsx"],"sourcesContent":["export { PreviewCommand } from './PreviewCommand.js';\n","import React from 'react';\nimport type { FC } from 'react';\nimport { SiteProvider } from '../../site/index.js';\nimport { Preview } from './Preview.js';\n\nexport const PreviewCommand: FC<{\n  baseUrl?: string;\n  siteIdOverride?: string;\n  onPreviewCreated?: (tag: string) => void;\n}> = ({ baseUrl, siteIdOverride, onPreviewCreated }) => {\n  return (\n    <SiteProvider siteId={siteIdOverride}>\n      <Preview baseUrl={baseUrl} onPreviewCreated={onPreviewCreated} />\n    </SiteProvider>\n  );\n};\n","import React from 'react';\nimport type { FC } from 'react';\nimport { match } from 'variant';\nimport { useARMClient } from '@wix/arm-client';\nimport { Trans, useTranslation } from '@wix/cli-i18n';\nimport type { Monitoring } from '@wix/cli-app-manifest';\nimport { useBiLogger } from '@wix/cli-telemetry-react';\nimport { useHttpClient } from '@wix/cli-http-client-react';\nimport {\n  Text,\n  Box,\n  PointerIcon,\n  useAsync,\n  useAsyncCallback,\n} from '@wix/cli-ui-kit';\nimport { useDevCenterClient, ComponentType } from '@wix/dev-center-client';\nimport type {\n  TopologyComponent,\n  MonitoringComponent,\n} from '@wix/dev-center-client';\nimport type { ComponentsForSiteOverride } from '@wix/site-override-client';\nimport { useSiteOverrideClient } from '@wix/site-override-client';\nimport { useProjectModel } from '../../model.js';\nimport { useSite } from '../../site/index.js';\nimport { ArmTagProvider } from '../../context/armTag.js';\nimport { createPreviewTag } from '../../preview/create-preview-tag.js';\nimport { uploadApplication } from '../../hosting/upload-application.js';\nimport { assertBuildOutputExists } from '../../files/assert-build-output-exists.js';\nimport { ActionStatus } from './ActionStatus.js';\nimport { PlatformViewer } from '../Platform/PlatformViewer.js';\nimport { saveAppConfig } from '../../files/app.config.js';\nimport { useBackendComponents } from '../../backend/useBackendComponents.js';\nimport { createSiteOverrides } from '../../site-override/createSiteOverrides.js';\nimport { SiteOverrideProvider } from '../../context/siteOverride.js';\n\nexport const Preview: FC<{\n  baseUrl?: string;\n  onPreviewCreated?: (tag: string, backendServerUrl?: string) => void;\n}> = ({ baseUrl, onPreviewCreated }) => {\n  const { site } = useSite();\n  const { t } = useTranslation();\n  const { model } = useProjectModel();\n  const { backendComponents } = useBackendComponents();\n  const arm = useARMClient();\n  const biLogger = useBiLogger();\n  const { getAppByVersion } = useDevCenterClient();\n  const { createOverride } = useSiteOverrideClient();\n  const httpClient = useHttpClient({ type: 'backoffice' });\n\n  const uploadApplicationAction = useAsyncCallback(() =>\n    uploadApplication(\n      model.config.appId,\n      model.projectFolder,\n      biLogger,\n      httpClient,\n      backendComponents.length > 0\n    )\n  );\n\n  const createSiteOverrideIdAction = useAsyncCallback(\n    (_, overrides: ComponentsForSiteOverride) =>\n      createOverride({\n        appId: model.config.appId,\n        siteId: site.id,\n        overrides,\n      })\n  );\n\n  const createPreviewTagAction = useAsyncCallback(\n    (\n      _,\n      serveUrl: string,\n      topologyComponentId?: string,\n      backendServerUrl?: string,\n      monitoringData?: Monitoring['compData']['monitoring'],\n      monitoringComponentId?: string\n    ) =>\n      createPreviewTag({\n        model,\n        arm,\n        serveUrl,\n        backendServerUrl,\n        topologyComponentId,\n        monitoringData,\n        monitoringComponentId,\n      })\n  );\n\n  const { status: createPreviewStatus } = useAsync(async () => {\n    await assertBuildOutputExists(model.projectFolder);\n    const { serveUrl, backendServerUrl } = baseUrl\n      ? { serveUrl: baseUrl, backendServerUrl: undefined }\n      : await uploadApplicationAction.execute();\n    const {\n      data: { components },\n    } = await getAppByVersion({\n      appId: model.config.appId,\n    });\n    const topologyComponent = components.find(\n      (component): component is TopologyComponent => {\n        return component.compType === ComponentType.TOPOLOGY;\n      }\n    );\n    const monitoringComponent = components.find(\n      (component): component is MonitoringComponent => {\n        return component.compType === ComponentType.MONITORING;\n      }\n    );\n    const overrides = createSiteOverrides(model);\n    const { id: siteOverrideId } = overrides\n      ? await createSiteOverrideIdAction.execute(overrides)\n      : await Promise.resolve({ id: undefined });\n    const armTag = await createPreviewTagAction.execute(\n      serveUrl,\n      topologyComponent?.compId,\n      backendServerUrl,\n      monitoringComponent?.compData.monitoring,\n      monitoringComponent?.compId\n    );\n\n    if (topologyComponent || monitoringComponent) {\n      // Once there is topology/monitoring in production I want to use the same id for dev as well,\n      // to reduce confusion during debug.\n      await saveAppConfig(model.projectFolder, {\n        ...(topologyComponent\n          ? { topologyComponentId: topologyComponent.compId }\n          : {}),\n        ...(monitoringComponent\n          ? { monitoringComponentId: monitoringComponent.compId }\n          : {}),\n      });\n    }\n\n    onPreviewCreated?.(armTag, backendServerUrl);\n\n    return { armTag, siteOverrideId };\n  }, []);\n\n  return (\n    <>\n      <ActionStatus\n        status={uploadApplicationAction.status}\n        loadingText={t('preview_command.uploading_files')}\n        successText={t('preview_command.uploading_files_success')}\n      />\n      <ActionStatus\n        status={createPreviewTagAction.status}\n        loadingText={t('preview_command.creating_preview')}\n        successText={t('preview_command.creating_preview_success')}\n      />\n      {match(createPreviewStatus, {\n        Error: () => null,\n        Loading: () => null,\n        Success: ({ result: { armTag, siteOverrideId } }) => (\n          <SiteOverrideProvider siteOverrideId={siteOverrideId}>\n            <ArmTagProvider armTag={armTag}>\n              <Box rowGap={1} marginY={1} flexDirection=\"column\">\n                <Box gap={1}>\n                  <PointerIcon />\n                  <Trans\n                    i18nKey=\"general.dev_site.current\"\n                    values={{ name: site.displayName }}\n                  />\n                </Box>\n                <Box rowGap={1}>\n                  <PlatformViewer />\n                </Box>\n                <Text skin=\"info\">\n                  {t('preview_command.note_about_temporary_backend')}\n                </Text>\n              </Box>\n            </ArmTagProvider>\n          </SiteOverrideProvider>\n        ),\n      })}\n    </>\n  );\n};\n","import type { AsyncCallbackStatus } from '@wix/cli-ui-kit';\nimport { Alert, Spinner } from '@wix/cli-ui-kit';\nimport type { FC } from 'react';\nimport React from 'react';\nimport { match } from 'variant';\n\nexport const ActionStatus: FC<{\n  status: AsyncCallbackStatus<unknown>;\n  loadingText: string;\n  successText: string;\n}> = ({ status, loadingText, successText }) =>\n  match(status, {\n    NotRequested: () => null,\n    Loading: () => <Spinner text={loadingText} />,\n    Error: () => null,\n    Success: () => <Alert type=\"success\">{successText}</Alert>,\n  });\n"],"mappings":"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","names":["init_esm_shims","init_esm_shims","import_react","init_esm_shims","import_react","import_variant","init_esm_shims","import_react","import_variant","ActionStatus","status","loadingText","successText","React","Spinner","Alert","Preview","baseUrl","onPreviewCreated","site","useSite","t","useTranslation","model","useProjectModel","backendComponents","useBackendComponents","arm","useARMClient","biLogger","useBiLogger","getAppByVersion","useDevCenterClient","createOverride","useSiteOverrideClient","httpClient","useHttpClient","uploadApplicationAction","useAsyncCallback","uploadApplication","createSiteOverrideIdAction","_","overrides","createPreviewTagAction","serveUrl","topologyComponentId","backendServerUrl","monitoringData","monitoringComponentId","createPreviewTag","createPreviewStatus","useAsync","assertBuildOutputExists","components","topologyComponent","component","ComponentType","monitoringComponent","createSiteOverrides","siteOverrideId","armTag","saveAppConfig","React","ActionStatus","SiteOverrideProvider","ArmTagProvider","Box_default","PointerIcon","Trans","PlatformViewer","Text","PreviewCommand","baseUrl","siteIdOverride","onPreviewCreated","React","SiteProvider","Preview"]}
+{"version":3,"sources":["../src/components/PreviewCommand/index.ts","../src/components/PreviewCommand/PreviewCommand.tsx","../src/components/PreviewCommand/Preview.tsx","../src/components/PreviewCommand/ActionStatus.tsx"],"sourcesContent":["export { PreviewCommand } from './PreviewCommand.js';\n","import React from 'react';\nimport type { FC } from 'react';\nimport { SiteProvider } from '../../site/index.js';\nimport { Preview } from './Preview.js';\n\nexport const PreviewCommand: FC<{\n  baseUrl?: string;\n  siteIdOverride?: string;\n  onPreviewCreated?: (tag: string) => void;\n}> = ({ baseUrl, siteIdOverride, onPreviewCreated }) => {\n  return (\n    <SiteProvider siteId={siteIdOverride}>\n      <Preview baseUrl={baseUrl} onPreviewCreated={onPreviewCreated} />\n    </SiteProvider>\n  );\n};\n","import React from 'react';\nimport type { FC } from 'react';\nimport { match } from 'variant';\nimport { useARMClient } from '@wix/arm-client';\nimport { Trans, useTranslation } from '@wix/cli-i18n';\nimport type { Monitoring } from '@wix/cli-app-manifest';\nimport { useBiLogger } from '@wix/cli-telemetry-react';\nimport { useHttpClient } from '@wix/cli-http-client-react';\nimport {\n  Text,\n  Box,\n  PointerIcon,\n  useAsync,\n  useAsyncCallback,\n} from '@wix/cli-ui-kit';\nimport { useDevCenterClient, ComponentType } from '@wix/dev-center-client';\nimport type {\n  TopologyComponent,\n  MonitoringComponent,\n} from '@wix/dev-center-client';\nimport type { ComponentsForSiteOverride } from '@wix/site-override-client';\nimport { useSiteOverrideClient } from '@wix/site-override-client';\nimport { useProjectModel } from '../../model.js';\nimport { useSite } from '../../site/index.js';\nimport { ArmTagProvider } from '../../context/armTag.js';\nimport { createPreviewTag } from '../../preview/create-preview-tag.js';\nimport { uploadApplication } from '../../hosting/upload-application.js';\nimport { assertBuildOutputExists } from '../../files/assert-build-output-exists.js';\nimport { ActionStatus } from './ActionStatus.js';\nimport { PlatformViewer } from '../Platform/PlatformViewer.js';\nimport { saveAppConfig } from '../../files/app.config.js';\nimport { useBackendComponents } from '../../backend/useBackendComponents.js';\nimport { createSiteOverrides } from '../../site-override/createSiteOverrides.js';\nimport { SiteOverrideProvider } from '../../context/siteOverride.js';\n\nexport const Preview: FC<{\n  baseUrl?: string;\n  onPreviewCreated?: (tag: string, backendServerUrl?: string) => void;\n}> = ({ baseUrl, onPreviewCreated }) => {\n  const { site } = useSite();\n  const { t } = useTranslation();\n  const { model } = useProjectModel();\n  const { backendComponents } = useBackendComponents();\n  const arm = useARMClient();\n  const biLogger = useBiLogger();\n  const { getAppByVersion } = useDevCenterClient();\n  const { createOverride } = useSiteOverrideClient();\n  const httpClient = useHttpClient({ type: 'backoffice' });\n\n  const uploadApplicationAction = useAsyncCallback(() =>\n    uploadApplication(\n      model.config.appId,\n      model.projectFolder,\n      biLogger,\n      httpClient,\n      backendComponents.length > 0\n    )\n  );\n\n  const createSiteOverrideIdAction = useAsyncCallback(\n    (_, overrides: ComponentsForSiteOverride) =>\n      createOverride({\n        appId: model.config.appId,\n        siteId: site.id,\n        overrides,\n      })\n  );\n\n  const createPreviewTagAction = useAsyncCallback(\n    (\n      _,\n      serveUrl: string,\n      topologyComponentId?: string,\n      backendServerUrl?: string,\n      monitoringData?: Monitoring['compData']['monitoring'],\n      monitoringComponentId?: string\n    ) =>\n      createPreviewTag({\n        model,\n        arm,\n        serveUrl,\n        backendServerUrl,\n        topologyComponentId,\n        monitoringData,\n        monitoringComponentId,\n      })\n  );\n\n  const { status: createPreviewStatus } = useAsync(async () => {\n    await assertBuildOutputExists(model.projectFolder);\n    const { serveUrl, backendServerUrl } = baseUrl\n      ? { serveUrl: baseUrl, backendServerUrl: undefined }\n      : await uploadApplicationAction.execute();\n    const {\n      data: { components },\n    } = await getAppByVersion({\n      appId: model.config.appId,\n    });\n    const topologyComponent = components.find(\n      (component): component is TopologyComponent => {\n        return component.compType === ComponentType.TOPOLOGY;\n      }\n    );\n    const monitoringComponent = components.find(\n      (component): component is MonitoringComponent => {\n        return component.compType === ComponentType.MONITORING;\n      }\n    );\n    const overrides = createSiteOverrides(model);\n    const { id: siteOverrideId } = overrides\n      ? await createSiteOverrideIdAction.execute(overrides)\n      : await Promise.resolve({ id: undefined });\n    const armTag = await createPreviewTagAction.execute(\n      serveUrl,\n      topologyComponent?.compId,\n      backendServerUrl,\n      monitoringComponent?.compData.monitoring,\n      monitoringComponent?.compId\n    );\n\n    if (topologyComponent || monitoringComponent) {\n      // Once there is topology/monitoring in production I want to use the same id for dev as well,\n      // to reduce confusion during debug.\n      await saveAppConfig(model.projectFolder, {\n        ...(topologyComponent\n          ? { topologyComponentId: topologyComponent.compId }\n          : {}),\n        ...(monitoringComponent\n          ? { monitoringComponentId: monitoringComponent.compId }\n          : {}),\n      });\n    }\n\n    onPreviewCreated?.(armTag, backendServerUrl);\n\n    return { armTag, siteOverrideId };\n  }, []);\n\n  return (\n    <>\n      <ActionStatus\n        status={uploadApplicationAction.status}\n        loadingText={t('preview_command.uploading_files')}\n        successText={t('preview_command.uploading_files_success')}\n      />\n      <ActionStatus\n        status={createPreviewTagAction.status}\n        loadingText={t('preview_command.creating_preview')}\n        successText={t('preview_command.creating_preview_success')}\n      />\n      {match(createPreviewStatus, {\n        Error: () => null,\n        Loading: () => null,\n        Success: ({ result: { armTag, siteOverrideId } }) => (\n          <SiteOverrideProvider siteOverrideId={siteOverrideId}>\n            <ArmTagProvider armTag={armTag}>\n              <Box rowGap={1} marginY={1} flexDirection=\"column\">\n                <Box gap={1}>\n                  <PointerIcon />\n                  <Trans\n                    i18nKey=\"general.dev_site.current\"\n                    values={{ name: site.displayName }}\n                  />\n                </Box>\n                <Box rowGap={1}>\n                  <PlatformViewer />\n                </Box>\n                <Text skin=\"info\">\n                  {t('preview_command.note_about_temporary_backend')}\n                </Text>\n              </Box>\n            </ArmTagProvider>\n          </SiteOverrideProvider>\n        ),\n      })}\n    </>\n  );\n};\n","import type { AsyncCallbackStatus } from '@wix/cli-ui-kit';\nimport { Alert, Spinner } from '@wix/cli-ui-kit';\nimport type { FC } from 'react';\nimport React from 'react';\nimport { match } from 'variant';\n\nexport const ActionStatus: FC<{\n  status: AsyncCallbackStatus<unknown>;\n  loadingText: string;\n  successText: string;\n}> = ({ status, loadingText, successText }) =>\n  match(status, {\n    NotRequested: () => null,\n    Loading: () => <Spinner text={loadingText} />,\n    Error: () => null,\n    Success: () => <Alert type=\"success\">{successText}</Alert>,\n  });\n"],"mappings":"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","names":["import_react","import_react","import_variant","React","React","React"]}