@shopify/shop-minis-cli 0.0.92 → 0.0.93

package/build/commands/codemod/releases/index.js

@@ -22,6 +22,7 @@ import v0x0x85Upgrade from './v0-0-85.js';
 import v0x0x89Upgrade from './v0-0-89.js';
 import v0x0x91Upgrade from './v0-0-91/index.js';
 import v0x0x92Upgrade from './v0-0-92.js';
+import v0x0x93Upgrade from './v0-0-93.js';
 const upgrades = [
     v0x0x42Upgrade,
     v0x0x43Upgrade,
@@ -44,6 +45,7 @@ const upgrades = [
     v0x0x89Upgrade,
     v0x0x91Upgrade,
     v0x0x92Upgrade,
+    v0x0x93Upgrade,
 ];
 // the list of upgrades must be sorted by version. just making sure of it
 upgrades.sort(({ version: upgradeVersion1 }, { version: upgradeVersion2 }) => semverGreaterThan(upgradeVersion1, upgradeVersion2) ? 1 : -1);

package/build/commands/codemod/releases/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/commands/codemod/releases/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/commands/codemod/releases/index.ts"],"names":[],"mappings":"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"}

package/build/commands/codemod/releases/v0-0-93/blank/App-after.d.ts

@@ -0,0 +1 @@
+export declare const blankAppTsxAfter = "import {StatusBar} from 'react-native'\nimport {Box, Text, SafeAreaView} from '@shopify/shop-minis-platform-sdk'\n\nexport function App() {\n  return (\n    <Box flex={1} backgroundColor=\"backgrounds-regular\">\n      <StatusBar barStyle=\"dark-content\" />\n      <SafeAreaView style={{flex: 1, justifyContent: 'center'}}>\n        <Text textAlign=\"center\">Fill in the blank</Text>\n      </SafeAreaView>\n    </Box>\n  )\n}\n";

package/build/commands/codemod/releases/v0-0-93/blank/App-after.js

@@ -0,0 +1,15 @@
+export const blankAppTsxAfter = `import {StatusBar} from 'react-native'
+import {Box, Text, SafeAreaView} from '@shopify/shop-minis-platform-sdk'
+
+export function App() {
+  return (
+    <Box flex={1} backgroundColor="backgrounds-regular">
+      <StatusBar barStyle="dark-content" />
+      <SafeAreaView style={{flex: 1, justifyContent: 'center'}}>
+        <Text textAlign="center">Fill in the blank</Text>
+      </SafeAreaView>
+    </Box>
+  )
+}
+`;
+//# sourceMappingURL=App-after.js.map

package/build/commands/codemod/releases/v0-0-93/blank/App-after.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"App-after.js","sourceRoot":"","sources":["../../../../../../src/commands/codemod/releases/v0-0-93/blank/App-after.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,gBAAgB,GAAG;;;;;;;;;;;;;CAa/B,CAAA"}

package/build/commands/codemod/releases/v0-0-93/blank/App-before.d.ts

@@ -0,0 +1 @@
+export declare const blankAppTsxBefore = "import {Box, Text, SafeAreaView} from '@shopify/shop-minis-platform-sdk'\n\nexport function App() {\n  return (\n    <SafeAreaView style={{flex: 1}}>\n      <Box flex={1} padding=\"m\" backgroundColor=\"backgrounds-regular\">\n        <Text textAlign=\"center\">Fill in the blank</Text>\n      </Box>\n    </SafeAreaView>\n  )\n}\n";

package/build/commands/codemod/releases/v0-0-93/blank/App-before.js

@@ -0,0 +1,13 @@
+export const blankAppTsxBefore = `import {Box, Text, SafeAreaView} from '@shopify/shop-minis-platform-sdk'
+
+export function App() {
+  return (
+    <SafeAreaView style={{flex: 1}}>
+      <Box flex={1} padding="m" backgroundColor="backgrounds-regular">
+        <Text textAlign="center">Fill in the blank</Text>
+      </Box>
+    </SafeAreaView>
+  )
+}
+`;
+//# sourceMappingURL=App-before.js.map

package/build/commands/codemod/releases/v0-0-93/blank/App-before.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"App-before.js","sourceRoot":"","sources":["../../../../../../src/commands/codemod/releases/v0-0-93/blank/App-before.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,iBAAiB,GAAG;;;;;;;;;;;CAWhC,CAAA"}

package/build/commands/codemod/releases/v0-0-93/index.d.ts

@@ -0,0 +1,6 @@
+export * from './blank/App-before.js';
+export * from './blank/App-after.js';
+export * from './shoppable-posts/App-before.js';
+export * from './shoppable-posts/App-after.js';
+export * from './shoppable-videos/App-before.js';
+export * from './shoppable-videos/App-after.js';

package/build/commands/codemod/releases/v0-0-93/index.js

@@ -0,0 +1,7 @@
+export * from './blank/App-before.js';
+export * from './blank/App-after.js';
+export * from './shoppable-posts/App-before.js';
+export * from './shoppable-posts/App-after.js';
+export * from './shoppable-videos/App-before.js';
+export * from './shoppable-videos/App-after.js';
+//# sourceMappingURL=index.js.map

package/build/commands/codemod/releases/v0-0-93/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/commands/codemod/releases/v0-0-93/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAA;AACrC,cAAc,sBAAsB,CAAA;AACpC,cAAc,iCAAiC,CAAA;AAC/C,cAAc,gCAAgC,CAAA;AAC9C,cAAc,kCAAkC,CAAA;AAChD,cAAc,iCAAiC,CAAA"}

package/build/commands/codemod/releases/v0-0-93/shoppable-posts/App-after.d.ts

@@ -0,0 +1 @@
+export declare const shoppablePostsAppTsxAfter = "import {useMemo} from 'react'\nimport {StatusBar} from 'react-native'\nimport {\n  ImageCollectionV2EntryPointItem,\n  ShoppablePosts,\n  useMinisParams,\n  imageCollectionV2EntrypointFixture,\n  MINIS_SANDBOX_SHOP_GID,\n  SafeAreaView,\n  Box,\n} from '@shopify/shop-minis-platform-sdk'\n\nexport function App() {\n  const {entryPointParams, entryPoint: _entryPoint} = useMinisParams()\n\n  // Fixtures provided in the SDK will get you started without entrypoints.\n  // Remove them once you have you have your test store setup with your own entrypoints.\n  const entryPoint = _entryPoint || imageCollectionV2EntrypointFixture\n  const shopGID = entryPointParams?.shopGID || MINIS_SANDBOX_SHOP_GID\n\n  const shoppablePosts = useMemo(() => {\n    const collectionItems =\n      entryPoint?.type === 'IMAGE_COLLECTION_V2'\n        ? entryPoint.collectionItems\n        : []\n    return mapEntryPointCollectionItemsToShoppablePosts(collectionItems)\n  }, [entryPoint])\n\n  return (\n    <Box backgroundColor=\"backgrounds-regular\" flex={1}>\n      <StatusBar barStyle=\"dark-content\" />\n      <SafeAreaView style={{flex: 1}}>\n        <ShoppablePosts items={shoppablePosts} shopId={shopGID} />\n      </SafeAreaView>\n    </Box>\n  )\n}\n\nfunction mapEntryPointCollectionItemsToShoppablePosts(\n  collectionItems: ImageCollectionV2EntryPointItem[]\n) {\n  return collectionItems.map(item => ({\n    externalId: item.externalId,\n    image: {url: item.image.url},\n    description: item.description,\n    postedAt: item.displayDate,\n    relatedProductsIds: item.relatedProducts.map(\n      relatedProduct => relatedProduct.productId\n    ),\n  }))\n}\n";

package/build/commands/codemod/releases/v0-0-93/shoppable-posts/App-after.js

@@ -0,0 +1,53 @@
+export const shoppablePostsAppTsxAfter = `import {useMemo} from 'react'
+import {StatusBar} from 'react-native'
+import {
+  ImageCollectionV2EntryPointItem,
+  ShoppablePosts,
+  useMinisParams,
+  imageCollectionV2EntrypointFixture,
+  MINIS_SANDBOX_SHOP_GID,
+  SafeAreaView,
+  Box,
+} from '@shopify/shop-minis-platform-sdk'
+
+export function App() {
+  const {entryPointParams, entryPoint: _entryPoint} = useMinisParams()
+
+  // Fixtures provided in the SDK will get you started without entrypoints.
+  // Remove them once you have you have your test store setup with your own entrypoints.
+  const entryPoint = _entryPoint || imageCollectionV2EntrypointFixture
+  const shopGID = entryPointParams?.shopGID || MINIS_SANDBOX_SHOP_GID
+
+  const shoppablePosts = useMemo(() => {
+    const collectionItems =
+      entryPoint?.type === 'IMAGE_COLLECTION_V2'
+        ? entryPoint.collectionItems
+        : []
+    return mapEntryPointCollectionItemsToShoppablePosts(collectionItems)
+  }, [entryPoint])
+
+  return (
+    <Box backgroundColor="backgrounds-regular" flex={1}>
+      <StatusBar barStyle="dark-content" />
+      <SafeAreaView style={{flex: 1}}>
+        <ShoppablePosts items={shoppablePosts} shopId={shopGID} />
+      </SafeAreaView>
+    </Box>
+  )
+}
+
+function mapEntryPointCollectionItemsToShoppablePosts(
+  collectionItems: ImageCollectionV2EntryPointItem[]
+) {
+  return collectionItems.map(item => ({
+    externalId: item.externalId,
+    image: {url: item.image.url},
+    description: item.description,
+    postedAt: item.displayDate,
+    relatedProductsIds: item.relatedProducts.map(
+      relatedProduct => relatedProduct.productId
+    ),
+  }))
+}
+`;
+//# sourceMappingURL=App-after.js.map

package/build/commands/codemod/releases/v0-0-93/shoppable-posts/App-after.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"App-after.js","sourceRoot":"","sources":["../../../../../../src/commands/codemod/releases/v0-0-93/shoppable-posts/App-after.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,yBAAyB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmDxC,CAAA"}

package/build/commands/codemod/releases/v0-0-93/shoppable-posts/App-before.d.ts

@@ -0,0 +1 @@
+export declare const shoppablePostsAppTsxBefore = "import {\n  ImageCollectionV2EntryPointItem,\n  ShoppablePosts,\n  useMinisParams,\n  imageCollectionV2EntrypointFixture,\n  MINIS_SANDBOX_SHOP_GID,\n} from '@shopify/shop-minis-platform-sdk'\nimport {useMemo} from 'react'\n\nexport function App() {\n  const {entryPointParams, entryPoint: _entryPoint} = useMinisParams()\n\n  // Fixtures provided in the SDK will get you started without entrypoints.\n  // Remove them once you have you have your test store setup with your own entrypoints.\n  const entryPoint = _entryPoint || imageCollectionV2EntrypointFixture\n  const shopGID = entryPointParams?.shopGID || MINIS_SANDBOX_SHOP_GID\n\n  const shoppablePosts = useMemo(() => {\n    const collectionItems =\n      entryPoint?.type === 'IMAGE_COLLECTION_V2'\n        ? entryPoint.collectionItems\n        : []\n    return mapEntryPointCollectionItemsToShoppablePosts(collectionItems)\n  }, [entryPoint])\n\n  return <ShoppablePosts items={shoppablePosts} shopId={shopGID} />\n}\n\nfunction mapEntryPointCollectionItemsToShoppablePosts(\n  collectionItems: ImageCollectionV2EntryPointItem[]\n) {\n  return collectionItems.map(item => ({\n    externalId: item.externalId,\n    image: {url: item.image.url},\n    description: item.description,\n    postedAt: item.displayDate,\n    relatedProductsIds: item.relatedProducts.map(\n      relatedProduct => relatedProduct.productId\n    ),\n  }))\n}\n";

package/build/commands/codemod/releases/v0-0-93/shoppable-posts/App-before.js

@@ -0,0 +1,43 @@
+export const shoppablePostsAppTsxBefore = `import {
+  ImageCollectionV2EntryPointItem,
+  ShoppablePosts,
+  useMinisParams,
+  imageCollectionV2EntrypointFixture,
+  MINIS_SANDBOX_SHOP_GID,
+} from '@shopify/shop-minis-platform-sdk'
+import {useMemo} from 'react'
+
+export function App() {
+  const {entryPointParams, entryPoint: _entryPoint} = useMinisParams()
+
+  // Fixtures provided in the SDK will get you started without entrypoints.
+  // Remove them once you have you have your test store setup with your own entrypoints.
+  const entryPoint = _entryPoint || imageCollectionV2EntrypointFixture
+  const shopGID = entryPointParams?.shopGID || MINIS_SANDBOX_SHOP_GID
+
+  const shoppablePosts = useMemo(() => {
+    const collectionItems =
+      entryPoint?.type === 'IMAGE_COLLECTION_V2'
+        ? entryPoint.collectionItems
+        : []
+    return mapEntryPointCollectionItemsToShoppablePosts(collectionItems)
+  }, [entryPoint])
+
+  return <ShoppablePosts items={shoppablePosts} shopId={shopGID} />
+}
+
+function mapEntryPointCollectionItemsToShoppablePosts(
+  collectionItems: ImageCollectionV2EntryPointItem[]
+) {
+  return collectionItems.map(item => ({
+    externalId: item.externalId,
+    image: {url: item.image.url},
+    description: item.description,
+    postedAt: item.displayDate,
+    relatedProductsIds: item.relatedProducts.map(
+      relatedProduct => relatedProduct.productId
+    ),
+  }))
+}
+`;
+//# sourceMappingURL=App-before.js.map

package/build/commands/codemod/releases/v0-0-93/shoppable-posts/App-before.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"App-before.js","sourceRoot":"","sources":["../../../../../../src/commands/codemod/releases/v0-0-93/shoppable-posts/App-before.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,0BAA0B,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyCzC,CAAA"}

package/build/commands/codemod/releases/v0-0-93/shoppable-videos/App-after.d.ts

@@ -0,0 +1 @@
+export declare const shoppableVideosAppTsxAfter = "import {useMemo} from 'react'\nimport {StatusBar} from 'react-native'\nimport {\n  ShoppableVideos,\n  VideoCollectionV2EntryPointItem,\n  useMinisParams,\n  videoCollectionV2EntrypointFixture,\n  MINIS_SANDBOX_SHOP_GID,\n  Box,\n} from '@shopify/shop-minis-platform-sdk'\n\nexport function App() {\n  const {entryPointParams, entryPoint: _entryPoint} = useMinisParams()\n\n  // Fixtures provided in the SDK will get you started without entrypoints.\n  // Remove them once you have you have your test store setup with your own entrypoints.\n  const entryPoint = _entryPoint || videoCollectionV2EntrypointFixture\n  const shopGID = entryPointParams?.shopGID || MINIS_SANDBOX_SHOP_GID\n\n  const shoppableVideos = useMemo(() => {\n    const collectionItems =\n      entryPoint?.type === 'VIDEO_COLLECTION_V2'\n        ? entryPoint.collectionItems\n        : []\n    return mapEntryPointCollectionItemsToShoppableVideos(collectionItems)\n  }, [entryPoint])\n\n  return (\n    <Box backgroundColor=\"foregrounds-contrasting-inverted\" flex={1}>\n      <StatusBar barStyle=\"light-content\" />\n      <ShoppableVideos items={shoppableVideos} shopId={shopGID} />\n    </Box>\n  )\n}\n\nfunction mapEntryPointCollectionItemsToShoppableVideos(\n  collectionItems: VideoCollectionV2EntryPointItem[]\n) {\n  return collectionItems.map(item => ({\n    externalId: item.externalId,\n    videoUrl: item.video.embeddedUrl,\n    fallbackImageUrl: item.fallbackImage.url,\n    relatedProductsIds: item.relatedProducts.map(\n      relatedProduct => relatedProduct.productId\n    ),\n  }))\n}\n";

package/build/commands/codemod/releases/v0-0-93/shoppable-videos/App-after.js

@@ -0,0 +1,49 @@
+export const shoppableVideosAppTsxAfter = `import {useMemo} from 'react'
+import {StatusBar} from 'react-native'
+import {
+  ShoppableVideos,
+  VideoCollectionV2EntryPointItem,
+  useMinisParams,
+  videoCollectionV2EntrypointFixture,
+  MINIS_SANDBOX_SHOP_GID,
+  Box,
+} from '@shopify/shop-minis-platform-sdk'
+
+export function App() {
+  const {entryPointParams, entryPoint: _entryPoint} = useMinisParams()
+
+  // Fixtures provided in the SDK will get you started without entrypoints.
+  // Remove them once you have you have your test store setup with your own entrypoints.
+  const entryPoint = _entryPoint || videoCollectionV2EntrypointFixture
+  const shopGID = entryPointParams?.shopGID || MINIS_SANDBOX_SHOP_GID
+
+  const shoppableVideos = useMemo(() => {
+    const collectionItems =
+      entryPoint?.type === 'VIDEO_COLLECTION_V2'
+        ? entryPoint.collectionItems
+        : []
+    return mapEntryPointCollectionItemsToShoppableVideos(collectionItems)
+  }, [entryPoint])
+
+  return (
+    <Box backgroundColor="foregrounds-contrasting-inverted" flex={1}>
+      <StatusBar barStyle="light-content" />
+      <ShoppableVideos items={shoppableVideos} shopId={shopGID} />
+    </Box>
+  )
+}
+
+function mapEntryPointCollectionItemsToShoppableVideos(
+  collectionItems: VideoCollectionV2EntryPointItem[]
+) {
+  return collectionItems.map(item => ({
+    externalId: item.externalId,
+    videoUrl: item.video.embeddedUrl,
+    fallbackImageUrl: item.fallbackImage.url,
+    relatedProductsIds: item.relatedProducts.map(
+      relatedProduct => relatedProduct.productId
+    ),
+  }))
+}
+`;
+//# sourceMappingURL=App-after.js.map

package/build/commands/codemod/releases/v0-0-93/shoppable-videos/App-after.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"App-after.js","sourceRoot":"","sources":["../../../../../../src/commands/codemod/releases/v0-0-93/shoppable-videos/App-after.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,0BAA0B,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+CzC,CAAA"}

package/build/commands/codemod/releases/v0-0-93/shoppable-videos/App-before.d.ts

@@ -0,0 +1 @@
+export declare const shoppableVideosAppTsxBefore = "import {\n  ShoppableVideos,\n  VideoCollectionV2EntryPointItem,\n  useMinisParams,\n  videoCollectionV2EntrypointFixture,\n  MINIS_SANDBOX_SHOP_GID,\n} from '@shopify/shop-minis-platform-sdk'\nimport {useMemo} from 'react'\n\nexport function App() {\n  const {entryPointParams, entryPoint: _entryPoint} = useMinisParams()\n\n  // Fixtures provided in the SDK will get you started without entrypoints.\n  // Remove them once you have you have your test store setup with your own entrypoints.\n  const entryPoint = _entryPoint || videoCollectionV2EntrypointFixture\n  const shopGID = entryPointParams?.shopGID || MINIS_SANDBOX_SHOP_GID\n\n  const shoppableVideos = useMemo(() => {\n    const collectionItems =\n      entryPoint?.type === 'VIDEO_COLLECTION_V2'\n        ? entryPoint.collectionItems\n        : []\n    return mapEntryPointCollectionItemsToShoppableVideos(collectionItems)\n  }, [entryPoint])\n\n  return <ShoppableVideos items={shoppableVideos} shopId={shopGID} />\n}\n\nfunction mapEntryPointCollectionItemsToShoppableVideos(\n  collectionItems: VideoCollectionV2EntryPointItem[]\n) {\n  return collectionItems.map(item => ({\n    externalId: item.externalId,\n    videoUrl: item.video.embeddedUrl,\n    fallbackImageUrl: item.fallbackImage.url,\n    relatedProductsIds: item.relatedProducts.map(\n      relatedProduct => relatedProduct.productId\n    ),\n  }))\n}\n";

package/build/commands/codemod/releases/v0-0-93/shoppable-videos/App-before.js

@@ -0,0 +1,42 @@
+export const shoppableVideosAppTsxBefore = `import {
+  ShoppableVideos,
+  VideoCollectionV2EntryPointItem,
+  useMinisParams,
+  videoCollectionV2EntrypointFixture,
+  MINIS_SANDBOX_SHOP_GID,
+} from '@shopify/shop-minis-platform-sdk'
+import {useMemo} from 'react'
+
+export function App() {
+  const {entryPointParams, entryPoint: _entryPoint} = useMinisParams()
+
+  // Fixtures provided in the SDK will get you started without entrypoints.
+  // Remove them once you have you have your test store setup with your own entrypoints.
+  const entryPoint = _entryPoint || videoCollectionV2EntrypointFixture
+  const shopGID = entryPointParams?.shopGID || MINIS_SANDBOX_SHOP_GID
+
+  const shoppableVideos = useMemo(() => {
+    const collectionItems =
+      entryPoint?.type === 'VIDEO_COLLECTION_V2'
+        ? entryPoint.collectionItems
+        : []
+    return mapEntryPointCollectionItemsToShoppableVideos(collectionItems)
+  }, [entryPoint])
+
+  return <ShoppableVideos items={shoppableVideos} shopId={shopGID} />
+}
+
+function mapEntryPointCollectionItemsToShoppableVideos(
+  collectionItems: VideoCollectionV2EntryPointItem[]
+) {
+  return collectionItems.map(item => ({
+    externalId: item.externalId,
+    videoUrl: item.video.embeddedUrl,
+    fallbackImageUrl: item.fallbackImage.url,
+    relatedProductsIds: item.relatedProducts.map(
+      relatedProduct => relatedProduct.productId
+    ),
+  }))
+}
+`;
+//# sourceMappingURL=App-before.js.map

package/build/commands/codemod/releases/v0-0-93/shoppable-videos/App-before.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"App-before.js","sourceRoot":"","sources":["../../../../../../src/commands/codemod/releases/v0-0-93/shoppable-videos/App-before.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,2BAA2B,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwC1C,CAAA"}

package/build/commands/codemod/releases/v0-0-93.d.ts

@@ -0,0 +1,3 @@
+import { ReleaseUpgradeFileExports } from './types.js';
+declare const exports: ReleaseUpgradeFileExports;
+export default exports;

package/build/commands/codemod/releases/v0-0-93.js

@@ -0,0 +1,48 @@
+import { readFile, writeFile } from 'node:fs/promises';
+import path from 'node:path';
+import { SemVer } from 'semver';
+import { blankAppTsxBefore, blankAppTsxAfter, shoppablePostsAppTsxBefore, shoppablePostsAppTsxAfter, shoppableVideosAppTsxBefore, shoppableVideosAppTsxAfter, } from './v0-0-93/index.js';
+/**
+ * Update the templates to use SafeAreaView correctly
+ *
+ * Diff: https://github.com/Shopify/shop-minis-cli/compare/v0.0.92...v0.0.93
+ */
+async function applyUpgrade() {
+    const existingAppTsxPath = path.join(process.cwd(), 'src', 'App.tsx');
+    let existingAppTsxContent = null;
+    let newAppTsxContent = null;
+    try {
+        existingAppTsxContent = await readFile(existingAppTsxPath, {
+            encoding: 'utf-8',
+        });
+    }
+    catch (error) {
+        // If the App.tsx file doesn't exist or is unreadable for some reason, we don't need to do anything
+        return;
+    }
+    // Only apply the upgrade if the App.tsx file is still one of the old templates
+    if (existingAppTsxContent === blankAppTsxBefore) {
+        newAppTsxContent = blankAppTsxAfter;
+    }
+    else if (existingAppTsxContent === shoppablePostsAppTsxBefore) {
+        newAppTsxContent = shoppablePostsAppTsxAfter;
+    }
+    else if (existingAppTsxContent === shoppableVideosAppTsxBefore) {
+        newAppTsxContent = shoppableVideosAppTsxAfter;
+    }
+    if (newAppTsxContent) {
+        await writeFile(existingAppTsxPath, newAppTsxContent, {
+            encoding: 'utf-8',
+        });
+    }
+}
+const releaseNotes = [
+    'Ensure the templates use SafeAreaView correctly',
+];
+const exports = {
+    releaseNotes,
+    applyUpgrade,
+    version: new SemVer('0.0.93'),
+};
+export default exports;
+//# sourceMappingURL=v0-0-93.js.map

package/build/commands/codemod/releases/v0-0-93.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"v0-0-93.js","sourceRoot":"","sources":["../../../../src/commands/codemod/releases/v0-0-93.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAE,SAAS,EAAC,MAAM,kBAAkB,CAAA;AACpD,OAAO,IAAI,MAAM,WAAW,CAAA;AAE5B,OAAO,EAAC,MAAM,EAAC,MAAM,QAAQ,CAAA;AAG7B,OAAO,EACL,iBAAiB,EACjB,gBAAgB,EAChB,0BAA0B,EAC1B,yBAAyB,EACzB,2BAA2B,EAC3B,0BAA0B,GAC3B,MAAM,oBAAoB,CAAA;AAE3B;;;;GAIG;AACH,KAAK,UAAU,YAAY;IACzB,MAAM,kBAAkB,GAAG,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,SAAS,CAAC,CAAA;IACrE,IAAI,qBAAqB,GAAG,IAAI,CAAA;IAChC,IAAI,gBAAgB,GAAG,IAAI,CAAA;IAE3B,IAAI;QACF,qBAAqB,GAAG,MAAM,QAAQ,CAAC,kBAAkB,EAAE;YACzD,QAAQ,EAAE,OAAO;SAClB,CAAC,CAAA;KACH;IAAC,OAAO,KAAK,EAAE;QACd,mGAAmG;QACnG,OAAM;KACP;IAED,+EAA+E;IAC/E,IAAI,qBAAqB,KAAK,iBAAiB,EAAE;QAC/C,gBAAgB,GAAG,gBAAgB,CAAA;KACpC;SAAM,IAAI,qBAAqB,KAAK,0BAA0B,EAAE;QAC/D,gBAAgB,GAAG,yBAAyB,CAAA;KAC7C;SAAM,IAAI,qBAAqB,KAAK,2BAA2B,EAAE;QAChE,gBAAgB,GAAG,0BAA0B,CAAA;KAC9C;IAED,IAAI,gBAAgB,EAAE;QACpB,MAAM,SAAS,CAAC,kBAAkB,EAAE,gBAAgB,EAAE;YACpD,QAAQ,EAAE,OAAO;SAClB,CAAC,CAAA;KACH;AACH,CAAC;AAED,MAAM,YAAY,GAAa;IAC7B,iDAAiD;CAClD,CAAA;AAED,MAAM,OAAO,GAA8B;IACzC,YAAY;IACZ,YAAY;IACZ,OAAO,EAAE,IAAI,MAAM,CAAC,QAAQ,CAAC;CAC9B,CAAA;AAED,eAAe,OAAO,CAAA"}

package/package.json

@@ -4,7 +4,7 @@
     "access": "public",
     "@shopify:registry": "https://registry.npmjs.org/"
   },
-  "version": "0.0.92",
+  "version": "0.0.93",
   "description": "Shop Minis CLI",
   "main": "build/index.js",
   "bin": {

package/templates/__template_blank/src/App.tsx

@@ -1,11 +1,13 @@
+import {StatusBar} from 'react-native'
 import {Box, Text, SafeAreaView} from '@shopify/shop-minis-platform-sdk'
 
 export function App() {
   return (
-    <SafeAreaView style={{flex: 1}}>
-      <Box flex={1} padding="m" backgroundColor="backgrounds-regular">
+    <Box flex={1} backgroundColor="backgrounds-regular">
+      <StatusBar barStyle="dark-content" />
+      <SafeAreaView style={{flex: 1, justifyContent: 'center'}}>
         <Text textAlign="center">Fill in the blank</Text>
-      </Box>
-    </SafeAreaView>
+      </SafeAreaView>
+    </Box>
   )
 }

package/templates/__template_shoppable_posts/src/App.tsx

@@ -1,11 +1,14 @@
+import {useMemo} from 'react'
+import {StatusBar} from 'react-native'
 import {
   ImageCollectionV2EntryPointItem,
   ShoppablePosts,
   useMinisParams,
   imageCollectionV2EntrypointFixture,
   MINIS_SANDBOX_SHOP_GID,
+  SafeAreaView,
+  Box,
 } from '@shopify/shop-minis-platform-sdk'
-import {useMemo} from 'react'
 
 export function App() {
   const {entryPointParams, entryPoint: _entryPoint} = useMinisParams()
@@ -23,7 +26,14 @@ export function App() {
     return mapEntryPointCollectionItemsToShoppablePosts(collectionItems)
   }, [entryPoint])
 
-  return <ShoppablePosts items={shoppablePosts} shopId={shopGID} />
+  return (
+    <Box backgroundColor="backgrounds-regular" flex={1}>
+      <StatusBar barStyle="dark-content" />
+      <SafeAreaView style={{flex: 1}}>
+        <ShoppablePosts items={shoppablePosts} shopId={shopGID} />
+      </SafeAreaView>
+    </Box>
+  )
 }
 
 function mapEntryPointCollectionItemsToShoppablePosts(

package/templates/__template_shoppable_videos/src/App.tsx

@@ -1,11 +1,13 @@
+import {useMemo} from 'react'
+import {StatusBar} from 'react-native'
 import {
   ShoppableVideos,
   VideoCollectionV2EntryPointItem,
   useMinisParams,
   videoCollectionV2EntrypointFixture,
   MINIS_SANDBOX_SHOP_GID,
+  Box,
 } from '@shopify/shop-minis-platform-sdk'
-import {useMemo} from 'react'
 
 export function App() {
   const {entryPointParams, entryPoint: _entryPoint} = useMinisParams()
@@ -23,7 +25,12 @@ export function App() {
     return mapEntryPointCollectionItemsToShoppableVideos(collectionItems)
   }, [entryPoint])
 
-  return <ShoppableVideos items={shoppableVideos} shopId={shopGID} />
+  return (
+    <Box backgroundColor="foregrounds-contrasting-inverted" flex={1}>
+      <StatusBar barStyle="light-content" />
+      <ShoppableVideos items={shoppableVideos} shopId={shopGID} />
+    </Box>
+  )
 }
 
 function mapEntryPointCollectionItemsToShoppableVideos(