Added support for supported features in toml

Author: js-goupil

.changeset/short-cooks-wonder.md

@@ -0,0 +1,6 @@
+---
+'@shopify/cli-kit': minor
+'@shopify/app': minor
+---
+
+Added CLI support for extensions.supported_features in toml

packages/app/src/cli/models/app/app.test-data.ts

@@ -234,6 +234,9 @@ export async function testUIExtension(
         sources: [],
       },
     },
+    supported_features: {
+      offline_mode: false,
+    },
     extension_points: [
       {
         target: 'target1',

packages/app/src/cli/models/app/loader.test.ts

@@ -1483,6 +1483,9 @@ redirect_urls = [ "https://example.com/api/auth" ]
         [extensions.capabilities.iframe]
         sources = ["https://my-iframe.com"]
 
+        [extensions.supported_features]
+        offline_mode = true
+
         [extensions.settings]
           [[extensions.settings.fields]]
           key = "field_key"
@@ -1560,6 +1563,9 @@ redirect_urls = [ "https://example.com/api/auth" ]
             sources: ['https://my-iframe.com'],
           },
         },
+        supported_features: {
+          offline_mode: true,
+        },
         settings: {
           fields: [
             {

packages/app/src/cli/models/extensions/schemas.ts

@@ -28,6 +28,10 @@ const CapabilitiesSchema = zod.object({
   iframe: IframeCapabilitySchema.optional(),
 })
 
+const SupportedFeaturesSchema = zod.object({
+  offline_mode: zod.boolean().optional(),
+})
+
 export const ExtensionsArraySchema = zod.object({
   type: zod.string().optional(),
   extensions: zod.array(zod.any()).optional(),
@@ -108,6 +112,7 @@ export const BaseSchema = zod.object({
   api_version: ApiVersionSchema.optional(),
   extension_points: zod.any().optional(),
   capabilities: CapabilitiesSchema.optional(),
+  supported_features: SupportedFeaturesSchema.optional(),
   settings: SettingsSchema.optional(),
 })
 

packages/app/src/cli/models/extensions/specifications/checkout_ui_extension.ts

@@ -26,6 +26,7 @@ const checkoutSpec = createExtensionSpecification({
     return {
       extension_points: config.extension_points,
       capabilities: config.capabilities,
+      supported_features: config.supported_features,
       metafields: config.metafields ?? [],
       name: config.name,
       settings: config.settings,

packages/app/src/cli/models/extensions/specifications/ui_extension.test.ts

@@ -978,6 +978,7 @@ Please check the configuration in ${joinPath(tmpDir, 'shopify.extension.toml')}`
               ...uiExtension.configuration.capabilities.iframe,
             },
           },
+          supported_features: undefined,
           name: uiExtension.configuration.name,
           description: uiExtension.configuration.description,
           api_version: uiExtension.configuration.api_version,

packages/app/src/cli/models/extensions/specifications/ui_extension.ts

@@ -125,6 +125,7 @@ const uiExtensionSpec = createExtensionSpecification({
       api_version: config.api_version,
       extension_points: transformedExtensionPoints,
       capabilities: config.capabilities,
+      supported_features: config.supported_features,
       name: config.name,
       description: config.description,
       settings: config.settings,

packages/app/src/cli/services/dev/extension/payload.test.ts

@@ -40,6 +40,9 @@ describe('getUIExtensionPayload', () => {
               sources: ['https://my-iframe.com'],
             },
           },
+          supported_features: {
+            offline_mode: true,
+          },
           extension_points: ['CUSTOM_EXTENSION_POINT'],
         },
         devUUID: 'devUUID',
@@ -84,6 +87,9 @@ describe('getUIExtensionPayload', () => {
             url: 'http://tunnel-url.com/extensions/devUUID/assets/test-ui-extension.js',
           },
         },
+        supportedFeatures: {
+          offlineMode: true,
+        },
         capabilities: {
           blockProgress: false,
           networkAccess: true,
@@ -164,6 +170,9 @@ describe('getUIExtensionPayload', () => {
               sources: ['https://my-iframe.com'],
             },
           },
+          supported_features: {
+            offline_mode: true,
+          },
           extension_points: [
             {
               target: 'CUSTOM_EXTENSION_POINT',
@@ -213,6 +222,9 @@ describe('getUIExtensionPayload', () => {
             url: 'http://tunnel-url.com/extensions/devUUID/assets/test-ui-extension.js',
           },
         },
+        supportedFeatures: {
+          offlineMode: true,
+        },
         capabilities: {
           blockProgress: false,
           networkAccess: true,
@@ -299,6 +311,9 @@ describe('getUIExtensionPayload', () => {
               sources: ['https://my-iframe.com'],
             },
           },
+          supported_features: {
+            offline_mode: true,
+          },
           extension_points: [
             {
               target: 'CUSTOM_EXTENSION_POINT',
@@ -347,6 +362,9 @@ describe('getUIExtensionPayload', () => {
             url: 'http://tunnel-url.com/extensions/devUUID/assets/test-post-purchase-extension.js',
           },
         },
+        supportedFeatures: {
+          offlineMode: true,
+        },
         capabilities: {
           blockProgress: false,
           networkAccess: true,
@@ -406,6 +424,9 @@ describe('getUIExtensionPayload', () => {
         development: {
           hidden: false,
         },
+        supportedFeatures: {
+          offlineMode: false,
+        },
         capabilities: {
           blockProgress: false,
           networkAccess: false,

packages/app/src/cli/services/dev/extension/payload.ts

@@ -44,6 +44,9 @@ export async function getUIExtensionPayload(
           lastUpdated: (await fileLastUpdatedTimestamp(extensionOutputPath)) ?? 0,
         },
       },
+      supportedFeatures: {
+        offlineMode: extension.configuration.supported_features?.offline_mode ?? false,
+      },
       capabilities: {
         blockProgress: extension.configuration.capabilities?.block_progress ?? false,
         networkAccess: extension.configuration.capabilities?.network_access ?? false,

packages/app/src/cli/services/dev/extension/payload/models.ts

@@ -45,10 +45,15 @@ export interface DevNewExtensionPointSchema extends NewExtensionPointSchemaType
   }
 }
 
+interface SupportedFeatures {
+  offlineMode: boolean
+}
+
 export interface UIExtensionPayload {
   assets: {
     main: Asset
   }
+  supportedFeatures?: SupportedFeatures
   capabilities?: Capabilities
   development: {
     resource: {