@shopify/shop-minis-cli 0.0.123 → 0.0.125

package/build/utils/loading-state-handlers.d.ts

@@ -0,0 +1,10 @@
+import ora from 'ora';
+export declare class LoadingStateHandlers {
+    _loading: ora.Ora | null;
+    loadingStart: (logMessage: string, options?: {
+        endPreviousLoadingWithStatus?: 'succeed' | 'fail' | 'warn' | 'info';
+        endPreviousLoadingWithMessage?: string;
+    }) => void;
+    loadingEnd: (endState?: 'succeed' | 'fail' | 'warn' | 'info', logMessage?: string) => void;
+    loadingUpdate: (text: string) => void;
+}

package/build/utils/loading-state-handlers.js

@@ -0,0 +1,23 @@
+import ora from 'ora';
+export class LoadingStateHandlers {
+    _loading = null;
+    loadingStart = (logMessage, options = {}) => {
+        if (this._loading) {
+            this.loadingEnd(options.endPreviousLoadingWithStatus, options.endPreviousLoadingWithMessage);
+        }
+        this._loading = ora({ text: logMessage }).start();
+    };
+    loadingEnd = (endState = 'succeed', logMessage) => {
+        if (!this._loading) {
+            return;
+        }
+        this._loading[endState](logMessage);
+        this._loading = null;
+    };
+    loadingUpdate = (text) => {
+        if (this._loading) {
+            this._loading.text = text;
+        }
+    };
+}
+//# sourceMappingURL=loading-state-handlers.js.map

package/build/utils/loading-state-handlers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"loading-state-handlers.js","sourceRoot":"","sources":["../../src/utils/loading-state-handlers.ts"],"names":[],"mappings":"AAAA,OAAO,GAAG,MAAM,KAAK,CAAA;AAErB,MAAM,OAAO,oBAAoB;IAC/B,QAAQ,GAAmB,IAAI,CAAA;IAE/B,YAAY,GAAG,CACb,UAAkB,EAClB,UAGI,EAAE,EACN,EAAE;QACF,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,IAAI,CAAC,UAAU,CACb,OAAO,CAAC,4BAA4B,EACpC,OAAO,CAAC,6BAA6B,CACtC,CAAA;SACF;QAED,IAAI,CAAC,QAAQ,GAAG,GAAG,CAAC,EAAC,IAAI,EAAE,UAAU,EAAC,CAAC,CAAC,KAAK,EAAE,CAAA;IACjD,CAAC,CAAA;IAED,UAAU,GAAG,CACX,WAAiD,SAAS,EAC1D,UAAmB,EACnB,EAAE;QACF,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YAClB,OAAM;SACP;QAED,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,UAAU,CAAC,CAAA;QACnC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAA;IACtB,CAAC,CAAA;IAED,aAAa,GAAG,CAAC,IAAY,EAAE,EAAE;QAC/B,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,IAAI,CAAC,QAAQ,CAAC,IAAI,GAAG,IAAI,CAAA;SAC1B;IACH,CAAC,CAAA;CACF"}

package/package.json

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

package/templates/__template_common/index.tsx

@@ -2,6 +2,4 @@ import {renderDevelopmentMini} from '@shopify/shop-minis-runtime/src/utils/rende
 
 import MiniApp from './src'
 
-renderDevelopmentMini(MiniApp, {
-  enableApiSandbox: true,
-})
+renderDevelopmentMini(MiniApp)

package/templates/__template_shoppable_posts/src/App.tsx

@@ -3,7 +3,6 @@ import {StatusBar} from 'react-native'
 import {
   ShoppablePosts,
   useMinisParams,
-  MINIS_SANDBOX_SHOP_GID,
   SafeAreaView,
   Box,
   shoppablePostsFixture,
@@ -13,12 +12,14 @@ import {
  * 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
+  shop?: {
+    id: string
+  }
 }
 
 export function App() {
   const {extensionData} = useMinisParams<MyExtensionDataType>()
-  const shopId = extensionData?.shopId || MINIS_SANDBOX_SHOP_GID
+  const shopId = extensionData?.shop?.id
 
   const shoppablePosts = useMemo(() => {
     // Format your data in to the shape expected by `<ShoppablePosts />`
@@ -26,6 +27,10 @@ export function App() {
     return shoppablePostsFixture
   }, [])
 
+  if (!shopId) {
+    throw new Error('Shop not found')
+  }
+
   return (
     <Box backgroundColor="foregrounds-contrasting-inverted" flex={1}>
       <StatusBar barStyle="light-content" />

package/templates/__template_shoppable_videos/src/App.tsx

@@ -3,7 +3,6 @@ import {StatusBar} from 'react-native'
 import {
   ShoppableVideos,
   useMinisParams,
-  MINIS_SANDBOX_SHOP_GID,
   Box,
   shoppableVideosFixture,
 } from '@shopify/shop-minis-platform-sdk'
@@ -12,12 +11,14 @@ import {
  * 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
+  shop?: {
+    id: string
+  }
 }
 
 export function App() {
   const {extensionData} = useMinisParams<MyExtensionDataType>()
-  const shopId = extensionData?.shopId || MINIS_SANDBOX_SHOP_GID
+  const shopId = extensionData?.shop?.id
 
   const shoppableVideos = useMemo(() => {
     // Format your data in to the shape expected by `<ShoppableVideos />`
@@ -25,6 +26,10 @@ export function App() {
     return shoppableVideosFixture
   }, [])
 
+  if (!shopId) {
+    throw new Error('Shop not found')
+  }
+
   return (
     <Box backgroundColor="foregrounds-contrasting-inverted" flex={1}>
       <StatusBar barStyle="light-content" />

package/templates/extensions/queries/__template_product-page/input.graphql

@@ -3,4 +3,7 @@ query __QUERY_NAME__ {
     id
     title
   }
+  shop {
+    id
+  }
 }

package/templates/extensions/queries/__template_product-page/input.graphql.d.ts

@@ -6,9 +6,14 @@ export namespace __QUERY_NAME__QueryPartialData {
     id?: string | null;
     title?: string | null;
   }
+  export interface Shop {
+    __typename?: "Shop" | null;
+    id?: string | null;
+  }
 }
 export interface __QUERY_NAME__QueryPartialData {
   product?: __QUERY_NAME__QueryPartialData.Product | null;
+  shop?: __QUERY_NAME__QueryPartialData.Shop | null;
 }
 export namespace __QUERY_NAME__QueryData {
   export interface Product {
@@ -16,9 +21,14 @@ export namespace __QUERY_NAME__QueryData {
     id: string;
     title: string;
   }
+  export interface Shop {
+    __typename: "Shop";
+    id: string;
+  }
 }
 export interface __QUERY_NAME__QueryData {
   product?: __QUERY_NAME__QueryData.Product | null;
+  shop?: __QUERY_NAME__QueryData.Shop | null;
 }
 declare const document: DocumentNode<__QUERY_NAME__QueryData, never, __QUERY_NAME__QueryPartialData> & TypedDocumentNode<__QUERY_NAME__QueryData, {
   [key: string]: never;