@shopify/shop-minis-cli 0.0.120 → 0.0.122

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

@@ -30,6 +30,7 @@ import v0x0x105Upgrade from './v0-0-105.js';
 import v0x0x106Upgrade from './v0-0-106.js';
 import v0x0x114Upgrade from './v0-0-114.js';
 import v0x0x115Upgrade from './v0-0-115.js';
+import v0x0x121Upgrade from './v0-0-121.js';
 const upgrades = [
     v0x0x42Upgrade,
     v0x0x43Upgrade,
@@ -60,6 +61,7 @@ const upgrades = [
     v0x0x106Upgrade,
     v0x0x114Upgrade,
     v0x0x115Upgrade,
+    v0x0x121Upgrade,
 ];
 // 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-121.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-121.js

@@ -0,0 +1,74 @@
+import fs from 'node:fs';
+import path from 'node:path';
+import { SemVer } from 'semver';
+/**
+ * Diff: https://github.com/Shopify/shop-minis-cli/compare/v0.0.120...v0.0.121
+ */
+async function applyUpgrade() {
+    if (process.env.INTERNAL_CODEMODS) {
+        const existingAppTsxPath = path.join(process.cwd(), 'src', 'App.tsx');
+        let existingAppTsxContent = null;
+        try {
+            existingAppTsxContent = fs.readFileSync(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 the old blank template
+        if (existingAppTsxContent === oldBlankTemplateAppContent) {
+            fs.writeFileSync(existingAppTsxPath, newBlankTemplateAppContent, {
+                encoding: 'utf-8',
+            });
+        }
+    }
+}
+const oldBlankTemplateAppContent = `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>
+  )
+}
+`;
+const newBlankTemplateAppContent = `import {StatusBar} from 'react-native'
+import {
+  Box,
+  Text,
+  SafeAreaView,
+  useMinisParams,
+} from '@shopify/shop-minis-platform-sdk'
+
+export function App() {
+  const {extensionData} = useMinisParams()
+  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>
+        {extensionData ? (
+          <Text textAlign="center">
+            Data from the extension: {JSON.stringify(extensionData)}
+          </Text>
+        ) : null}
+      </SafeAreaView>
+    </Box>
+  )
+}
+`;
+const releaseNotes = ['Add extensionData usage to the blank template'];
+const exports = {
+    releaseNotes,
+    applyUpgrade,
+    version: new SemVer('0.0.121'),
+};
+export default exports;
+//# sourceMappingURL=v0-0-121.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"v0-0-121.js","sourceRoot":"","sources":["../../../../src/commands/codemod/releases/v0-0-121.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,SAAS,CAAA;AACxB,OAAO,IAAI,MAAM,WAAW,CAAA;AAE5B,OAAO,EAAC,MAAM,EAAC,MAAM,QAAQ,CAAA;AAI7B;;GAEG;AACH,KAAK,UAAU,YAAY;IACzB,IAAI,OAAO,CAAC,GAAG,CAAC,iBAAiB,EAAE;QACjC,MAAM,kBAAkB,GAAG,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,SAAS,CAAC,CAAA;QACrE,IAAI,qBAAqB,GAAG,IAAI,CAAA;QAEhC,IAAI;YACF,qBAAqB,GAAG,EAAE,CAAC,YAAY,CAAC,kBAAkB,EAAE;gBAC1D,QAAQ,EAAE,OAAO;aAClB,CAAC,CAAA;SACH;QAAC,OAAO,KAAK,EAAE;YACd,mGAAmG;YACnG,OAAM;SACP;QAED,6EAA6E;QAC7E,IAAI,qBAAqB,KAAK,0BAA0B,EAAE;YACxD,EAAE,CAAC,aAAa,CAAC,kBAAkB,EAAE,0BAA0B,EAAE;gBAC/D,QAAQ,EAAE,OAAO;aAClB,CAAC,CAAA;SACH;KACF;AACH,CAAC;AAED,MAAM,0BAA0B,GAAG;;;;;;;;;;;;;CAalC,CAAA;AAED,MAAM,0BAA0B,GAAG;;;;;;;;;;;;;;;;;;;;;;;;CAwBlC,CAAA;AAED,MAAM,YAAY,GAAa,CAAC,+CAA+C,CAAC,CAAA;AAEhF,MAAM,OAAO,GAA8B;IACzC,YAAY;IACZ,YAAY;IACZ,OAAO,EAAE,IAAI,MAAM,CAAC,SAAS,CAAC;CAC/B,CAAA;AAED,eAAe,OAAO,CAAA"}

package/package.json

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

package/shipit.snapshot.yml

@@ -0,0 +1,9 @@
+dependencies:
+  override:
+    - yarn install --no-progress --ignore-engines --frozen-lockfile
+
+deploy:
+  override:
+    - yarn build
+    - generate-local-npmrc "@shopify:registry=https://registry.npmjs.org/"
+    - npm publish --tag snapshot --new-version 0.0.0-snapshot.$(date +%Y%m%d%H%M%S) --no-git-tag-version --access public --verbose

package/templates/__template_blank/src/App.tsx

@@ -1,12 +1,23 @@
 import {StatusBar} from 'react-native'
-import {Box, Text, SafeAreaView} from '@shopify/shop-minis-platform-sdk'
+import {
+  Box,
+  Text,
+  SafeAreaView,
+  useMinisParams,
+} from '@shopify/shop-minis-platform-sdk'
 
 export function App() {
+  const {extensionData} = useMinisParams()
   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>
+        {extensionData ? (
+          <Text textAlign="center">
+            Data from the extension: {JSON.stringify(extensionData)}
+          </Text>
+        ) : null}
       </SafeAreaView>
     </Box>
   )

package/templates/__template_shoppable_posts/src/App.tsx

@@ -1,52 +1,37 @@
 import {useMemo} from 'react'
 import {StatusBar} from 'react-native'
 import {
-  ImageCollectionV2EntryPointItem,
   ShoppablePosts,
   useMinisParams,
-  imageCollectionV2EntrypointFixture,
   MINIS_SANDBOX_SHOP_GID,
   SafeAreaView,
   Box,
+  shoppablePostsFixture,
 } from '@shopify/shop-minis-platform-sdk'
 
-export function App() {
-  const {entryPointParams, entryPoint: _entryPoint} = useMinisParams()
+/**
+ * A stub type to get you started. Remove this in favor of the type of your extension input query data moving forward.
+ */
+interface MyExtensionDataType {
+  shopId: string
+}
 
-  // 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
+export function App() {
+  const {extensionData} = useMinisParams<MyExtensionDataType>()
+  const shopId = extensionData?.shopId || MINIS_SANDBOX_SHOP_GID
 
   const shoppablePosts = useMemo(() => {
-    const collectionItems =
-      entryPoint?.type === 'IMAGE_COLLECTION_V2'
-        ? entryPoint.collectionItems
-        : []
-    return mapEntryPointCollectionItemsToShoppablePosts(collectionItems)
-  }, [entryPoint])
+    // Format your data in to the shape expected by `<ShoppablePosts />`
+    // return getShoppablePostsFromExtensionData(extensionData)
+    return shoppablePostsFixture
+  }, [])
 
   return (
-    <Box backgroundColor="backgrounds-regular" flex={1}>
-      <StatusBar barStyle="dark-content" />
+    <Box backgroundColor="foregrounds-contrasting-inverted" flex={1}>
+      <StatusBar barStyle="light-content" />
       <SafeAreaView style={{flex: 1}}>
-        <ShoppablePosts initialItems={shoppablePosts} shopId={shopGID} />
+        <ShoppablePosts initialItems={shoppablePosts} shopId={shopId} />
       </SafeAreaView>
     </Box>
   )
 }
-
-function mapEntryPointCollectionItemsToShoppablePosts(
-  collectionItems: ImageCollectionV2EntryPointItem[]
-) {
-  return collectionItems.map(item => {
-    const {relatedProducts: _relatedProducts, ...rest} = item
-    return {
-      ...rest,
-      image: {url: item.image.url},
-      relatedProductsIds: item.relatedProducts.map(
-        relatedProduct => relatedProduct.productId
-      ),
-    }
-  })
-}

package/templates/__template_shoppable_videos/src/App.tsx

@@ -2,46 +2,33 @@ import {useMemo} from 'react'
 import {StatusBar} from 'react-native'
 import {
   ShoppableVideos,
-  VideoCollectionV2EntryPointItem,
   useMinisParams,
-  videoCollectionV2EntrypointFixture,
   MINIS_SANDBOX_SHOP_GID,
   Box,
+  shoppableVideosFixture,
 } from '@shopify/shop-minis-platform-sdk'
 
-export function App() {
-  const {entryPointParams, entryPoint: _entryPoint} = useMinisParams()
+/**
+ * A stub type to get you started. Remove this in favor of the type of your extension input query data moving forward.
+ */
+interface MyExtensionDataType {
+  shopId: string
+}
 
-  // 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
+export function App() {
+  const {extensionData} = useMinisParams<MyExtensionDataType>()
+  const shopId = extensionData?.shopId || MINIS_SANDBOX_SHOP_GID
 
   const shoppableVideos = useMemo(() => {
-    const collectionItems =
-      entryPoint?.type === 'VIDEO_COLLECTION_V2'
-        ? entryPoint.collectionItems
-        : []
-    return mapEntryPointCollectionItemsToShoppableVideos(collectionItems)
-  }, [entryPoint])
+    // Format your data in to the shape expected by `<ShoppableVideos />`
+    // return getShoppableVideosFromExtensionData(extensionData)
+    return shoppableVideosFixture
+  }, [])
 
   return (
     <Box backgroundColor="foregrounds-contrasting-inverted" flex={1}>
       <StatusBar barStyle="light-content" />
-      <ShoppableVideos items={shoppableVideos} shopId={shopGID} />
+      <ShoppableVideos items={shoppableVideos} shopId={shopId} />
     </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
-    ),
-  }))
-}