@shopify/ui-extensions-server-kit 5.4.1 → 5.5.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @shopify/ui-extensions-server-kit
 
+## 5.5.0
+
+### Minor Changes
+
+- 86d164b: Add support for the `intercepts` UI extension target capability.
+
 ## 5.4.1
 
 ### Patch Changes

package/README.md

@@ -5,7 +5,7 @@
 <img src="https://img.shields.io/badge/License-MIT-green.svg" alt="License">
 <a href="https://github.com/Shopify/cli/actions/workflows/shopify-cli.yml">![badge](https://github.com/Shopify/cli/actions/workflows/shopify-cli.yml/badge.svg)</a>
 
-With the Shopify command line interface (Shopify CLI 3.0), you can:
+With the Shopify command line interface (Shopify CLI), you can:
 - initialize, build, dev, and deploy Shopify apps, extensions, functions and themes
 - build custom storefronts and manage their hosting
 
@@ -39,7 +39,7 @@ To work with themes, the CLI needs to be installed globally with:
 
 - `npm install -g @shopify/cli`
 
-You can also use do it through Homebrew on macOS: `brew tap shopify/shopify && brew install shopify-cli`
+You can also install it through Homebrew on macOS: `brew tap shopify/shopify && brew install shopify-cli`
 
 Learn more in the docs: [Shopify CLI for themes](https://shopify.dev/docs/storefronts/themes/tools/cli)
 

package/dist/types.d.ts

@@ -84,6 +84,15 @@ interface Metafield {
     namespace: string;
     key: string;
 }
+export interface ExtensionPointIntercept {
+    event: string;
+    blocking: boolean;
+    applies_to?: string[];
+}
+export interface ExtensionPointCapabilities {
+    allow_direct_linking?: boolean;
+    intercepts?: ExtensionPointIntercept[];
+}
 export interface ExtensionPoint {
     target: string;
     surface: Surface;
@@ -94,6 +103,7 @@ export interface ExtensionPoint {
     name: string;
     description?: string;
     assets?: Record<string, Asset>;
+    capabilities?: ExtensionPointCapabilities;
 }
 type ExtensionPoints = string[] | ExtensionPoint[] | null;
 interface CollectBuyerConsentCapabilities {

package/node_modules/@vitejs/plugin-react/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vitejs/plugin-react",
-  "version": "5.1.4",
+  "version": "5.2.0",
   "description": "The default Vite plugin for React projects",
   "keywords": [
     "babel",
@@ -57,7 +57,7 @@
     "tsdown": "^0.20.3"
   },
   "peerDependencies": {
-    "vite": "^4.2.0 || ^5.0.0 || ^6.0.0 || ^7.0.0"
+    "vite": "^4.2.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0"
   },
   "engines": {
     "node": "^20.19.0 || >=22.12.0"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shopify/ui-extensions-server-kit",
-  "version": "5.4.1",
+  "version": "5.5.0",
   "private": false,
   "license": "MIT",
   "repository": {
@@ -45,11 +45,11 @@
   "devDependencies": {
     "@testing-library/react": "^16.3.2",
     "@types/react": "^18.2.0",
-    "@vitejs/plugin-react": "^5.1.4",
+    "@vitejs/plugin-react": "^5.2.0",
     "jsdom": "^25.0.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "vite": "6.4.1"
+    "vite": "6.4.3"
   },
   "peerDependencies": {
     "react": ">=17.0.2"

package/project.json

@@ -13,30 +13,12 @@
         "cwd": "packages/ui-extensions-server-kit"
       }
     },
-    "build:code": {
-      "executor": "nx:run-commands",
-      "outputs": ["{workspaceRoot}/dist"],
-      "options": {
-        "command": "pnpm vite build --config vite.config.mts",
-        "cwd": "packages/ui-extensions-server-kit"
-      }
-    },
-    "build:types": {
-      "executor": "nx:run-commands",
-      "dependsOn": ["^build"],
-      "outputs": ["{workspaceRoot}/dist"],
-      "options": {
-        "command": "pnpm tsc --emitDeclarationOnly",
-        "cwd": "packages/ui-extensions-server-kit"
-      }
-    },
     "build": {
       "executor": "nx:run-commands",
-      "dependsOn": ["build:code", "build:types"],
-      "outputs": ["{workspaceRoot}/dist"],
-      "inputs": ["{projectRoot}/src/**/*", "{projectRoot}/testing.*", "{projectRoot}/index.*"],
+      "dependsOn": ["^build"],
       "options": {
-        "command": "cd .",
+        "commands": ["pnpm vite build --config vite.config.mts", "pnpm tsc --emitDeclarationOnly"],
+        "parallel": true,
         "cwd": "packages/ui-extensions-server-kit"
       }
     },

package/src/state/reducers/extensionServerReducer.test.ts

@@ -8,6 +8,7 @@ import {
   createFocusAction,
   createUnfocusAction,
 } from '../actions'
+import {vi} from 'vitest'
 
 import type {ExtensionServerState} from './types'
 
@@ -92,8 +93,11 @@ describe('extensionServerReducer()', () => {
     })
   })
 
-  // eslint-disable-next-line vitest/no-disabled-tests
-  test.skip('refreshes extension url', async () => {
+  test('refreshes extension url', () => {
+    vi.useFakeTimers()
+    const time1 = 1000
+    vi.setSystemTime(time1)
+
     const extension = mockExtension()
     const previousState: ExtensionServerState = {
       store: 'test-store.com',
@@ -105,20 +109,21 @@ describe('extensionServerReducer()', () => {
     const state1 = extensionServerReducer(previousState, action)
 
     const url1 = new URL(state1.extensions[0].assets.main.url)
-    const timestamp1 = url1.searchParams.get('lastUpdated') ?? ''
+    const timestamp1 = url1.searchParams.get('lastUpdated')
 
-    expect(timestamp1.length).toBeGreaterThan(0)
+    expect(timestamp1).toBe(time1.toString())
 
-    // sleep 1ms to guarantee new timestamp
-    await new Promise((resolve) => setTimeout(resolve, 1))
+    const time2 = 2000
+    vi.setSystemTime(time2)
 
     const state2 = extensionServerReducer(state1, action)
 
     const url2 = new URL(state2.extensions[0].assets.main.url)
-    const timestamp2 = url2.searchParams.get('lastUpdated') ?? ''
+    const timestamp2 = url2.searchParams.get('lastUpdated')
+
+    expect(timestamp2).toBe(time2.toString())
 
-    expect(timestamp2.length).toBeGreaterThan(0)
-    expect(timestamp1).not.toStrictEqual(timestamp2)
+    vi.useRealTimers()
   })
 
   describe('focus', () => {

package/src/types.ts

@@ -83,6 +83,17 @@ interface Metafield {
   key: string
 }
 
+export interface ExtensionPointIntercept {
+  event: string
+  blocking: boolean
+  applies_to?: string[]
+}
+
+export interface ExtensionPointCapabilities {
+  allow_direct_linking?: boolean
+  intercepts?: ExtensionPointIntercept[]
+}
+
 export interface ExtensionPoint {
   target: string
   surface: Surface
@@ -93,6 +104,7 @@ export interface ExtensionPoint {
   name: string
   description?: string
   assets?: Record<string, Asset>
+  capabilities?: ExtensionPointCapabilities
 }
 
 type ExtensionPoints = string[] | ExtensionPoint[] | null