Remove remote-ui references from Admin surface

.eslintrc.js

@@ -3,7 +3,6 @@ module.exports = {
     'plugin:@shopify/typescript',
     'plugin:@shopify/jest',
     'plugin:@shopify/prettier',
-    'plugin:@shopify/react',
   ],
   ignorePatterns: [
     'build/',
@@ -17,14 +16,19 @@ module.exports = {
     'packages/*/*.mjs',
     'packages/*/*.node',
     'packages/*/*.esnext',
+    'packages/ui-extensions/src/surfaces/checkout/**/*.d.ts',
+    'packages/ui-extensions/src/surfaces/checkout/preact/tests/',
+    'packages/ui-extensions/src/surfaces/point-of-sale/**/*.d.ts',
   ],
   rules: {
     // Codebase was originally written without some strict Shopify conventions
     'import/order': 'off',
+    'line-comment-position': 'off',
     '@typescript-eslint/naming-convention': 'off',
 
     // This rule is just bad
     '@typescript-eslint/consistent-indexed-object-style': 'off',
+    'eslint-comments/no-unused-disables': 'off',
   },
   overrides: [
     {
@@ -44,28 +48,13 @@ module.exports = {
         '@shopify/jsx-no-hardcoded-content': 'off',
       },
     },
-    {
-      files: ['packages/ui-extensions-react/src/surfaces/*/hooks/**'],
-      rules: {
-        // This is necessary because https://github.com/Shopify/generate-docs
-        // cannot yet infer return types.
-        '@typescript-eslint/explicit-function-return-type': 'error',
-      },
-    },
-    {
-      files: ['packages/ui-extensions-react/src/surfaces/*/hooks/tests/**'],
-      rules: {
-        '@typescript-eslint/explicit-function-return-type': 'off',
-      },
-    },
     {
       files: [
         'packages/ui-extensions/docs/surfaces/**/*.example.*',
         'packages/ui-extensions/src/surfaces/**/*.example.*',
       ],
       rules: {
         'no-console': 'off',
-        'react/react-in-jsx-scope': 'off',
         '@shopify/checkout-web/custom-error-subclassing': 'off',
         'import/no-extraneous-dependencies': 'off',
         'promise/catch-or-return': 'off',

.github/ISSUE_TEMPLATE/feature-request.md

@@ -4,9 +4,9 @@ about: Suggest an idea for this project
 labels: 'enhancement'
 ---
 
-## Please list the related package(s)
+## Please list the related surfaces(s)
 
-<!-- e.g. checkout-ui-extensions, admin-ui-extensions-react -->
+<!-- e.g. @shopify/ui-extensions/checkout -->
 
 ## If this related to specific APIs or components, please list them here
 

.github/ISSUE_TEMPLATE/issue-report.md

@@ -6,9 +6,9 @@ labels: 'bug'
 
 <!-- For feature requests, please use the following template: https://github.com/Shopify/ui-extensions/issues/new?labels=enhancement&template=feature-request.md -->
 
-## Please list the package(s) involved in the issue, and include the version you are using
+## Please list the surfaces(s) involved in the issue, and include the version you are using
 
-<!-- e.g. checkout-ui-extensions V0.10.1, admin-ui-extensions-react V0.11.0 -->
+<!-- e.g. @shopify/ui-extensions/checkout V0.10.1, @shopify/ui-extensions/admin V0.11.0 -->
 
 ## Describe the bug
 

.github/workflows/ci.yml

@@ -6,12 +6,12 @@ jobs:
   type-check:
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
       - uses: ./.github/workflows/actions/prepare
 
       - id: typescript-cache
         name: Restore TypeScript cache
-        uses: actions/cache@v1
+        uses: actions/cache@v4
         with:
           path: |
             packages/*/build/ts
@@ -23,34 +23,16 @@ jobs:
       - name: Type check
         run: yarn type-check
 
-  test:
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v3
-      - uses: ./.github/workflows/actions/prepare
-
-      - id: jest-cache
-        name: Restore jest cache
-        uses: actions/cache@v1
-        with:
-          path: .loom/cache/jest/
-          key: ${{ runner.os }}-jest-v1-${{ github.sha }}
-          restore-keys: |
-            ${{ runner.os }}-jest-v1-
-
-      - name: Test
-        run: yarn test
-
   lint:
     runs-on: ubuntu-latest
 
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
       - uses: ./.github/workflows/actions/prepare
 
       - id: eslint-cache
         name: Restore ESLint cache
-        uses: actions/cache@v1
+        uses: actions/cache@v4
         with:
           path: .loom/cache/eslint
           key: ${{ runner.os }}-eslint-v1-${{ github.sha }}
@@ -64,7 +46,7 @@ jobs:
     runs-on: ubuntu-latest
 
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
       - uses: ./.github/workflows/actions/prepare
 
       - id: test-build

.github/workflows/deploy-rc.yml

@@ -0,0 +1,29 @@
+name: Deploy RC
+
+on:
+  push:
+    branches:
+      - 20[0-9][0-9]-[01][1470]-rc
+
+concurrency: ${{ github.workflow }}-${{ github.ref }}
+
+jobs:
+  changesets:
+    name: Deploy
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+        with:
+          token: ${{ secrets.SHOPIFY_GH_ACCESS_TOKEN }}
+
+      - uses: ./.github/workflows/actions/prepare
+
+      - id: changesets
+        name: Create release Pull Request or publish to NPM
+        uses: changesets/action@v1
+        with:
+          title: Version Packages (${{ github.ref_name }})
+          publish: yarn run deploy
+        env:
+          NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
+          GITHUB_TOKEN: ${{ secrets.SHOPIFY_GH_ACCESS_TOKEN }}

.github/workflows/deploy.yml

@@ -27,10 +27,11 @@ jobs:
 
       - id: changesets
         name: Create release Pull Request or publish to NPM
-        uses: changesets/action@v1
+        uses: changesets/action@06245a4e0a36c064a573d4150030f5ec548e4fcc # v1.4.10
         with:
           title: Version Packages (${{ github.ref_name }})
           publish: yarn run deploy --tag ${{ github.ref_name }}
+          createGithubReleases: false
         env:
           NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
           GITHUB_TOKEN: ${{ secrets.SHOPIFY_GH_ACCESS_TOKEN }}

.gitignore

@@ -3,13 +3,16 @@ node_modules
 .sewing-kit
 .DS_STORE
 **/build
-packages/*/*.esnext
-packages/*/*.node
-packages/*/*.mjs
-packages/*/*.d.ts
-packages/*/*.js
-packages/*/bin
-!packages/*/.eslintrc.js
+packages/**/*.esnext
+packages/**/*.node
+packages/**/*.mjs
+!packages/**/build-doc*.mjs
+!components/*.d.ts
+!components.d.ts
+packages/**/*.js
+!packages/**/__mocks__/**/*.js
+packages/**/bin
+!packages/**/.eslintrc.js
 *.log
 packages/ui-extensions/docs/**/generated
 

.prettierignore

@@ -1,3 +1,4 @@
 node_modules
 packages/*/build
 packages/web-pixels-extension/src/schemas/pixel-events.jtd.json
+packages/ui-extensions/src/surfaces/checkout/**/*.d.ts

.prettierrc

@@ -3,15 +3,15 @@
   "bracketSpacing": false,
   "singleQuote": true,
   "trailingComma": "all",
+  "htmlWhitespaceSensitivity": "ignore",
   "overrides": [
     {
       "files": [
-        "packages/ui-extensions-react/**/*.example.*",
         "packages/ui-extensions/docs/**/*.example.*"
       ],
       "options": {
         "printWidth": 50
       }
     }
   ]
-}
+}

.vscode/settings.json

@@ -18,5 +18,6 @@
   "editor.codeActionsOnSave": {
     "source.fixAll.eslint": "explicit"
   },
+  "html.format.wrapAttributes": "preserve",
   "typescript.tsdk": "node_modules/typescript/lib"
 }

README.md

@@ -2,24 +2,23 @@
 
 This repo contains the public definition of Shopify’s UI extension API. App developers can use these libraries for a strongly-typed, optimized development experience that lets them focus on integrating their app’s features deep into Shopify workflows. You can learn more about what is possible with UI extensions in [Shopify’s developer documentation](https://shopify.dev/api/checkout-extensions/checkout).
 
-> **Note:** UI extensions are a [versioned API](https://shopify.dev/api/usage/versioning). This branch contains the APIs for the `unstable` API version. The following API versions are available as separate branches in this repo: [`2023-04`](https://github.com/Shopify/ui-extensions/tree/2023-04), [`2023-07`](https://github.com/Shopify/ui-extensions/tree/2023-07)
+> **Note:** UI extensions are a [versioned API](https://shopify.dev/api/usage/versioning). This branch contains the APIs for the `2025-10` API version. The following API versions are available as separate branches in this repo: [`2023-04`](https://github.com/Shopify/ui-extensions/tree/2023-04), [`2023-07`](https://github.com/Shopify/ui-extensions/tree/2023-07)
 
-Shopify provides different “variants” of UI extension APIs that are suitable for different developers:
-
-- [`@shopify/ui-extensions`](./packages/ui-extensions/) lets developers use a small, strongly-typed JavaScript API for creating UI extensions
-- [`@shopify/ui-extensions-react`](./packages/ui-extensions-react/) lets developers create UI extensions using [React](https://reactjs.org/), a popular JavaScript library for building user interfaces
+Shopify provides UI extension APIs via the [`@shopify/ui-extensions` package](./packages/ui-extensions/) which lets developers use a small, strongly-typed JavaScript API for creating UI extensions
 
 ## What are “UI extensions”?
 
 A UI extension is a JavaScript-based module that can hook in to client-side behaviors on any of Shopify’s first party UI surface areas. The most minimal definition of a UI extension has the following properties, which are configured in a `shopify.extension.toml` file in your project:
 
 - A `name` that is presented to merchants when interacting with the extension.
-- The [`target`](https://shopify.dev/docs/apps/app-extensions/configuration#targets) that the UI extension wishes to inject into. These are represented with string identifiers that describe the surface and responsibility of the extension. For example, [`purchase.checkout.cart-line-item.render-after` target](https://shopify.dev/docs/api/checkout-ui-extensions/unstable/apis/extensiontargets) gives a UI Extension the ability to render UI after the each cart line in a checkout.
+- The [`target`](https://shopify.dev/docs/apps/app-extensions/configuration#targets) that the UI extension wishes to inject into. These are represented with string identifiers that describe the surface and responsibility of the extension. For example, [`purchase.checkout.cart-line-item.render-after` target](https://shopify.dev/docs/api/checkout-ui-extensions/latest/targets) gives a UI Extension the ability to render UI after the each cart line in a checkout.
 - The JavaScript `module` in your local project that will be run to render UI.
 
 The types in this package allow us to represent additional details about the targets developers can implement. Each target can have a custom set of APIs available to it, which includes:
 
 - What **UI Components** are available to be rendered, and what properties those UI components accept
 - What **imperative APIs** are provided by the host application, for reading and writing data relevant to the extension
 
-UI extensions are built on an open source project called, [remote-ui](https://github.com/Shopify/remote-dom/tree/remote-ui), which allows them to render native UI elements while being safely sandboxed. If you want to learn more, we’ve written a [technical explanation of how extensions work under the hood](./documentation/how-extensions-work.md).
+UI extensions are built on an open source project called, [remote-dom](https://github.com/Shopify/remote-dom), which allows them to render native UI elements while being safely sandboxed.
+
+> **Note:** If you are migrating from an API version prior to `2025-10`, you can follow the [migration guide](https://shopify.dev/docs/api/checkout-ui-extensions/2025-10/upgrading-to-2025-10).

config/loom/index.ts

@@ -3,7 +3,7 @@ import {buildLibrary, babel} from '@shopify/loom-plugin-build-library';
 
 const PLUGIN = 'UiExtensions.DefaultProject';
 
-export function defaultProjectPlugin({react = false} = {}) {
+export function defaultProjectPlugin() {
   return createComposedProjectPlugin<Package>(PLUGIN, [
     buildLibrary({
       commonjs: true,
@@ -19,13 +19,6 @@ export function defaultProjectPlugin({react = false} = {}) {
             '@shopify/babel-preset',
             {
               typescript: true,
-              react,
-              reactOptions: react
-                ? {
-                    runtime: 'automatic',
-                    importSource: 'react',
-                  }
-                : undefined,
             },
           ],
         ],