@shopify/shop-minis-cli 0.3.1 → 0.3.2

package/build/commands/create/examples/default/AGENTS.md

@@ -53,7 +53,7 @@ const CustomButton = () => {...}  // Wrong if SDK Button exists
 - **Touch targets**: Minimum 48px height for all interactive elements
 - **Full-width buttons**: Use `className="w-full"` for primary actions
 - **List virtualization**: Use `<List>` component for >50 items
-- **Safe areas**: Respect device notches and system UI
+- **Safe areas**: Use the `<SafeArea>` component to keep content clear of system UI (home indicator, navigation bar). It works like a `div` — pass classes and styles directly. For specific edges only (e.g., a sticky footer), use `edges={['bottom']}`. You can also use the `useSafeArea()` hook for pixel values or `var(--safe-area-inset-*)` CSS custom properties. **Do not use `env(safe-area-inset-*)`** — it is broken on Android. **Placement**: For apps without a router, wrap your top-level layout in `<SafeArea>`. For apps with a router, use `<SafeArea>` inside each screen/page component — not around the router itself — so each screen can control its own safe area edges independently.
 - **No hover states**: Design for touch, not mouse interaction
 
 ### 3. Performance Constraints
@@ -221,6 +221,7 @@ import {
   useShopNavigation,
   useAsyncStorage,
   useSecureStorage,
+  useSafeArea,
 
   // Core components
   Button,
@@ -228,6 +229,7 @@ import {
   MerchantCard,
   List,
   Image,
+  SafeArea,
 
   // UI components
   Alert,

package/build/commands/disable/index.d.ts

@@ -0,0 +1,2 @@
+import { Command } from 'commander';
+export declare function loadCommand(parentProgram: Command): void;

package/build/commands/disable/index.js

@@ -0,0 +1,30 @@
+import { Command } from 'commander';
+import { handler as handleError } from '@shopify/cli-kit/node/error';
+import { renderConfirmationPrompt, renderSuccess } from '@shopify/cli-kit/node/ui';
+import { miniToggle } from '../../data/mini-toggle.js';
+import { assertNetworkAndAuth } from '../../utils/common-tasks.js';
+export function loadCommand(parentProgram) {
+    const command = new Command()
+        .name('disable')
+        .description('Disable your Shop Mini.')
+        .option('--verbose', 'Print debugging messages.')
+        .action(async () => {
+        try {
+            await assertNetworkAndAuth();
+            const shouldContinue = await renderConfirmationPrompt({
+                message: 'Are you sure you want to disable your Mini?',
+            });
+            if (!shouldContinue)
+                return;
+            await miniToggle({ enable: false });
+            renderSuccess({
+                headline: 'Mini disabled',
+            });
+        }
+        catch (error) {
+            handleError(error);
+        }
+    });
+    parentProgram.addCommand(command);
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/commands/disable/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,EAAC,MAAM,WAAW,CAAA;AACjC,OAAO,EAAC,OAAO,IAAI,WAAW,EAAC,MAAM,6BAA6B,CAAA;AAClE,OAAO,EAAC,wBAAwB,EAAE,aAAa,EAAC,MAAM,0BAA0B,CAAA;AAEhF,OAAO,EAAC,UAAU,EAAC,MAAM,2BAA2B,CAAA;AACpD,OAAO,EAAC,oBAAoB,EAAC,MAAM,6BAA6B,CAAA;AAEhE,MAAM,UAAU,WAAW,CAAC,aAAsB;IAChD,MAAM,OAAO,GAAG,IAAI,OAAO,EAAE;SAC1B,IAAI,CAAC,SAAS,CAAC;SACf,WAAW,CAAC,yBAAyB,CAAC;SACtC,MAAM,CAAC,WAAW,EAAE,2BAA2B,CAAC;SAChD,MAAM,CAAC,KAAK,IAAI,EAAE;QACjB,IAAI;YACF,MAAM,oBAAoB,EAAE,CAAA;YAE5B,MAAM,cAAc,GAAG,MAAM,wBAAwB,CAAC;gBACpD,OAAO,EAAE,6CAA6C;aACvD,CAAC,CAAA;YACF,IAAI,CAAC,cAAc;gBAAE,OAAM;YAE3B,MAAM,UAAU,CAAC,EAAC,MAAM,EAAE,KAAK,EAAC,CAAC,CAAA;YAEjC,aAAa,CAAC;gBACZ,QAAQ,EAAE,eAAe;aAC1B,CAAC,CAAA;SACH;QAAC,OAAO,KAAK,EAAE;YACd,WAAW,CAAC,KAAK,CAAC,CAAA;SACnB;IACH,CAAC,CAAC,CAAA;IAEJ,aAAa,CAAC,UAAU,CAAC,OAAO,CAAC,CAAA;AACnC,CAAC"}

package/build/commands/enable/index.d.ts

@@ -0,0 +1,2 @@
+import { Command } from 'commander';
+export declare function loadCommand(parentProgram: Command): void;

package/build/commands/enable/index.js

@@ -0,0 +1,30 @@
+import { Command } from 'commander';
+import { handler as handleError } from '@shopify/cli-kit/node/error';
+import { renderConfirmationPrompt, renderSuccess } from '@shopify/cli-kit/node/ui';
+import { miniToggle } from '../../data/mini-toggle.js';
+import { assertNetworkAndAuth } from '../../utils/common-tasks.js';
+export function loadCommand(parentProgram) {
+    const command = new Command()
+        .name('enable')
+        .description('Enable your Shop Mini.')
+        .option('--verbose', 'Print debugging messages.')
+        .action(async () => {
+        try {
+            await assertNetworkAndAuth();
+            const shouldContinue = await renderConfirmationPrompt({
+                message: 'Are you sure you want to enable your Mini?',
+            });
+            if (!shouldContinue)
+                return;
+            await miniToggle({ enable: true });
+            renderSuccess({
+                headline: 'Mini enabled',
+            });
+        }
+        catch (error) {
+            handleError(error);
+        }
+    });
+    parentProgram.addCommand(command);
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/commands/enable/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,EAAC,MAAM,WAAW,CAAA;AACjC,OAAO,EAAC,OAAO,IAAI,WAAW,EAAC,MAAM,6BAA6B,CAAA;AAClE,OAAO,EAAC,wBAAwB,EAAE,aAAa,EAAC,MAAM,0BAA0B,CAAA;AAEhF,OAAO,EAAC,UAAU,EAAC,MAAM,2BAA2B,CAAA;AACpD,OAAO,EAAC,oBAAoB,EAAC,MAAM,6BAA6B,CAAA;AAEhE,MAAM,UAAU,WAAW,CAAC,aAAsB;IAChD,MAAM,OAAO,GAAG,IAAI,OAAO,EAAE;SAC1B,IAAI,CAAC,QAAQ,CAAC;SACd,WAAW,CAAC,wBAAwB,CAAC;SACrC,MAAM,CAAC,WAAW,EAAE,2BAA2B,CAAC;SAChD,MAAM,CAAC,KAAK,IAAI,EAAE;QACjB,IAAI;YACF,MAAM,oBAAoB,EAAE,CAAA;YAE5B,MAAM,cAAc,GAAG,MAAM,wBAAwB,CAAC;gBACpD,OAAO,EAAE,4CAA4C;aACtD,CAAC,CAAA;YACF,IAAI,CAAC,cAAc;gBAAE,OAAM;YAE3B,MAAM,UAAU,CAAC,EAAC,MAAM,EAAE,IAAI,EAAC,CAAC,CAAA;YAEhC,aAAa,CAAC;gBACZ,QAAQ,EAAE,cAAc;aACzB,CAAC,CAAA;SACH;QAAC,OAAO,KAAK,EAAE;YACd,WAAW,CAAC,KAAK,CAAC,CAAA;SACnB;IACH,CAAC,CAAC,CAAA;IAEJ,aAAa,CAAC,UAAU,CAAC,OAAO,CAAC,CAAA;AACnC,CAAC"}

package/build/data/mini-toggle.d.ts

@@ -0,0 +1,6 @@
+export declare const miniToggle: ({ enable }: {
+    enable: boolean;
+}) => Promise<{
+    __typename?: "MiniTogglePayload" | undefined;
+    enabled?: boolean | null | undefined;
+}>;

package/build/data/mini-toggle.js

@@ -0,0 +1,14 @@
+import { graphql } from './types/autogenerated/shop-minis-admin-api/gql.js';
+import { client } from './gql-client.js';
+const miniToggleMutation = graphql(/* GraphQL */ `
+  mutation MiniToggle($enable: Boolean!) {
+    miniToggle(enable: $enable) {
+      enabled
+    }
+  }
+`);
+export const miniToggle = async ({ enable }) => {
+    const data = await client.request(miniToggleMutation, { enable }, {});
+    return data.miniToggle;
+};
+//# sourceMappingURL=mini-toggle.js.map

package/build/data/mini-toggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mini-toggle.js","sourceRoot":"","sources":["../../src/data/mini-toggle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,EAAC,MAAM,mDAAmD,CAAA;AACzE,OAAO,EAAC,MAAM,EAAC,MAAM,iBAAiB,CAAA;AAEtC,MAAM,kBAAkB,GAAG,OAAO,CAAC,aAAa,CAAC;;;;;;CAMhD,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,KAAK,EAAE,EAAC,MAAM,EAAoB,EAAE,EAAE;IAC9D,MAAM,IAAI,GAAG,MAAM,MAAM,CAAC,OAAO,CAAC,kBAAkB,EAAE,EAAC,MAAM,EAAC,EAAE,EAAE,CAAC,CAAA;IAEnE,OAAO,IAAI,CAAC,UAAU,CAAA;AACxB,CAAC,CAAA"}

package/build/data/types/autogenerated/shop-minis-admin-api/gql.d.ts

@@ -43,6 +43,9 @@ declare const documents: {
         organizationId: string;
         partnersAccessToken: string;
     }>>;
+    '\n  mutation MiniToggle($enable: Boolean!) {\n    miniToggle(enable: $enable) {\n      enabled\n    }\n  }\n': DocumentNode<types.MiniToggleMutation, types.Exact<{
+        enable: boolean;
+    }>>;
     '\n  query Mini {\n    mini {\n      handle\n    }\n  }\n': DocumentNode<types.MiniQuery, types.Exact<{
         [key: string]: never;
     }>>;
@@ -101,6 +104,10 @@ export declare function graphql(source: '\n  query Submissions($first: Int) {\n
  * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
  */
 export declare function graphql(source: '\n  mutation MiniCreate(\n    $name: String!\n    $organizationId: ID!\n    $partnersAccessToken: String!\n  ) {\n    miniCreate(\n      name: $name\n      organizationId: $organizationId\n      partnersAccessToken: $partnersAccessToken\n    ) {\n      mini {\n        handle\n      }\n      token\n      userErrors {\n        code\n        message\n        field\n      }\n    }\n  }\n'): (typeof documents)['\n  mutation MiniCreate(\n    $name: String!\n    $organizationId: ID!\n    $partnersAccessToken: String!\n  ) {\n    miniCreate(\n      name: $name\n      organizationId: $organizationId\n      partnersAccessToken: $partnersAccessToken\n    ) {\n      mini {\n        handle\n      }\n      token\n      userErrors {\n        code\n        message\n        field\n      }\n    }\n  }\n'];
+/**
+ * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
+ */
+export declare function graphql(source: '\n  mutation MiniToggle($enable: Boolean!) {\n    miniToggle(enable: $enable) {\n      enabled\n    }\n  }\n'): (typeof documents)['\n  mutation MiniToggle($enable: Boolean!) {\n    miniToggle(enable: $enable) {\n      enabled\n    }\n  }\n'];
 /**
  * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
  */

package/build/data/types/autogenerated/shop-minis-admin-api/gql.js

@@ -19,6 +19,7 @@ const documents = {
     '\n  mutation CreateUpload(\n    $filename: String!\n    $fileSize: Int!\n    $checksum: String!\n    $mimeType: String!\n  ) {\n    submissionUploadCreate(\n      input: {\n        filename: $filename\n        fileSize: $fileSize\n        checksum: $checksum\n        mimeType: $mimeType\n      }\n    ) {\n      upload {\n        url\n        headers\n        parameters\n        id\n      }\n      userErrors {\n        code\n        message\n        field\n      }\n    }\n  }\n': types.CreateUploadDocument,
     '\n  query Submissions($first: Int) {\n    submissions(first: $first) {\n      nodes {\n        reference\n        description\n        status\n        submittedAt\n        feedbackMessage\n      }\n      pageInfo {\n        hasNextPage\n        hasPreviousPage\n        startCursor\n        endCursor\n      }\n    }\n  }\n': types.SubmissionsDocument,
     '\n  mutation MiniCreate(\n    $name: String!\n    $organizationId: ID!\n    $partnersAccessToken: String!\n  ) {\n    miniCreate(\n      name: $name\n      organizationId: $organizationId\n      partnersAccessToken: $partnersAccessToken\n    ) {\n      mini {\n        handle\n      }\n      token\n      userErrors {\n        code\n        message\n        field\n      }\n    }\n  }\n': types.MiniCreateDocument,
+    '\n  mutation MiniToggle($enable: Boolean!) {\n    miniToggle(enable: $enable) {\n      enabled\n    }\n  }\n': types.MiniToggleDocument,
     '\n  query Mini {\n    mini {\n      handle\n    }\n  }\n': types.MiniDocument,
     '\n  mutation UserMetafieldDefinitionCreate(\n    $definition: UserMetafieldDefinitionCreateInput!\n  ) {\n    userMetafieldDefinitionCreate(definition: $definition) {\n      createdDefinition {\n        description\n        name\n        key\n      }\n      userErrors {\n        code\n        message\n        field\n      }\n    }\n  }\n': types.UserMetafieldDefinitionCreateDocument,
     '\n  mutation UserMetafieldDefinitionDelete($key: String!) {\n    userMetafieldDefinitionDelete(identifier: {key: $key}) {\n      deletedDefinition {\n        key\n      }\n      userErrors {\n        code\n        message\n        field\n      }\n    }\n  }\n': types.UserMetafieldDefinitionDeleteDocument,

package/build/data/types/autogenerated/shop-minis-admin-api/gql.js.map

@@ -1 +1 @@
-{"version":3,"file":"gql.js","sourceRoot":"","sources":["../../../../../src/data/types/autogenerated/shop-minis-admin-api/gql.ts"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,OAAO,KAAK,KAAK,MAAM,cAAc,CAAA;AAGrC;;;;;;;;;GASG;AACH,MAAM,SAAS,GAAG;IAChB,sSAAsS,EACpS,KAAK,CAAC,sBAAsB;IAC9B,kGAAkG,EAChG,KAAK,CAAC,eAAe;IACvB,2JAA2J,EACzJ,KAAK,CAAC,oBAAoB;IAC5B,wSAAwS,EACtS,KAAK,CAAC,wBAAwB;IAChC,ycAAyc,EACvc,KAAK,CAAC,wBAAwB;IAChC,meAAme,EACje,KAAK,CAAC,oBAAoB;IAC5B,qUAAqU,EACnU,KAAK,CAAC,mBAAmB;IAC3B,oYAAoY,EAClY,KAAK,CAAC,kBAAkB;IAC1B,0DAA0D,EACxD,KAAK,CAAC,YAAY;IACpB,qVAAqV,EACnV,KAAK,CAAC,qCAAqC;IAC7C,qQAAqQ,EACnQ,KAAK,CAAC,qCAAqC;IAC7C,0KAA0K,EACxK,KAAK,CAAC,gCAAgC;CACzC,CAAA;AAyFD,MAAM,UAAU,OAAO,CAAC,MAAc;IACpC,OAAQ,SAAiB,CAAC,MAAM,CAAC,IAAI,EAAE,CAAA;AACzC,CAAC"}
+{"version":3,"file":"gql.js","sourceRoot":"","sources":["../../../../../src/data/types/autogenerated/shop-minis-admin-api/gql.ts"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,OAAO,KAAK,KAAK,MAAM,cAAc,CAAA;AAGrC;;;;;;;;;GASG;AACH,MAAM,SAAS,GAAG;IAChB,sSAAsS,EACpS,KAAK,CAAC,sBAAsB;IAC9B,kGAAkG,EAChG,KAAK,CAAC,eAAe;IACvB,2JAA2J,EACzJ,KAAK,CAAC,oBAAoB;IAC5B,wSAAwS,EACtS,KAAK,CAAC,wBAAwB;IAChC,ycAAyc,EACvc,KAAK,CAAC,wBAAwB;IAChC,meAAme,EACje,KAAK,CAAC,oBAAoB;IAC5B,qUAAqU,EACnU,KAAK,CAAC,mBAAmB;IAC3B,oYAAoY,EAClY,KAAK,CAAC,kBAAkB;IAC1B,8GAA8G,EAC5G,KAAK,CAAC,kBAAkB;IAC1B,0DAA0D,EACxD,KAAK,CAAC,YAAY;IACpB,qVAAqV,EACnV,KAAK,CAAC,qCAAqC;IAC7C,qQAAqQ,EACnQ,KAAK,CAAC,qCAAqC;IAC7C,0KAA0K,EACxK,KAAK,CAAC,gCAAgC;CACzC,CAAA;AA+FD,MAAM,UAAU,OAAO,CAAC,MAAc;IACpC,OAAQ,SAAiB,CAAC,MAAM,CAAC,IAAI,EAAE,CAAA;AACzC,CAAC"}