@shopify/shop-minis-cli 0.0.142 → 0.0.143

package/build/commands/app/index.js

@@ -9,6 +9,6 @@ export function loadCommand(parentProgram) {
         .addCommand(listCommand)
         .addCommand(linkCommand)
         .addCommand(unlinkCommand);
-    parentProgram.addCommand(command, { hidden: true });
+    parentProgram.addCommand(command);
 }
 //# sourceMappingURL=index.js.map

package/build/commands/app/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/commands/app/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,EAAC,MAAM,WAAW,CAAA;AAEjC,OAAO,EAAC,OAAO,IAAI,WAAW,EAAC,MAAM,WAAW,CAAA;AAChD,OAAO,EAAC,OAAO,IAAI,WAAW,EAAC,MAAM,WAAW,CAAA;AAChD,OAAO,EAAC,OAAO,IAAI,aAAa,EAAC,MAAM,aAAa,CAAA;AAEpD,MAAM,UAAU,WAAW,CAAC,aAAsB;IAChD,MAAM,OAAO,GAAG,IAAI,OAAO,EAAE;SAC1B,IAAI,CAAC,KAAK,CAAC;SACX,WAAW,CAAC,kDAAkD,CAAC;SAC/D,UAAU,CAAC,WAAW,CAAC;SACvB,UAAU,CAAC,WAAW,CAAC;SACvB,UAAU,CAAC,aAAa,CAAC,CAAA;IAE5B,aAAa,CAAC,UAAU,CAAC,OAAO,EAAE,EAAC,MAAM,EAAE,IAAI,EAAC,CAAC,CAAA;AACnD,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/commands/app/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,EAAC,MAAM,WAAW,CAAA;AAEjC,OAAO,EAAC,OAAO,IAAI,WAAW,EAAC,MAAM,WAAW,CAAA;AAChD,OAAO,EAAC,OAAO,IAAI,WAAW,EAAC,MAAM,WAAW,CAAA;AAChD,OAAO,EAAC,OAAO,IAAI,aAAa,EAAC,MAAM,aAAa,CAAA;AAEpD,MAAM,UAAU,WAAW,CAAC,aAAsB;IAChD,MAAM,OAAO,GAAG,IAAI,OAAO,EAAE;SAC1B,IAAI,CAAC,KAAK,CAAC;SACX,WAAW,CAAC,kDAAkD,CAAC;SAC/D,UAAU,CAAC,WAAW,CAAC;SACvB,UAAU,CAAC,WAAW,CAAC;SACvB,UAAU,CAAC,aAAa,CAAC,CAAA;IAE5B,aAAa,CAAC,UAAU,CAAC,OAAO,CAAC,CAAA;AACnC,CAAC"}

package/build/commands/setup/index.js

@@ -1,92 +1,101 @@
 import path from 'node:path';
 import fs from 'node:fs';
 import { Command } from 'commander';
-import prompts from 'prompts';
-import { wrapWithLoadingIndicator } from '../../utils/wrap-with-loading-indicator.js';
-import { fetchMini } from '../../data/mini.js';
-import { SHOP_MINIS_ADMIN_API_KEY } from '../config.js';
-import { acceptInvitation } from '../../data/accept-invitation.js';
-import { getMiniBasePath } from '../../utils/path.js';
-import { extractIdFromGID } from '../../utils/extract-id-gid.js';
-import { command as createCommand } from './create.js';
-function onCancel() {
-    console.log('\nCancelled setting up a new Shop Mini\n');
-    process.exit(0);
+import { renderSelectPrompt, renderSuccess, renderError, } from '@shopify/cli-kit/node/ui';
+import { AbortError, handler as handleError } from '@shopify/cli-kit/node/error';
+import { getMiniManifest } from '../../utils/minis-manifest.js';
+import { fetchAllOrgs, token } from '../../data/partners/query.js';
+import { miniCreate } from '../../data/mini-create.js';
+import { syncManifest } from '../../utils/sync-manifest.js';
+async function loginAndSetup() {
+    const envFilePath = path.join(process.cwd(), '.env');
+    let envFileContents = '';
+    if (fs.existsSync(envFilePath)) {
+        envFileContents = fs.readFileSync(envFilePath, 'utf-8');
+        // Prevent creating a new Mini if SHOP_MINIS_API_KEY is already set
+        if (envFileContents.includes('SHOP_MINIS_API_KEY')) {
+            renderError({
+                headline: 'Mini already set up',
+                body: ['An API key is already configured in `.env`.'],
+            });
+            return;
+        }
+    }
+    const { handle: miniHandle, name: miniName } = getMiniManifest();
+    if (miniHandle) {
+        // Prevent creating a new Mini if manifest.json is already set
+        renderError({
+            headline: 'Mini already set up',
+            body: [
+                'Configuration already exists in `manifest.json`. Please set',
+                {
+                    bold: 'SHOP_MINIS_API_KEY',
+                },
+                'in `.env` to set up this Mini.',
+            ],
+        });
+        return;
+    }
+    // Select the organization
+    const organizations = await fetchAllOrgs();
+    const organizationId = await renderSelectPrompt({
+        message: 'Select your organization',
+        choices: organizations.map(org => ({
+            label: org.businessName,
+            value: org.id,
+        })),
+    });
+    const result = await miniCreate({
+        name: miniName,
+        organizationId: `gid://shopify/Organization/${organizationId}`,
+        partnersAccessToken: await token(),
+    });
+    if (result.userErrors.length > 0) {
+        if (result.userErrors.length === 1) {
+            if (result.userErrors[0].code === 'TOO_MANY_MINIS') {
+                renderError({
+                    body: `You have reached the maximum number of Shop Minis for your organization. Please contact support to request more.`,
+                });
+                process.exit(0);
+            }
+            else {
+                throw new AbortError(result.userErrors[0].message);
+            }
+        }
+        else {
+            throw new AbortError(result.userErrors.map(({ message }) => message).join('\n'));
+        }
+    }
+    // Append the new SHOP_MINIS_API_KEY to the .env file
+    envFileContents += `\nSHOP_MINIS_API_KEY=${result.token}`;
+    fs.writeFileSync(envFilePath, envFileContents, {
+        encoding: 'utf-8',
+    });
+    // Sync the manifest
+    if (result.mini) {
+        syncManifest({ handle: result.mini.handle });
+        renderSuccess({
+            headline: 'Shop Mini created',
+            body: [
+                'Shop Mini with handle',
+                {
+                    bold: result.mini.handle,
+                },
+                'has been created.',
+            ],
+        });
+    }
 }
 export function loadCommand(parentProgram) {
     const command = new Command()
         .name('setup')
         .description('Set up a new Shop Mini')
-        .addCommand(createCommand, { hidden: true }) // TODO: remove hidden
         .action(async () => {
-        const { confirmInvitationEmail } = await prompts.prompt({
-            type: 'confirm',
-            name: 'confirmInvitationEmail',
-            message: 'To begin the setup process, please confirm that you have received an invitation email from the Shop Minis team. If you have not, please apply to join the early access program at https://shop.app/minis/apply/.',
-        }, { onCancel });
-        if (!confirmInvitationEmail) {
-            onCancel();
-        }
-        if (SHOP_MINIS_ADMIN_API_KEY) {
-            const { confirmOverwrite } = await prompts.prompt({
-                type: 'confirm',
-                name: 'confirmOverwrite',
-                message: 'This command will overwrite your exiting Shop Minis Admin API Key. If you have an existing .env file, it will be backed up as .env.bak. Do you want to continue?',
-            }, { onCancel });
-            if (!confirmOverwrite) {
-                onCancel();
-            }
-        }
-        const response = await prompts.prompt({
-            type: 'text',
-            name: 'invitationCode',
-            message: `Provide the invitation code from the welcome email:`,
-        }, { onCancel });
-        const token = await wrapWithLoadingIndicator(acceptInvitation({ code: response.invitationCode }), {
-            loadingMessage: 'Fetching API key...',
-            successMessage: 'API key fetched',
-        });
-        const envFilePath = path.join(process.cwd(), '.env');
-        if (fs.existsSync(envFilePath)) {
-            fs.copyFileSync(envFilePath, `${envFilePath}.bak`);
-        }
-        fs.writeFileSync(envFilePath, `SHOP_MINIS_API_KEY=${token}\n`, {
-            encoding: 'utf-8',
-        });
         try {
-            const miniInfo = await fetchMini({
-                Authorization: `Bearer ${token}`,
-            });
-            if (miniInfo) {
-                const manifestJsonPath = path.join(getMiniBasePath(), 'src/manifest.json');
-                const manifestJsonString = fs.readFileSync(manifestJsonPath, {
-                    encoding: 'utf-8',
-                });
-                const manifestJson = JSON.parse(manifestJsonString) || {};
-                manifestJson.handle = miniInfo.handle;
-                if (miniInfo.productionShopifyAppId) {
-                    manifestJson.shopify_apps ||= {};
-                    manifestJson.shopify_apps.production = extractIdFromGID(miniInfo.productionShopifyAppId);
-                }
-                if (miniInfo.developmentShopifyAppIds.length > 0) {
-                    manifestJson.shopify_apps ||= {};
-                    manifestJson.shopify_apps.development =
-                        miniInfo.developmentShopifyAppIds.map(id => extractIdFromGID(id));
-                }
-                fs.writeFileSync(manifestJsonPath, `${JSON.stringify(manifestJson, null, 2)}\n`, {
-                    encoding: 'utf-8',
-                });
-                console.log('Your Shop Mini has been set up.');
-            }
+            await loginAndSetup();
         }
         catch (error) {
-            if (error?.response?.status === 401) {
-                console.error('Invalid invitation code.');
-            }
-            else {
-                console.error('An error occurred.');
-                console.error(error);
-            }
+            handleError(error);
         }
     });
     parentProgram.addCommand(command);

package/build/commands/setup/index.js.map

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

package/package.json

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

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

@@ -12,7 +12,7 @@ import {
   useTheme,
   Button,
   TextField,
-  Picker,
+  RadioButton,
 } from '@shopify/shop-minis-platform-sdk'
 
 import {RootStackParamList} from '../types/screens'
@@ -32,7 +32,9 @@ export function HomeScreen() {
     'gid://shopify/Shop/62104633599'
   )
 
-  const [pickerVisible, setPickerVisible] = useState(false)
+  const radioButtonOptions = ['Option A', 'Option B', 'Option C']
+
+  const [selectedOption, setSelectedOption] = useState(radioButtonOptions[0])
 
   return (
     <SafeAreaView
@@ -91,25 +93,17 @@ export function HomeScreen() {
           <Box marginBottom="s">
             <TextField placeholder="Text input" />
           </Box>
-          <Box marginBottom="s">
-            <Button
-              text="Open picker"
-              onPress={() => {
-                setPickerVisible(true)
-              }}
-            />
-          </Box>
-          {pickerVisible ? (
-            <Picker
-              items={[
-                {label: 'Red', value: 'Red'},
-                {label: 'Green', value: 'Green'},
-                {label: 'Blue', value: 'Blue'},
-              ]}
-              handleDismiss={() => setPickerVisible(false)}
-              headerText="Select a color"
-            />
-          ) : null}
+          <Text>Radio buttons</Text>
+          {radioButtonOptions.map(option => (
+            <Box key={option} marginVertical="xs">
+              <RadioButton
+                variant="tertiary"
+                text={option}
+                active={selectedOption === option}
+                onPress={() => setSelectedOption(option)}
+              />
+            </Box>
+          ))}
           <Text marginBottom="s">
             Ready for more? Let&apos;s explore native capabilities in the
             screen.

package/build/commands/setup/create.d.ts

@@ -1,3 +0,0 @@
-import { Command } from 'commander';
-export declare function loginAndSetup(): Promise<void>;
-export declare const command: Command;

package/build/commands/setup/create.js

@@ -1,100 +0,0 @@
-import path from 'node:path';
-import fs from 'node:fs';
-import { Command } from 'commander';
-import { renderSelectPrompt, renderSuccess, renderError, } from '@shopify/cli-kit/node/ui';
-import { AbortError, handler as handleError } from '@shopify/cli-kit/node/error';
-import { fetchAllOrgs, token } from '../../data/partners/query.js';
-import { miniCreate } from '../../data/mini-create.js';
-import { getMiniManifest } from '../../utils/minis-manifest.js';
-import { syncManifest } from '../../utils/sync-manifest.js';
-export async function loginAndSetup() {
-    const envFilePath = path.join(process.cwd(), '.env');
-    let envFileContents = '';
-    if (fs.existsSync(envFilePath)) {
-        envFileContents = fs.readFileSync(envFilePath, 'utf-8');
-        // Prevent creating a new Mini if SHOP_MINIS_API_KEY is already set
-        if (envFileContents.includes('SHOP_MINIS_API_KEY')) {
-            renderError({
-                headline: 'Mini already set up',
-                body: ['An API key is already configured in `.env`.'],
-            });
-            return;
-        }
-    }
-    const { handle: miniHandle, name: miniName } = getMiniManifest();
-    if (miniHandle) {
-        // Prevent creating a new Mini if manifest.json is already set
-        renderError({
-            headline: 'Mini already set up',
-            body: [
-                'Configuration already exists in `manifest.json`. Please set',
-                {
-                    bold: 'SHOP_MINIS_API_KEY',
-                },
-                'in `.env` to set up this Mini.',
-            ],
-        });
-        return;
-    }
-    // Select the organization
-    const organizations = await fetchAllOrgs();
-    const organizationId = await renderSelectPrompt({
-        message: 'Select your organization',
-        choices: organizations.map(org => ({
-            label: org.businessName,
-            value: org.id,
-        })),
-    });
-    const result = await miniCreate({
-        name: miniName,
-        organizationId: `gid://shopify/Organization/${organizationId}`,
-        partnersAccessToken: await token(),
-    });
-    if (result.userErrors.length > 0) {
-        if (result.userErrors.length === 1) {
-            if (result.userErrors[0].code === 'TOO_MANY_MINIS') {
-                renderError({
-                    body: `You have reached the maximum number of Shop Minis for your organization. Please contact support to request more.`,
-                });
-                process.exit(0);
-            }
-            else {
-                throw new AbortError(result.userErrors[0].message);
-            }
-        }
-        else {
-            throw new AbortError(result.userErrors.map(({ message }) => message).join('\n'));
-        }
-    }
-    // Append the new SHOP_MINIS_API_KEY to the .env file
-    envFileContents += `\nSHOP_MINIS_API_KEY=${result.token}`;
-    fs.writeFileSync(envFilePath, envFileContents, {
-        encoding: 'utf-8',
-    });
-    // Sync the manifest
-    if (result.mini) {
-        syncManifest({ handle: result.mini.handle });
-        renderSuccess({
-            headline: 'Shop Mini created',
-            body: [
-                'Shop Mini with handle',
-                {
-                    bold: result.mini.handle,
-                },
-                'has been created.',
-            ],
-        });
-    }
-}
-export const command = new Command()
-    .name('create')
-    .description('Create a new Shop Mini')
-    .action(async () => {
-    try {
-        await loginAndSetup();
-    }
-    catch (error) {
-        handleError(error);
-    }
-});
-//# sourceMappingURL=create.js.map

package/build/commands/setup/create.js.map

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