@wix/cli-app 1.1.68 → 1.1.69

package/build/chunk-T4BWYKQC.js.map

@@ -1 +0,0 @@
-{"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';\nimport type { BlocksComponentsData } from '../../blocks/blocks-client.js';\nimport { useBlocksClient } from '../../blocks/useBlocksClient.js';\nimport { saveBlocksMainComponentId } from '../../blocks/saveBlocksMainComponentId.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  const blocksClient = useBlocksClient();\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      blocksComponents?: BlocksComponentsData,\n      monitoringData?: Monitoring['compData']['monitoring'],\n      monitoringComponentId?: string\n    ) =>\n      createPreviewTag({\n        model,\n        arm,\n        serveUrl,\n        backendServerUrl,\n        blocksComponents,\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\n    const blocksComponentsData = model.config.blocks?.uiRevision\n      ? await blocksClient.getBlocksComponentsData({\n          appDefId: model.config.appId,\n          documentRevision: model.config.blocks.uiRevision,\n        })\n      : undefined;\n    await saveBlocksMainComponentId(model.projectFolder, blocksComponentsData);\n\n    const armTag = await createPreviewTagAction.execute(\n      serveUrl,\n      topologyComponent?.compId,\n      backendServerUrl,\n      blocksComponentsData,\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"]}

package/build/chunk-WBL3HKNC.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/preview/create-preview-tag.ts"],"sourcesContent":["import {\n  updateAppManifestWithBaseUrl,\n  updateMonitoring,\n  updateTopology,\n  updateBlocksComponents,\n} from '@wix/cli-app-manifest';\nimport type { Monitoring } from '@wix/cli-app-manifest';\nimport type { ARMClient } from '@wix/arm-client';\nimport type { ProjectModel } from '../model.js';\nimport { readAppManifestFile } from '../app-manifest/file.js';\nimport type { BlocksComponentsData } from '../blocks/blocks-client.js';\n\nexport const createPreviewTag = async ({\n  model,\n  arm,\n  serveUrl,\n  backendServerUrl,\n  blocksComponents,\n  topologyComponentId,\n  monitoringData,\n  monitoringComponentId,\n}: {\n  model: ProjectModel;\n  arm: ARMClient;\n  serveUrl: string;\n  backendServerUrl?: string;\n  blocksComponents?: BlocksComponentsData;\n  topologyComponentId?: string;\n  monitoringData?: Monitoring['compData']['monitoring'];\n  monitoringComponentId?: string;\n}) => {\n  const manifest = await readAppManifestFile(model.projectFolder);\n  const updatedManifest = updateMonitoring(\n    updateTopology(\n      updateAppManifestWithBaseUrl(\n        updateBlocksComponents(manifest, blocksComponents),\n        serveUrl,\n        backendServerUrl\n      ),\n      {\n        id: topologyComponentId,\n        baseApiUrl: backendServerUrl,\n      }\n    ),\n    {\n      id: monitoringComponentId,\n      monitoring: monitoringData,\n    }\n  );\n\n  return arm.createAppRelease(updatedManifest, model.config.projectId);\n};\n"],"mappings":";;;;;;;;;;;;;;;;AAAA;AAYO,IAAM,mBAAmB,OAAO;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MASM;AACJ,QAAM,WAAW,MAAM,oBAAoB,MAAM,aAAa;AAC9D,QAAM,kBAAkB;AAAA,IACtB;AAAA,MACE;AAAA,QACE,uBAAuB,UAAU,gBAAgB;AAAA,QACjD;AAAA,QACA;AAAA,MACF;AAAA,MACA;AAAA,QACE,IAAI;AAAA,QACJ,YAAY;AAAA,MACd;AAAA,IACF;AAAA,IACA;AAAA,MACE,IAAI;AAAA,MACJ,YAAY;AAAA,IACd;AAAA,EACF;AAEA,SAAO,IAAI,iBAAiB,iBAAiB,MAAM,OAAO,SAAS;AACrE;","names":[]}