@shopify/ui-extensions 2.0.0-alpha.2 → 2022.10.0

package/checkout.esnext

@@ -1 +1 @@
-export * from "./build/esnext/surfaces/checkout/index";
+export * from "./build/esnext/surfaces/checkout/index.esnext";

package/checkout.js

@@ -1 +1 @@
-module.exports = require("./build/node/surfaces/checkout/index");
+module.exports = require("./build/cjs/surfaces/checkout/index.js");

package/checkout.mjs

@@ -1 +1 @@
-export * from "./build/esm/surfaces/checkout/index";
+export * from "./build/esm/surfaces/checkout/index.mjs";

package/index.esnext

@@ -1 +1 @@
-export * from "./build/esnext/index";
+export * from "./build/esnext/index.esnext";

package/index.js

@@ -1 +1 @@
-module.exports = require("./build/node/index");
+module.exports = require("./build/cjs/index.js");

package/index.mjs

@@ -1 +1 @@
-export * from "./build/esm/index";
+export * from "./build/esm/index.mjs";

package/loom.config.ts

@@ -0,0 +1,9 @@
+import {createPackage} from '@shopify/loom';
+
+import {defaultProjectPlugin} from '../../config/loom';
+
+export default createPackage((pkg) => {
+  pkg.entry({root: './src/index.ts'});
+  pkg.entry({name: 'checkout', root: './src/surfaces/checkout/index.ts'});
+  pkg.use(defaultProjectPlugin());
+});

package/package.json

@@ -1,15 +1,12 @@
 {
   "name": "@shopify/ui-extensions",
-  "version": "2.0.0-alpha.2",
+  "version": "2022.10.0",
   "main": "index.js",
   "module": "index.mjs",
   "esnext": "index.esnext",
   "types": "./build/ts/index.d.ts",
   "typesVersions": {
     "*": {
-      "admin": [
-        "./build/ts/surfaces/admin/index.d.ts"
-      ],
       "checkout": [
         "./build/ts/surfaces/checkout/index.d.ts"
       ]
@@ -17,16 +14,13 @@
   },
   "exports": {
     ".": {
+      "types": "./build/ts/index.d.ts",
       "esnext": "./index.esnext",
       "import": "./index.mjs",
       "require": "./index.js"
     },
-    "./admin": {
-      "esnext": "./admin.esnext",
-      "import": "./admin.mjs",
-      "require": "./admin.js"
-    },
     "./checkout": {
+      "types": "./build/ts/checkout/index.d.ts",
       "esnext": "./checkout.esnext",
       "import": "./checkout.mjs",
       "require": "./checkout.js"
@@ -35,11 +29,16 @@
   "license": "MIT",
   "sideEffects": false,
   "dependencies": {
-    "@remote-ui/core": "^2.1.16"
+    "@remote-ui/async-subscription": "^2.1.12",
+    "@remote-ui/core": "2.1.x"
   },
   "publishConfig": {
     "access": "public",
     "@shopify:registry": "https://registry.npmjs.org/"
   },
-  "gitHead": "4fbb5899024fa788361f88b300a9efe36bec129d"
+  "eslintConfig": {
+    "rules": {
+      "@shopify/strict-component-boundaries": "off"
+    }
+  }
 }

package/src/api.ts

@@ -1,8 +1,3 @@
-export interface ExtensionInstance {
-  readonly id: string;
-}
-
 export interface StandardApi {
-  readonly extension: ExtensionInstance;
   readonly extensionPoint: string;
 }

package/src/extension.ts

@@ -1,42 +1,16 @@
-import type {
-  RemoteRoot,
-  RemoteChannel,
-  RemoteComponentType,
-} from '@remote-ui/core';
+import type {RemoteRoot, RemoteComponentType} from '@remote-ui/core';
 
 export interface Extension<Api, Result> {
   (api: Api): Result;
 }
 
-export interface RenderExtensionConnection<
-  AllowedComponents extends RemoteComponentType<
-    string,
-    any
-  > = RemoteComponentType<any, any>
-> {
-  channel: RemoteChannel;
-  components: AllowedComponents[];
-}
-
 export interface RenderExtension<
   Api,
   AllowedComponents extends RemoteComponentType<
     string,
+    any,
     any
-  > = RemoteComponentType<any, any>
-> {
-  (
-    connection: RenderExtensionConnection<AllowedComponents>,
-    api: Api,
-  ): void | Promise<void>;
-}
-
-export interface RenderExtensionWithRemoteRoot<
-  Api,
-  AllowedComponents extends RemoteComponentType<
-    string,
-    any
-  > = RemoteComponentType<any, any>
+  > = RemoteComponentType<any, any, any>,
 > {
   (
     root: RemoteRoot<AllowedComponents, AllowedComponents>,

package/src/index.ts

@@ -1,3 +1,3 @@
 export * from './api';
-export * from './components';
+export * from './extension';
 export * from './extension';

package/src/surfaces/checkout/api/cart-line-details/render-after.ts

@@ -1,7 +1,11 @@
-import type {CartLine} from '../shared';
-import type {StandardApi} from '../standard/standard';
+import type {StatefulRemoteSubscribable} from '@remote-ui/async-subscription';
+
+import type {PresentmentCartLine, StandardApi} from '../standard/standard';
 
 export interface CartLineDetailsRenderAfterApi
   extends StandardApi<'Checkout::CartLineDetails::RenderAfter'> {
-  readonly target: CartLine;
+  /**
+   * The cart line the extension is attached to.
+   */
+  target: StatefulRemoteSubscribable<PresentmentCartLine>;
 }