[Ui components]: Component dts files

.changeset/brave-birds-travel.md

@@ -0,0 +1,5 @@
+---
+'@shopify/ui-extensions': patch
+---
+
+Add preact entry to ui-extensions

.changeset/cold-snakes-return.md

@@ -0,0 +1,5 @@
+---
+'@shopify/ui-extensions': patch
+---
+
+Remove global declaration from target d.ts as this was causing conflicting types

.changeset/heavy-melons-greet.md

@@ -0,0 +1,5 @@
+---
+'@shopify/ui-extensions': patch
+---
+
+Patch preact signal

.changeset/orange-emus-whisper.md

@@ -0,0 +1,5 @@
+---
+'@shopify/ui-extensions': patch
+---
+
+Update components types for Admin surface

.changeset/pretty-terms-switch.md

@@ -0,0 +1,5 @@
+---
+'@shopify/ui-extensions': minor
+---
+
+Support remote-dom for Admin surface

.changeset/wet-laws-explain.md

@@ -0,0 +1,5 @@
+---
+'@shopify/ui-extensions': patch
+---
+
+Add new remote-dom components for Admin

.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,17 @@ module.exports = {
     'packages/*/*.mjs',
     'packages/*/*.node',
     'packages/*/*.esnext',
+    'packages/ui-extensions/src/surfaces/**/*.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 +46,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/rc-snapshot.yml

@@ -0,0 +1,41 @@
+name: RC Snapshot
+
+on:
+  workflow_dispatch:
+  push:
+    branches:
+      - 20[0-9][0-9]-[01][1470]-rc
+
+concurrency: ${{ github.workflow }}-${{ github.ref }}
+
+jobs:
+  rc-snapshot:
+    name: RC Snapshot
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+        with:
+          token: ${{ secrets.SHOPIFY_GH_ACCESS_TOKEN }}
+
+      - uses: ./.github/workflows/actions/prepare
+
+      - name: Create an .npmrc
+        env:
+          NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
+        run: |
+          cat << EOF > "$HOME/.npmrc"
+            //registry.npmjs.org/:_authToken=$NPM_TOKEN
+          EOF
+
+      - name: Extract branch name
+        shell: bash
+        run: echo "branch=${GITHUB_HEAD_REF:-${GITHUB_REF#refs/heads/}}" >> $GITHUB_OUTPUT
+        id: extract_branch
+
+      - name: Build snapshot version
+        run: yarn build
+
+      - name: Deploy snapshot version
+        run: yarn changeset version --snapshot ${{ steps.extract_branch.outputs.branch }} && yarn changeset publish --tag ${{ steps.extract_branch.outputs.branch }} --no-git-tag
+        env:
+          GITHUB_TOKEN: ${{ secrets.SHOPIFY_GH_ACCESS_TOKEN }}

.gitignore

@@ -3,13 +3,13 @@ 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/**/*.d.ts
+packages/**/*.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/**/*.d.ts

.prettierrc

@@ -3,12 +3,10 @@
   "bracketSpacing": false,
   "singleQuote": true,
   "trailingComma": "all",
+  "htmlWhitespaceSensitivity": "ignore",
   "overrides": [
     {
-      "files": [
-        "packages/ui-extensions-react/**/*.example.*",
-        "packages/ui-extensions/docs/**/*.example.*"
-      ],
+      "files": ["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

@@ -22,4 +22,4 @@ The types in this package allow us to represent additional details about the tar
 - 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.

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,
             },
           ],
         ],