npm - @shopify/shop-minis-cli - Versions diffs - 0.0.146 → 0.0.148 - Mend

@shopify/shop-minis-cli 0.0.146 → 0.0.148

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (27) hide show

package/build/utils/common-tasks.js CHANGED Viewed

@@ -5,11 +5,13 @@ import { getSubmissions as graphqlGetSubmissions } from '../data/get-submissions
 import { getRunBinCommand } from './package-manager.js';
 export async function assertNetworkAndAuth() {
     const apiKey = SHOP_MINIS_ADMIN_API_KEY;
+    const setupCmd = await getRunBinCommand('shop-minis setup');
     if (!apiKey) {
         throw new AbortError('Shop Minis API key is not set.', undefined, [
             [
-                'To continue, set the environment variable in .env',
-                { bold: 'SHOP_MINIS_API_KEY=<your-shop-minis-api-key>' },
+                'Before continuing, run',
+                { bold: setupCmd },
+                'to set up your Shop Minis API key.',
             ],
         ]);
     }

package/build/utils/common-tasks.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"common-tasks.js","sourceRoot":"","sources":["../../src/utils/common-tasks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,iBAAiB,CAAA;AAC3C,OAAO,EAAC,UAAU,EAAC,MAAM,6BAA6B,CAAA;AAEtD,OAAO,EACL,0BAA0B,EAC1B,wBAAwB,GACzB,MAAM,uBAAuB,CAAA;AAC9B,OAAO,EAAC,cAAc,IAAI,qBAAqB,EAAC,MAAM,4BAA4B,CAAA;AAElF,OAAO,EAAC,gBAAgB,EAAC,MAAM,sBAAsB,CAAA;AAErD,MAAM,CAAC,KAAK,UAAU,oBAAoB;IACxC,MAAM,MAAM,GAAG,wBAAwB,CAAA;~~IAEvC~~,IAAI,CAAC,MAAM,EAAE;QACX,MAAM,IAAI,UAAU,CAAC,gCAAgC,EAAE,SAAS,EAAE;YAChE;gBACE,~~mDAAmD~~;~~gBACnD~~,EAAC,IAAI,EAAE,~~8CAA8C~~,EAAC;~~aACvD~~;SACF,CAAC,CAAA;KACH;IAED,IAAI;QACF,4EAA4E;QAC5E,MAAM,qBAAqB,EAAE,CAAA;KAC9B;IAAC,OAAO,KAAK,EAAE;QACd,IAAI,KAAK,YAAY,WAAW,IAAI,KAAK,CAAC,QAAQ,CAAC,MAAM,KAAK,GAAG,EAAE;YACjE,MAAM,IAAI,UAAU,CAClB,qCAAqC,EACrC,6CAA6C;gBAC3C,4DAA4D,EAC9D;gBACE;oBACE,QAAQ;oBACR,EAAC,IAAI,EAAE,MAAM,EAAC;oBACd,gFAAgF;iBACjF;gBACD;oBACE,QAAQ;oBACR,EAAC,IAAI,EAAE,YAAY,EAAC;oBACpB,uCAAuC;oBACvC;wBACE,IAAI,EAAE;4BACJ,GAAG,EAAE,0BAA0B;4BAC/B,KAAK,EAAE,oBAAoB;yBAC5B;qBACF;iBACF;aACF,CACF,CAAA;SACF;QAED,IACE,KAAK,YAAY,MAAM;YACvB,MAAM,IAAI,KAAK;YACf,KAAK,EAAE,IAAI,KAAK,WAAW,EAC3B;YACA,MAAM,SAAS,GAAG,MAAM,gBAAgB,CAAC,mBAAmB,CAAC,CAAA;YAC7D,MAAM,IAAI,UAAU,CAClB,eAAe,EACf,mDAAmD,EACnD;gBACE,eAAe,SAAS,SAAS;gBACjC,sCAAsC;aACvC,CACF,CAAA;SACF;QAED,MAAM,KAAK,CAAA;KACZ;AACH,CAAC"}
1	+ {"version":3,"file":"common-tasks.js","sourceRoot":"","sources":["../../src/utils/common-tasks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,iBAAiB,CAAA;AAC3C,OAAO,EAAC,UAAU,EAAC,MAAM,6BAA6B,CAAA;AAEtD,OAAO,EACL,0BAA0B,EAC1B,wBAAwB,GACzB,MAAM,uBAAuB,CAAA;AAC9B,OAAO,EAAC,cAAc,IAAI,qBAAqB,EAAC,MAAM,4BAA4B,CAAA;AAElF,OAAO,EAAC,gBAAgB,EAAC,MAAM,sBAAsB,CAAA;AAErD,MAAM,CAAC,KAAK,UAAU,oBAAoB;IACxC,MAAM,MAAM,GAAG,wBAAwB,CAAA;IACvC,MAAM,QAAQ,GAAG,MAAM,gBAAgB,CAAC,kBAAkB,CAAC,CAAA;IAE3D,IAAI,CAAC,MAAM,EAAE;QACX,MAAM,IAAI,UAAU,CAAC,gCAAgC,EAAE,SAAS,EAAE;YAChE;gBACE,wBAAwB;gBACxB,EAAC,IAAI,EAAE,QAAQ,EAAC;gBAChB,oCAAoC;aACrC;SACF,CAAC,CAAA;KACH;IAED,IAAI;QACF,4EAA4E;QAC5E,MAAM,qBAAqB,EAAE,CAAA;KAC9B;IAAC,OAAO,KAAK,EAAE;QACd,IAAI,KAAK,YAAY,WAAW,IAAI,KAAK,CAAC,QAAQ,CAAC,MAAM,KAAK,GAAG,EAAE;YACjE,MAAM,IAAI,UAAU,CAClB,qCAAqC,EACrC,6CAA6C;gBAC3C,4DAA4D,EAC9D;gBACE;oBACE,QAAQ;oBACR,EAAC,IAAI,EAAE,MAAM,EAAC;oBACd,gFAAgF;iBACjF;gBACD;oBACE,QAAQ;oBACR,EAAC,IAAI,EAAE,YAAY,EAAC;oBACpB,uCAAuC;oBACvC;wBACE,IAAI,EAAE;4BACJ,GAAG,EAAE,0BAA0B;4BAC/B,KAAK,EAAE,oBAAoB;yBAC5B;qBACF;iBACF;aACF,CACF,CAAA;SACF;QAED,IACE,KAAK,YAAY,MAAM;YACvB,MAAM,IAAI,KAAK;YACf,KAAK,EAAE,IAAI,KAAK,WAAW,EAC3B;YACA,MAAM,SAAS,GAAG,MAAM,gBAAgB,CAAC,mBAAmB,CAAC,CAAA;YAC7D,MAAM,IAAI,UAAU,CAClB,eAAe,EACf,mDAAmD,EACnD;gBACE,eAAe,SAAS,SAAS;gBACjC,sCAAsC;aACvC,CACF,CAAA;SACF;QAED,MAAM,KAAK,CAAA;KACZ;AACH,CAAC"}

package/package.json CHANGED Viewed

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

package/templates/__template_getting_started/src/App.tsx CHANGED Viewed

@@ -2,7 +2,6 @@ import {createNativeStackNavigator} from '@react-navigation/native-stack'
 import {HomeScreen} from './screens/HomeScreen'
 import {NativeFeaturesScreen} from './screens/NativeFeaturesScreen'
-import {ExtensionsScreen} from './screens/ExtensionsScreen'
 const Stack = createNativeStackNavigator()
@@ -19,11 +18,6 @@ export function App() {
         component={NativeFeaturesScreen}
         options={{headerShown: false}}
       />
-      <Stack.Screen
-        name="GettingStarted.Extensions"
-        component={ExtensionsScreen}
-        options={{headerShown: false}}
-      />
     </Stack.Navigator>
   )
 }

package/templates/__template_getting_started/src/screens/HomeScreen.tsx CHANGED Viewed

@@ -8,11 +8,12 @@ import {
   Text,
   TouchableProduct,
   ProductCard,
-  useProducts,
+  useProductSearch,
   useTheme,
   Button,
   TextField,
   RadioButton,
+  Divider,
 } from '@shopify/shop-minis-platform-sdk'
 import {RootStackParamList} from '../types/screens'
@@ -22,19 +23,22 @@ export function HomeScreen() {
   const navigation =
     useNavigation<NativeStackNavigationProp<RootStackParamList>>()
-  const {products} = useProducts(
-    [
-      'gid://shopify/Product/7632803594495',
-      'gid://shopify/Product/7541927510271',
-      'gid://shopify/Product/7541908734207',
-      'gid://shopify/Product/7541924987135',
-    ],
-    'gid://shopify/Shop/62104633599'
-  )
+  const {products} = useProductSearch({
+    query: 'skateboard',
+    first: 4,
+    filters: {
+      minimumRating: 4,
+      price: {
+        min: 150,
+        max: 250,
+      },
+    },
+  })
   const radioButtonOptions = ['Option A', 'Option B', 'Option C']
   const [selectedOption, setSelectedOption] = useState(radioButtonOptions[0])
+  const [textFieldValue, setTextFieldValue] = useState('')
   return (
     <SafeAreaView
@@ -44,6 +48,7 @@ export function HomeScreen() {
         <Box
           flex={1}
           paddingHorizontal="gutter"
+          marginBottom="s"
           backgroundColor="backgrounds-regular"
         >
           <Text variant="heroBold" marginBottom="s" marginTop="xs">
@@ -52,18 +57,17 @@ export function HomeScreen() {
           <Text variant="subtitle" marginBottom="s">
             You just created a Shop Mini! Nice.
           </Text>
-          <Text variant="subtitle" marginBottom="s">
-            Let&apos;s explore what a Mini can do.
-          </Text>
+          <Text variant="subtitle">Let&apos;s explore what a Mini can do.</Text>
+          <Divider marginVertical="s" />
           {products ? (
             <>
               <Text marginBottom="s">
                 First up: Product Cards (Since we&apos;re all about shopping,
                 right?)
               </Text>
-              <Box flexDirection="row" paddingHorizontal="gutter">
+              <Box flexDirection="row">
                 {products.slice(0, 2).map(product => (
-                  <Box key={product.id} flex={1} padding="xs">
+                  <Box key={product.id} flex={1}>
                     <TouchableProduct product={product}>
                       <ProductCard
                         shopId="gid://shopify/Shop/62104633599"
@@ -73,7 +77,7 @@ export function HomeScreen() {
                   </Box>
                 ))}
               </Box>
-              <Box flexDirection="row" paddingHorizontal="gutter">
+              <Box flexDirection="row">
                 {products.slice(2, 4).map(product => (
                   <Box key={product.id} flex={1} padding="xs">
                     <TouchableProduct product={product}>
@@ -87,12 +91,23 @@ export function HomeScreen() {
               </Box>
             </>
           ) : null}
+          <Divider marginVertical="s" />
           <Text marginBottom="s">
             You can add interactions to your Mini with inputs.
           </Text>
-          <Box marginBottom="s">
-            <TextField placeholder="Text input" />
+          <Box>
+            <TextField
+              placeholder="I love Minis because..."
+              value={textFieldValue}
+              onChangeText={setTextFieldValue}
+            />
+            {textFieldValue ? (
+              <Text marginTop="xs">I love Minis because {textFieldValue}</Text>
+            ) : null}
           </Box>
+          <Divider marginVertical="s" />
           <Text>Radio buttons</Text>
           {radioButtonOptions.map(option => (
             <Box key={option} marginVertical="xs">
@@ -104,12 +119,15 @@ export function HomeScreen() {
               />
             </Box>
           ))}
+          <Divider marginVertical="s" />
           <Text marginBottom="s">
             Ready for more? Let&apos;s explore native capabilities in the
             screen.
           </Text>
           <Button
             text="Next"
+            size="l"
             onPress={() => {
               navigation.navigate('GettingStarted.NativeFeatures')
             }}

package/templates/__template_getting_started/src/screens/NativeFeaturesScreen.tsx CHANGED Viewed

@@ -1,3 +1,4 @@
+import {useState} from 'react'
 import {ScrollView, TouchableOpacity} from 'react-native'
 import {useNavigation} from '@react-navigation/native'
 import {NativeStackNavigationProp} from '@react-navigation/native-stack'
@@ -11,6 +12,8 @@ import {
   Button,
   Icon,
   useMinisDimensions,
+  Image,
+  Divider,
 } from '@shopify/shop-minis-platform-sdk'
 import {RootStackParamList} from '../types/screens'
@@ -21,6 +24,8 @@ export function NativeFeaturesScreen() {
     useNavigation<NativeStackNavigationProp<RootStackParamList>>()
   const {height, width} = useMinisDimensions()
+  const [imageUrl, setImageUrl] = useState<string>()
   return (
     <SafeAreaView
       style={{flex: 1, backgroundColor: theme.colors['backgrounds-regular']}}
@@ -48,54 +53,83 @@ export function NativeFeaturesScreen() {
             Let&apos;s explore the native capabilities your Shop Mini can
             access.
           </Text>
-          <Box marginBottom="s">
+          <Box>
             <Button
               text="Camera access"
               onPress={async () => {
-                await ImagePicker.openCamera({}).then(image => {
-                  console.log(image)
-                })
+                await ImagePicker.openCamera({})
+                  .then(image => {
+                    setImageUrl(image.path)
+                  })
+                  .catch(error => {
+                    console.log(error)
+                  })
               }}
             />
             <Text variant="bodySmall" marginTop="xs">
               Run this Mini on a real device to access the camera.
             </Text>
           </Box>
-          <Box marginBottom="s">
+          <Box marginVertical="s">
             <Button
               text="Gallery access"
+              variant="secondary"
               onPress={async () => {
-                await ImagePicker.openPicker({}).then(image => {
-                  console.log(image)
-                })
+                await ImagePicker.openPicker({})
+                  .then(image => {
+                    setImageUrl(image.path)
+                  })
+                  .catch(error => {
+                    console.log(error)
+                  })
               }}
             />
           </Box>
-          <Box marginBottom="s">
+          {imageUrl ? (
+            <Box marginBottom="s">
+              <Box
+                style={{
+                  width: 100,
+                  height: 100,
+                  borderRadius: 10,
+                  overflow: 'hidden',
+                }}
+              >
+                <Image
+                  source={{uri: imageUrl}}
+                  style={{width: 100, height: 100}}
+                />
+              </Box>
+            </Box>
+          ) : null}
+          <Box>
             <Button
               text="Share sheet"
+              variant="tertiary"
               onPress={async () => {
                 await Share.open({
                   url: 'https://shop.app/minis',
                   title: 'title',
+                }).catch(error => {
+                  console.log(error)
                 })
               }}
             />
           </Box>
-          <Box marginBottom="s">
+          <Divider marginVertical="s" />
+          <Box>
+            <Text variant="subtitle" marginBottom="s">
+              Use some of our built-in APIs
+            </Text>
             <Text>Screen height: {height}</Text>
             <Text>Screen width: {width}</Text>
           </Box>
+          <Divider marginVertical="s" />
           <Text marginBottom="s">
-            But how do people find your Mini? Let&apos;s talk about that in the
-            next screen.
+            We look forward to seeing what you build! Check out the
+            documentation at
           </Text>
-          <Button
-            text="Next"
-            onPress={() => {
-              navigation.navigate('GettingStarted.Extensions')
-            }}
-          />
+          <Text>https://shop.app/minis</Text>
         </Box>
       </ScrollView>
     </SafeAreaView>

package/build/dev-panel/static/css/main.7f1ee407.css DELETED Viewed

	@@ -1,2 +0,0 @@
1	- :root{--light-backgrounds-regular:#fff;--light-backgrounds-secondary:#f4f4ed;--light-backgrounds-inverse:#0f1721;--light-foregrounds-regular:#0f1721;--light-foregrounds-regular-inverse:#fff;--light-foregrounds-primary:#5433eb;--dark-background-regular:#0f1721;--dark-background-secondary:#3f454d;--dark-backgrounds-inverse:#fff;--dark-foregrounds-regular:#fff;--dark-foregrounds-regular-inverse:#0f1721;--dark-foregrounds-primary:#9c83f8}@font-face{font-display:swap;font-family:GoodSans;font-style:normal;font-weight:700;src:local("GoodSans"),url(https://cdn.shopify.com/static/fonts/GoodSans-Bold.woff2) format("woff2")}@font-face{font-display:swap;font-family:GoodSans;font-style:normal;font-weight:500;src:local("GoodSans"),url(https://cdn.shopify.com/static/fonts/GoodSans-Medium.woff2) format("woff2")}@font-face{font-display:swap;font-family:GoodSans;font-style:normal;font-weight:400;src:local("GoodSans"),url(https://cdn.shopify.com/static/fonts/GoodSansText-Regular.woff) format("woff2")}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0}html{font-family:GoodSans;font-size:1em}body{background:#f4f4ed;background:var(--light-backgrounds-secondary);padding-bottom:100px}a,body{color:#0f1721;color:var(--light-foregrounds-regular)}a{text-decoration:none}body::-webkit-scrollbar{width:10px}body::-webkit-scrollbar-track{background:rgba(0,0,0,.1)}body::-webkit-scrollbar-track:hover{background:rgba(0,0,0,.3)}body::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:rgba(0,0,0,.3);border:2px solid transparent;border-radius:6px;margin:2px}body::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,.8)}h1{font-size:1em;font-weight:500}.page{display:flex;flex-direction:column;margin:auto;max-width:min(70em,100%);padding-left:1em;padding-right:1em}.logo{align-self:center;margin-bottom:1em;margin-top:2em}.link-label{margin-bottom:.4em}.link{color:var(--light-foregrounds-regular);display:block;font-size:13px;font-style:normal;line-height:118%;margin-top:0;overflow:hidden;padding:1rem 0 1rem 1rem;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.link a,.link a:active,.link a:visited{color:var(--light-foregrounds-primary)}.qr-and-params-container{word-wrap:break-word;align-items:stretch;display:flex;flex-direction:column;gap:2em;margin-bottom:2em;margin-top:1em}.qrcode-container{position:relative}.params-container,.qrcode-container{flex:1 1;width:100%}.param-row{display:flex;flex-direction:row}.param-appendix{font-size:13px}b.param-appendix{font-family:Courier New,Courier,monospace}.cursor-pointer{cursor:pointer}.button{background-color:var(--light-backgrounds-inverse);border:none;border-radius:100px;color:var(--light-foregrounds-regular-inverse);font-size:1rem;margin-top:20px;min-width:200px;padding:16px;text-decoration:none}.button:hover{cursor:pointer}.Main{display:flex;flex:3 1;flex-direction:column;gap:2rem}.rail{gap:1rem}.button-link,.rail{display:flex;flex-direction:row}.button-link{align-items:flex-start;background:var(--light-backgrounds-inverse);border-radius:40px;box-sizing:border-box;color:var(--light-foregrounds-regular-inverse);font-family:GoodSans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:.8125rem;gap:10px;padding:8px 16px;text-decoration:none}.card{background:var(--light-backgrounds-regular);border-radius:1rem;display:flex;flex-direction:column;overflow:hidden}.card h3{margin:0}.p-2{padding:2rem}.icon-container{align-items:center;background-color:#eeeaff;border-radius:.5rem;display:flex;height:4rem;justify-content:center;margin-bottom:1rem;width:4rem}.deeplink-content{align-items:center;background:var(--light-backgrounds-regular);border:1px solid #cbcbca;border-radius:60px;display:flex;flex-direction:row;justify-content:space-between;margin-top:1rem;position:relative}.copy-deeplink{background:var(--light-backgrounds-inverse);border-radius:0 31px 31px 0;float:left;padding:1rem 1.5rem}.copy-deeplink:hover{cursor:pointer}.w-50{width:50%}@media only screen and (min-width:800px){.qr-and-params-container{align-items:center;flex-direction:row}.params-container{max-width:50%}.open-mini{display:none}}@media (prefers-color-scheme:dark){body{background:var(--dark-background-regular);color:var(--dark-foregrounds-regular)}body::-webkit-scrollbar{width:10px}body::-webkit-scrollbar-track{background:hsla(0,0%,100%,.1)}body::-webkit-scrollbar-track:hover{background:hsla(0,0%,100%,.3)}body::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:hsla(0,0%,100%,.3);border:2px solid transparent;border-radius:6px;margin:2px}body::-webkit-scrollbar-thumb:hover{background-color:hsla(0,0%,100%,.8)}a{text-decoration:none}.link,a{color:var(--dark-foregrounds-regular)}.link a,.link a:active,.link a:visited{color:var(--dark-foregrounds-primary)}.button,.button-link{background-color:var(--dark-backgrounds-inverse)!important;color:var(--dark-foregrounds-regular-inverse)!important}.card,.deeplink-content{background-color:var(--dark-background-secondary)}.deeplink-content{border-color:var(--dark-background-secondary);color:var(--dark-foregrounds-regular)}}.icon{color:var(--light-foregrounds-regular-inverse);display:flex;gap:.5rem}.icon-checkmark,.icon-copy span{font-size:13px}input[type=text]{border:1px solid #cbcbca;border-radius:6px;box-sizing:border-box;font-family:GoodSans;font-size:.875em;margin:4px 0 12px;outline:none;padding:12px 16px;width:100%}label{font-size:12px}@media (prefers-color-scheme:dark){input[type=text]{background-color:var(--dark-background-secondary);border:none;color:var(--dark-foregrounds-regular)}}@media only screen and (min-width:800px){input[type=text]{width:60%}}.qr-code-container{margin:auto}.qr-code{background-color:#fff;border-radius:1em;display:none;height:auto;margin:0 auto;max-width:1000px;padding:15px;width:100%}.qr-code.dark{background-color:#3f454d}@media only screen and (min-width:800px){.open-mini{display:none}.qr-code{display:flex}.container{flex:1 1}}
2	- /# sourceMappingURL=main.7f1ee407.css.map/

package/build/dev-panel/static/css/main.7f1ee407.css.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"static/css/main.7f1ee407.css","mappings":"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","sources":["index.css","App.css","components/CopyUrl.css","components/DeeplinkParameterInputs.css","components/QRCode.css"],"sourcesContent":[":root {\n /* Light colors */\n --light-backgrounds-regular: #fff;\n --light-backgrounds-secondary: #f4f4ed;\n --light-backgrounds-inverse: #0F1721;\n --light-foregrounds-regular: #0F1721;\n --light-foregrounds-regular-inverse: #fff;\n --light-foregrounds-primary: #5433EB;\n /* Dark colors */\n --dark-background-regular: #0F1721;\n --dark-background-secondary: #3F454D;\n --dark-backgrounds-inverse: #fff;\n --dark-foregrounds-regular: #fff;\n --dark-foregrounds-regular-inverse: #0F1721;\n --dark-foregrounds-primary: #9C83F8;\n}\n@font-face {\n font-family: 'GoodSans';\n src: local('GoodSans'),\n url('https://cdn.shopify.com/static/fonts/GoodSans-Bold.woff2') format('woff2');\n font-style: normal;\n font-weight: 700;\n font-display: swap;\n}\n\n@font-face {\n font-family: 'GoodSans';\n src: local('GoodSans'),\n url('https://cdn.shopify.com/static/fonts/GoodSans-Medium.woff2') format('woff2');\n font-style: normal;\n font-weight: 500;\n font-display: swap;\n}\n\n@font-face {\n font-family: 'GoodSans';\n src: local('GoodSans'),\n url('https://cdn.shopify.com/static/fonts/GoodSansText-Regular.woff') format('woff2');\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n}\n\n*,\n*::before,\n*::after {\n box-sizing: border-box;\n}\n\nhtml,\nbody {\n margin: 0;\n padding: 0;\n}\n\nhtml {\n font-family: 'GoodSans';\n font-size: 1em;\n}\n\nbody {\n padding-bottom: 100px;\n background: var(--light-backgrounds-secondary);\n color: var(--light-foregrounds-regular);\n}\n\na {\n color: var(--light-foregrounds-regular);\n text-decoration: none;\n}\n\nbody::-webkit-scrollbar {\n width: 10px;\n}\n\nbody::-webkit-scrollbar-track {\n background: rgba(0, 0, 0, 0.1);\n}\n\nbody::-webkit-scrollbar-track:hover {\n background: rgba(0, 0, 0, 0.3);\n}\n\nbody::-webkit-scrollbar-thumb {\n background-color: rgba(0, 0, 0, 0.3);\n border-radius: 6px;\n border: 2px solid transparent;\n margin: 2px;\n background-clip: padding-box;\n}\n\nbody::-webkit-scrollbar-thumb:hover {\n background-color: rgba(0, 0, 0, 0.8);\n}\n\nh1 {\n font-size: 1em;\n font-weight: 500;\n}\n",".page {\n max-width: min(70em, 100%);\n display: flex;\n flex-direction: column;\n padding-left: 1em;\n padding-right: 1em;\n margin: auto;\n}\n\n.logo {\n margin-top: 2em;\n align-self: center;\n margin-bottom: 1em;\n}\n\n.link-label {\n margin-bottom: 0.4em;\n}\n\n.link {\n margin-top: 0;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n display: block;\n font-style: normal;\n font-size: 13px;\n line-height: 118%;\n color: var(--light-foregrounds-regular);\n text-decoration: none;\n padding: 1rem 0 1rem 1rem;\n}\n\n.link a,\n.link a:active,\n.link a:visited {\n color: var(--light-foregrounds-primary);\n}\n\n.qr-and-params-container {\n margin-top: 1em;\n margin-bottom: 2em;\n display: flex;\n flex-direction: column;\n gap: 2em;\n word-wrap: break-word;\n align-items: stretch;\n}\n\n.qrcode-container {\n flex: 1;\n width: 100%;\n position: relative;\n}\n\n.params-container {\n flex: 1;\n width: 100%;\n}\n\n.param-row {\n display: flex;\n flex-direction: row;\n}\n\n.param-appendix {\n font-size: 13px;\n}\n\nb.param-appendix {\n font-family: 'Courier New', Courier, monospace;\n}\n\n.cursor-pointer {\n cursor: pointer;\n}\n\n.button {\n background-color: var(--light-backgrounds-inverse);\n color: var(--light-foregrounds-regular-inverse);\n border-radius: 100px;\n padding: 16px;\n min-width: 200px;\n border: none;\n text-decoration: none;\n font-size: 1rem;\n margin-top: 20px;\n}\n\n.button:hover {\n cursor: pointer;\n}\n\n.Main {\n display: flex;\n flex-direction: column;\n gap: 2rem;\n flex: 3;\n}\n\n.rail {\n display: flex;\n flex-direction: row;\n gap: 1rem;\n}\n\n.button-link {\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n background: var(--light-backgrounds-inverse);\n color: var(--light-foregrounds-regular-inverse);\n border-radius: 40px;\n padding: 8px 16px;\n gap: 10px;\n box-sizing: border-box;\n text-decoration: none;\n font-size: 0.8125rem;\n font-family: 'GoodSans', system-ui, -apple-system, BlinkMacSystemFont,\n 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue',\n sans-serif;\n}\n\n.card {\n display: flex;\n flex-direction: column;\n background: var(--light-backgrounds-regular);\n border-radius: 1rem;\n overflow: hidden;\n}\n\n.card h3 {\n margin: 0;\n}\n\n.p-2 {\n padding: 2rem;\n}\n\n.icon-container {\n width: 4rem;\n height: 4rem;\n background-color: #eeeaff;\n border-radius: 0.5rem;\n display: flex;\n justify-content: center;\n align-items: center;\n margin-bottom: 1rem;\n}\n\n.deeplink-content {\n background: var(--light-backgrounds-regular);\n border-radius: 60px;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n margin-top: 1rem;\n position: relative;\n border: 1px solid #cbcbca;\n}\n\n.copy-deeplink {\n background: var(--light-backgrounds-inverse);\n border-radius: 0px 31px 31px 0px;\n padding: 1rem 1.5rem;\n float: left;\n}\n\n.copy-deeplink:hover {\n cursor: pointer;\n}\n\n.w-50 {\n width: 50%;\n}\n\n@media only screen and (min-width: 800px) {\n .qr-and-params-container {\n flex-direction: row;\n align-items: center;\n }\n\n .params-container {\n max-width: 50%;\n }\n\n .open-mini {\n display: none;\n }\n}\n\n@media (prefers-color-scheme: dark) {\n body {\n background: var(--dark-background-regular);\n color: var(--dark-foregrounds-regular);\n }\n\n body::-webkit-scrollbar {\n width: 10px;\n }\n\n body::-webkit-scrollbar-track {\n background: rgba(255, 255, 255, 0.1);\n }\n\n body::-webkit-scrollbar-track:hover {\n background: rgba(255, 255, 255, 0.3);\n }\n\n body::-webkit-scrollbar-thumb {\n background-color: rgba(255, 255, 255, 0.3);\n border-radius: 6px;\n border: 2px solid transparent;\n margin: 2px;\n background-clip: padding-box;\n }\n\n body::-webkit-scrollbar-thumb:hover {\n background-color: rgba(255, 255, 255, 0.8);\n }\n\n a {\n color: var(--dark-foregrounds-regular);\n text-decoration: none;\n }\n\n .link {\n color: var(--dark-foregrounds-regular);\n }\n\n .link a,\n .link a:active,\n .link a:visited {\n color: var(--dark-foregrounds-primary);\n }\n\n .button,\n .button-link {\n background-color: var(--dark-backgrounds-inverse) !important;\n color: var(--dark-foregrounds-regular-inverse) !important;\n }\n\n .card {\n background-color: var(--dark-background-secondary);\n }\n\n .deeplink-content {\n background-color: var(--dark-background-secondary);\n border-color: var(--dark-background-secondary);\n color: var(--dark-foregrounds-regular);\n }\n}\n",".icon {\n color: var(--light-foregrounds-regular-inverse);\n display: flex;\n gap: 0.5rem\n}\n\n.icon-checkmark, .icon-copy span {\n font-size: 13px;\n }\n","input[type='text'] {\n border: none;\n width: 100%;\n padding: 12px 16px;\n margin: 4px 0 12px;\n box-sizing: border-box;\n border-radius: 6px;\n border: 1px solid #cbcbca;\n font-family: 'GoodSans';\n font-size: 0.875em;\n outline: none;\n}\n\nlabel {\n font-size: 12px;\n}\n\n@media (prefers-color-scheme: dark) {\n input[type='text'] {\n background-color: var(--dark-background-secondary);\n color: var(--dark-foregrounds-regular);\n border: none;\n }\n}\n\n@media only screen and (min-width: 800px) {\n input[type='text'] {\n width: 60%;\n }\n}\n",".qr-code-container {\n margin: auto;\n}\n\n.qr-code {\n display: none;\n height: auto;\n margin: 0 auto;\n max-width: 1000px;\n width: 100%;\n padding: 15px;\n border-radius: 1em;\n background-color: #ffffff;\n}\n\n.qr-code.dark {\n background-color: #3F454D;\n}\n\n@media only screen and (min-width: 800px) {\n .open-mini {\n display: none;\n }\n .qr-code {\n display: flex;\n }\n .container {\n flex: 1;\n }\n}\n"],"names":[],"sourceRoot":""}

package/templates/__template_getting_started/src/screens/ExtensionsScreen.tsx DELETED Viewed

@@ -1,60 +0,0 @@
-import {ScrollView, TouchableOpacity, Platform} from 'react-native'
-import {useNavigation} from '@react-navigation/native'
-import {
-  Box,
-  SafeAreaView,
-  Text,
-  useTheme,
-  Icon,
-} from '@shopify/shop-minis-platform-sdk'
-const monospaceFontFamily = Platform.OS === 'ios' ? 'Menlo' : 'monospace'
-export function ExtensionsScreen() {
-  const theme = useTheme()
-  const navigation = useNavigation()
-  return (
-    <SafeAreaView
-      style={{flex: 1, backgroundColor: theme.colors['backgrounds-regular']}}
-    >
-      <ScrollView>
-        <Box
-          flex={1}
-          paddingHorizontal="gutter"
-          backgroundColor="backgrounds-regular"
-        >
-          <Box>
-            <TouchableOpacity
-              onPress={() => navigation.goBack()}
-              accessibilityLabel="Navigate back"
-            >
-              <Box marginTop="xs">
-                <Icon name="arrow-left" />
-              </Box>
-            </TouchableOpacity>
-          </Box>
-          <Text variant="heroBold" marginBottom="s" marginTop="xs">
-            Surfacing your Mini
-          </Text>
-          <Text variant="subtitle" marginBottom="s">
-            Let users discover your Mini with Shop Minis Extensions.
-          </Text>
-          <Text marginBottom="s">
-            In your terminal, run{' '}
-            <Text fontFamily={monospaceFontFamily}>
-              npx shop-minis create-extension
-            </Text>{' '}
-            to learn more about rendering a component in a Shop app screen to
-            open your Mini.
-          </Text>
-          <Text marginBottom="s">
-            We look forward to seeing what you build! Check out the
-            documentation at
-          </Text>
-          <Text>https://shop.app/minis</Text>
-        </Box>
-      </ScrollView>
-    </SafeAreaView>
-  )
-}

/package/build/dev-panel/static/js/{main.6625699c.js.LICENSE.txt → main.917a564c.js.LICENSE.txt} RENAMED Viewed

File without changes