@dropins/mcp 0.1.0

package/dist/registry/examples/storefront-quote-management.json

@@ -0,0 +1,49 @@
+{
+  "dropin": "storefront-quote-management",
+  "extensions": [],
+  "sharedExtensionFiles": {},
+  "blocks": [
+    {
+      "name": "commerce-auth",
+      "description": "Example commerce-auth block for storefront-quote-management",
+      "files": {
+        "commerce-auth.js": "/********************************************************************\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this\n * file in accordance with the terms of the Adobe license agreement\n * accompanying it.\n *******************************************************************/\n\nimport { AuthCombine } from '@dropins/storefront-auth/containers/AuthCombine.js';\nimport { render as authProvider } from '@dropins/storefront-auth/render.js';\nimport { revokeCustomerToken } from '@dropins/storefront-auth/api.js';\nimport { events } from '@dropins/tools/event-bus.js';\n\nexport default async function decorate(block) {\n  const blockAttributes = Array.from(block.attributes);\n\n  const button = document.createElement('button');\n  blockAttributes.forEach((attribute) => {\n    button.setAttribute(attribute.name, attribute.value);\n  });\n\n  events.on(\n    'authenticated',\n    (authenticated) => {\n      if (authenticated) {\n        button.innerText = 'Logout';\n        button.removeEventListener('click', handleLoginClick);\n        button.addEventListener('click', handleLogoutClick);\n      } else {\n        button.innerText = 'Login';\n        button.removeEventListener('click', handleLogoutClick);\n        button.addEventListener('click', handleLoginClick);\n      }\n    },\n    {\n      eager: true,\n    }\n  );\n\n  button.removeAttribute('disabled');\n\n  block.replaceWith(button);\n\n  return button;\n}\n\nconst handleLoginClick = () => {\n  const signInModal = document.createElement('div');\n  signInModal.setAttribute('id', 'signin-modal');\n  signInModal.onclick = () => {\n    signInModal.remove();\n  };\n\n  const signInForm = document.createElement('div');\n  signInForm.setAttribute('id', 'signin-form');\n  signInForm.onclick = (event) => {\n    event.stopPropagation();\n  };\n\n  authProvider.render(AuthCombine, {\n    signInFormConfig: { renderSignUpLink: true },\n    signUpFormConfig: {},\n    resetPasswordFormConfig: {},\n  })(signInForm);\n\n  signInModal.appendChild(signInForm);\n  document.body.appendChild(signInModal);\n\n  events.on('authenticated', (authenticated) => {\n    if (authenticated) {\n      signInModal.remove();\n    }\n  });\n};\n\nconst handleLogoutClick = () => {\n  revokeCustomerToken();\n};\n"
+      }
+    },
+    {
+      "name": "commerce-b2b-manage-quote",
+      "description": "Example commerce-b2b-manage-quote block for storefront-quote-management",
+      "files": {
+        "commerce-b2b-manage-quote.js": "/********************************************************************\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this\n * file in accordance with the terms of the Adobe license agreement\n * accompanying it.\n *******************************************************************/\n\nimport { ManageNegotiableQuote } from '@dropins/quote-management/containers/ManageNegotiableQuote.js';\nimport { QuotesListTable } from '@dropins/quote-management/containers/QuotesListTable.js';\nimport { render as quoteProvider } from '@dropins/quote-management/render.js';\nimport { events } from '@dropins/tools/event-bus.js';\n\nexport default async function decorate(block) {\n  const urlParams = new URLSearchParams(window.location.search);\n  const quoteId = urlParams.get('quoteId');\n\n  if (!quoteId) {\n    block.setAttribute('data-testid', 'quote-list-table');\n    // Render the quote list table\n    quoteProvider.render(QuotesListTable, {\n      onViewQuote: (quoteId) => {\n        window.location.href = `?quoteId=${quoteId}`;\n      },\n    })(block);\n  } else {\n    block.setAttribute('data-testid', 'manage-quote');\n    // Render the manage quote component\n    quoteProvider.render(ManageNegotiableQuote, {})(block);\n\n    // On delete success: navigate back to quotes list after delay to show success banner\n    const deleteListener = events.on('quote-management/negotiable-quote-deleted', ({ deletedQuoteUids }) => {\n        if (deletedQuoteUids && deletedQuoteUids.length > 0) {\n          // Delay redirect by 2 seconds\n          setTimeout(() => {\n            window.location.href = window.location.pathname;\n          }, 2000);\n        }\n      }\n    );\n\n    // On duplicate success: navigate to new quote after delay to show success banner\n    const duplicateListener = events.on('quote-management/quote-duplicated', ({ quote }) => {\n        if (quote && quote.uid) {\n          // Delay redirect by 2 seconds\n          setTimeout(() => {\n            window.location.href = `${window.location.pathname}?quoteId=${quote.uid}`;\n          }, 2000);\n        }\n      }\n    );\n\n    // Clean up listeners if block is removed\n    const observer = new MutationObserver(() => {\n        if (!document.body.contains(block)) {\n            deleteListener?.off();\n            duplicateListener?.off();\n            observer.disconnect();\n        }\n    });\n    observer.observe(document.body, { childList: true, subtree: true });\n  }\n}\n"
+      }
+    },
+    {
+      "name": "commerce-b2b-manage-quote-templates",
+      "description": "Example commerce-b2b-manage-quote-templates block for storefront-quote-management",
+      "files": {
+        "commerce-b2b-manage-quote-templates.js": "import { QuoteTemplatesListTable } from '@dropins/quote-management/containers/QuoteTemplatesListTable.js';\nimport { ManageNegotiableQuoteTemplate } from '@dropins/quote-management/containers/ManageNegotiableQuoteTemplate.js';\nimport { render as quoteProvider } from '@dropins/quote-management/render.js';\nimport { events } from '@dropins/tools/event-bus.js';\n\nexport default async function decorate(block) {\n  const urlParams = new URLSearchParams(window.location.search);\n  const quoteTemplateId = urlParams.get('quoteTemplateId');\n\n  // Helper function to navigate to the generated quote\n  const navigateToQuote = (quoteId) => {\n    if (quoteId) {\n      // Delay redirect by 2 seconds to allow success banner to be seen\n      setTimeout(() => {\n        // Navigate to the quote management page with the new quote ID\n        // Adjust the path based on your storefront structure\n        window.location.href = `?quoteId=${quoteId}`;\n      }, 2000);\n    }\n  };\n\n  if (!quoteTemplateId) {\n    block.setAttribute('data-testid', 'quote-template-list-table');\n    // Render the quote list table\n    quoteProvider.render(QuoteTemplatesListTable, {\n      onViewQuoteTemplate: (templateId) => {\n        window.location.href = `?quoteTemplateId=${templateId}`;\n      },\n      // On generate quote success: navigate to new quote after delay to show success banner\n      onGenerateQuoteFromTemplate: (templateId, templateName, quoteId) => {\n        navigateToQuote(quoteId);\n      },\n    })(block);\n  } else {\n    block.setAttribute('data-testid', 'manage-quote-template');\n    // Render the manage quote template component\n    quoteProvider.render(ManageNegotiableQuoteTemplate, {})(block);\n\n    // On generate quote success: navigate to new quote after delay to show success banner\n    const generateQuoteListener = events.on('quote-management/quote-template-generated', ({ quoteId }) => {\n        navigateToQuote(quoteId);\n      }\n    );\n\n    // Clean up listeners if block is removed\n    const observer = new MutationObserver(() => {\n        if (!document.body.contains(block)) {\n            generateQuoteListener?.off();\n            observer.disconnect();\n        }\n    });\n    observer.observe(document.body, { childList: true, subtree: true });\n  }\n}\n"
+      }
+    },
+    {
+      "name": "commerce-b2b-request-quote-button",
+      "description": "Example commerce-b2b-request-quote-button block for storefront-quote-management",
+      "files": {
+        "commerce-b2b-request-quote-button.js": "/********************************************************************\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this\n * file in accordance with the terms of the Adobe license agreement\n * accompanying it.\n *******************************************************************/\n\nimport { events } from '@dropins/tools/event-bus.js';\nimport { RequestNegotiableQuoteForm } from '@dropins/quote-management/containers/RequestNegotiableQuoteForm.js';\nimport { render as quoteProvider } from '@dropins/quote-management/render.js';\nimport { Icon, Button, provider as UI } from '@dropins/tools/components.js';\nimport { h } from '@dropins/tools/preact.js';\n\nexport default async function decorate(block) {\n    block.setAttribute('hidden', true);\n\n    const button = document.createElement('button');\n    button.textContent = 'Request Quote';\n    button.setAttribute('disabled', true);\n\n    let cartId = null;\n    const uniqueId = Date.now();\n\n    button.addEventListener('click', async () => {\n        if (!cartId) {\n            return;\n        }\n\n        button.setAttribute('disabled', true);\n        button.textContent = 'Requesting...';\n\n        const resetButton = () => {\n            button.textContent = 'Request Quote';\n            button.removeAttribute('disabled');\n        };\n\n        showQuoteForm(cartId, resetButton);\n    });\n\n    events.on('cart/data', (data) => {\n        const isEmpty = data?.items?.length === 0 ?? true;\n        const isGuest = data?.isGuestCart ?? true;\n\n        // Only enable if not guest and cart is not empty\n        if (!isGuest && !isEmpty) {\n            cartId = data?.id;\n            block.removeAttribute('hidden');\n            button.removeAttribute('disabled');\n        }\n        else {\n            block.setAttribute('hidden', true);\n            button.setAttribute('disabled', true);\n        }\n    }, {\n        eager: true,\n    });\n\n    block.appendChild(button);\n}\n\nconst showQuoteForm = async (cartId, onClose) => {\n    const quoteModal = document.createElement('div');\n    quoteModal.setAttribute('id', 'quote-modal');\n\n    // Close the quote modal when a negotiable quote is requested\n    const { off: unsubscribe } = events.on('quote-management/negotiable-quote-requested', () => {\n        setTimeout(() => {\n            quoteModal.dispatchEvent(new CustomEvent('close-modal'));\n        }, 3000);\n    });\n\n    quoteModal.addEventListener('close-modal', () => {\n        // Unsubscribe from the event when the quote modal is closed to avoid memory leaks\n        unsubscribe();\n        quoteModal.remove();\n        onClose && onClose();\n    })\n\n    quoteModal.onclick = () => {\n        quoteModal.dispatchEvent(new CustomEvent('close-modal'));\n    };\n\n    const quoteForm = document.createElement('div');\n    quoteForm.setAttribute('id', 'quote-form');\n    quoteForm.onclick = (event) => {\n        // Prevent the event from bubbling up to the quote modal\n        event.stopPropagation();\n    };\n\n    quoteProvider.render(RequestNegotiableQuoteForm, {\n        cartId,\n        onError: (message) => {\n            console.error('onError', message);\n        },\n        onSubmitErrors: (errors) => {\n            console.error('onSubmitErrors', errors);\n        },\n        slots: {\n            // Append a close button to the Save Draft button\n            SaveDraftButton: (ctx) => {\n                const closeButtonContainer = document.createElement('div');\n                UI.render(Button, {\n                    type: 'button',\n                    children: 'Close',\n                    onClick: () => {\n                        quoteModal.dispatchEvent(new CustomEvent('close-modal'));\n                    },\n                    variant: 'secondary',\n                })(closeButtonContainer);\n                ctx.appendSibling(closeButtonContainer);\n            }\n        },\n    })(quoteForm);\n\n    // Append a close button to the quote form\n    UI.render(Button, {\n        type: 'button',\n        className: 'quote-form__close-button',\n        onClick: () => {\n            quoteModal.dispatchEvent(new CustomEvent('close-modal'));\n        },\n        icon: h(Icon, {\n            source: 'Close'\n        }),\n        variant: 'tertiary',\n    })(quoteForm);\n\n    quoteModal.appendChild(quoteForm);\n    document.body.appendChild(quoteModal);\n}\n"
+      }
+    },
+    {
+      "name": "commerce-b2b-set-shipping-address",
+      "description": "Example commerce-b2b-set-shipping-address block for storefront-quote-management",
+      "files": {
+        "commerce-b2b-set-shipping-address.js": "/********************************************************************\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this\n * file in accordance with the terms of the Adobe license agreement\n * accompanying it.\n *******************************************************************/\n\n/**\n * Set Shipping Address Button Block\n * \n * This block creates a test button that calls the setShippingAddress API\n * with a hardcoded address. It serves as a reference implementation for\n * developers integrating the shipping address feature.\n */\n\nimport { setShippingAddress } from '@dropins/quote-management/api.js';\n\n/**\n * Hardcoded test address for demonstration purposes.\n * In a production application, this would come from a proper address\n * selection UI (e.g., Account Drop-in address selector).\n */\nconst TEST_ADDRESS = {\n  firstname: 'John',\n  lastname: 'Doe',\n  company: 'Adobe Inc.',\n  street: ['345 Park Avenue'],\n  city: 'San Jose',\n  region: 'CA',\n  postcode: '95110',\n  countryCode: 'US',\n  telephone: '555-0123',\n  saveInAddressBook: false,\n};\n\n/**\n * Decorates a button element with shipping address functionality.\n * \n * @param {HTMLElement} element - The button element to decorate\n */\nexport default function decorateSetShippingAddressButton(element) {\n  element.textContent = 'Set Test Shipping Address';\n  \n  element.addEventListener('click', async () => {\n    // Get quote ID from URL parameters\n    const urlParams = new URLSearchParams(window.location.search);\n    const quoteId = urlParams.get('quoteId');\n    \n    // Validate that a quote is selected\n    if (!quoteId) {\n      alert('No active quote selected. Please navigate to a quote first.');\n      return;\n    }\n    \n    // Show loading state\n    element.disabled = true;\n    const originalText = element.textContent;\n    element.textContent = '⏳ Setting address...';\n    \n    try {\n      // Call the setShippingAddress API with hardcoded test data\n      const updatedQuote = await setShippingAddress({\n        quoteUid: quoteId,\n        addressData: TEST_ADDRESS,\n      });\n      \n      // Success feedback\n      element.textContent = '✅ Address Set Successfully';\n      console.log('✅ Shipping address updated successfully');\n      console.log('Updated quote:', updatedQuote);\n      \n      // Reset button after 2 seconds\n      setTimeout(() => {\n        element.disabled = false;\n        element.textContent = originalText;\n      }, 2000);\n      \n    } catch (error) {\n      // Error feedback\n      element.textContent = '❌ Failed';\n      console.error('❌ Error setting shipping address:', error);\n      \n      // Show user-friendly error message\n      alert(`Failed to set shipping address: ${error.message}`);\n      \n      // Reset button after 2 seconds\n      setTimeout(() => {\n        element.disabled = false;\n        element.textContent = originalText;\n      }, 2000);\n    }\n  });\n}\n\n"
+      }
+    },
+    {
+      "name": "commerce-cart-setup",
+      "description": "Example commerce-cart-setup block for storefront-quote-management",
+      "files": {
+        "commerce-cart-setup.js": "/********************************************************************\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this\n * file in accordance with the terms of the Adobe license agreement\n * accompanying it.\n *******************************************************************/\n\nimport { events } from '@dropins/tools/event-bus.js';\nimport { addProductsToCart } from '@dropins/storefront-cart/api.js';\n\nexport default async function decorate(block) {\n    const blockAttributes = Array.from(block.attributes);\n\n    const button = document.createElement('button');\n    blockAttributes.forEach(attribute => {\n        button.setAttribute(attribute.name, attribute.value);\n    });\n\n    button.innerText = 'Cart Setup';\n    button.addEventListener('click', handleCartSetupClick);\n\n    block.replaceWith(button);\n\n    events.on('cart/data', (data) => {\n        const isEmpty = data?.items?.length === 0 ?? true;\n        const isGuest = data?.isGuestCart ?? true;\n\n        // Only enable if not guest and cart is empty\n        if (!isGuest && isEmpty) {\n            button.removeAttribute('disabled');\n        }\n        else {\n            button.setAttribute('disabled', true);\n        }\n    });\n\n    return button;\n}\n\nconst handleCartSetupClick = async (event) => {\n    event.preventDefault();\n\n    const cartItems = JSON.parse(event.target.dataset.cartItems);\n\n    const { data } = await addProductsToCart(cartItems);\n\n    console.log('data', data);\n}"
+      }
+    }
+  ]
+}

package/dist/registry/extensions.json

@@ -0,0 +1,272 @@
+{
+  "version": "1.0.0",
+  "description": "Auto-generated extension registry from checkout extension block examples",
+  "managerImport": "import { getExtensionManager } from './extension-manager.js'",
+  "managerDescription": "Use getExtensionManager() to load and execute extensions. getExtensionManager() is a singleton wrapper around createExtensionManager (from '@dropins/tools/lib.js') — it initializes once with the extensions registered in extensions/index.js and reuses the same instance thereafter. Hooks are executed via extensionManager.executeHook(hookName, context).",
+  "hooks": [
+    {
+      "name": "checkout/address-form-render",
+      "description": "Customize address form rendering — extensions wrap context.render() to augment behavior before/after rendering",
+      "whenFired": "When an address form (shipping or billing) mounts in the DOM",
+      "contextShape": {
+        "container": "HTMLElement — the address form container element",
+        "addressType": "string — 'shipping' or 'billing'",
+        "formProps": "object — the form configuration props",
+        "render": "function — the default render function, can be wrapped by extensions",
+        "getFormContainer": "function — returns the form container reference for setting props",
+        "hasCartAddress": "boolean — whether the cart already has an address of this type",
+        "addressDataKey": "string — session storage key for cached address data"
+      }
+    },
+    {
+      "name": "checkout/payment-methods",
+      "description": "Register custom payment methods in the checkout UI",
+      "whenFired": "During payment method rendering, before methods are displayed",
+      "contextShape": {
+        "paymentMethods": "Record<string, PaymentMethodConfig> — add entries to register custom payment methods"
+      }
+    },
+    {
+      "name": "checkout/payment-response",
+      "description": "Handle payment gateway response after redirect-based payment processing",
+      "whenFired": "At the very start of checkout initialization, before the checkout renders — use this to detect if the user is returning from a payment redirect and handle the response before normal checkout flow begins",
+      "contextShape": {
+        "block": "HTMLElement — the checkout block DOM element",
+        "shouldExit": "boolean — set to true to stop the redirect flow"
+      }
+    },
+    {
+      "name": "checkout/place-order",
+      "description": "Customize or intercept the order placement process",
+      "whenFired": "After validation passes, during order submission",
+      "contextShape": {
+        "cartId": "string — the cart ID",
+        "code": "string — payment method code",
+        "preventDefault": "boolean — set to true to handle order placement yourself"
+      }
+    },
+    {
+      "name": "checkout/shipping-methods-render",
+      "description": "Customize shipping methods rendering — extensions wrap context.render() to augment behavior before/after rendering, including customizing each ShippingMethodItem via slots",
+      "whenFired": "When the ShippingMethods container mounts and renders available shipping options",
+      "contextShape": {
+        "container": "HTMLElement — the shipping methods container element",
+        "render": "function — the default render function, can be wrapped by extensions. Accepts optional props including slots.ShippingMethodItem"
+      },
+      "slotContext": {
+        "ShippingMethodItem": {
+          "method": "ShippingMethod — the shipping method object (includes value, title, amount, carrier, etc.)",
+          "isSelected": "boolean — whether this method is currently selected",
+          "onSelect": "function — call to select this shipping method",
+          "replaceWith": "function(element) — replace the default item with a custom element",
+          "onRender": "function(callback) — register a callback invoked on re-renders (e.g., when selection changes). Receives the updated context"
+        }
+      }
+    },
+    {
+      "name": "checkout/validate",
+      "description": "Add custom validation logic before order placement",
+      "whenFired": "When the user clicks Place Order — runs only after default form validation passes, so extensions can assume basic form fields are valid",
+      "contextShape": {
+        "code": "string — payment method code",
+        "isValid": "boolean — set to false to block order placement"
+      }
+    }
+  ],
+  "existingExtensions": [
+    {
+      "id": "address-autocomplete",
+      "name": "Address Autocomplete Extension",
+      "hooks": [
+        "checkout/address-form-render"
+      ],
+      "externalScripts": [],
+      "externalStyles": [
+        "${extensionBasePath}address-autocomplete.css"
+      ],
+      "sourceFile": "address-autocomplete/address-autocomplete-extension.js"
+    },
+    {
+      "id": "address-validation",
+      "name": "Address Validation Extension",
+      "hooks": [
+        "checkout/validate"
+      ],
+      "externalScripts": [],
+      "externalStyles": [
+        "${extensionBasePath}address-validation-extension.css"
+      ],
+      "sourceFile": "address-validation/address-validation-extension.js"
+    },
+    {
+      "id": "adyen-bancontact",
+      "name": "Adyen Bancontact",
+      "hooks": [
+        "checkout/payment-methods",
+        "checkout/validate",
+        "checkout/place-order"
+      ],
+      "externalScripts": [],
+      "externalStyles": [],
+      "sourceFile": "adyen/adyen-bancontact-extension.js"
+    },
+    {
+      "id": "adyen-blik",
+      "name": "Adyen BLIK",
+      "hooks": [
+        "checkout/payment-methods",
+        "checkout/validate",
+        "checkout/place-order"
+      ],
+      "externalScripts": [],
+      "externalStyles": [],
+      "sourceFile": "adyen/adyen-blik-extension.js"
+    },
+    {
+      "id": "adyen-cc",
+      "name": "Adyen Credit Card",
+      "hooks": [
+        "checkout/payment-methods",
+        "checkout/validate",
+        "checkout/place-order"
+      ],
+      "externalScripts": [],
+      "externalStyles": [],
+      "sourceFile": "adyen/adyen-cc-extension.js"
+    },
+    {
+      "id": "adyen-cc-vault",
+      "name": "Adyen Credit Card Vault",
+      "hooks": [
+        "checkout/payment-methods",
+        "checkout/place-order"
+      ],
+      "externalScripts": [],
+      "externalStyles": [],
+      "sourceFile": "adyen/adyen-cc-vault-extension.js"
+    },
+    {
+      "id": "adyen-googlepay",
+      "name": "Adyen Google Pay",
+      "hooks": [
+        "checkout/payment-methods"
+      ],
+      "externalScripts": [],
+      "externalStyles": [],
+      "sourceFile": "adyen/adyen-googlepay-extension.js"
+    },
+    {
+      "id": "adyen-ideal",
+      "name": "Adyen iDEAL",
+      "hooks": [
+        "checkout/payment-response",
+        "checkout/payment-methods",
+        "checkout/place-order"
+      ],
+      "externalScripts": [],
+      "externalStyles": [],
+      "sourceFile": "adyen/adyen-ideal-extension.js"
+    },
+    {
+      "id": "adyen-klarna",
+      "name": "Adyen Klarna",
+      "hooks": [
+        "checkout/payment-response",
+        "checkout/payment-methods",
+        "checkout/place-order"
+      ],
+      "externalScripts": [],
+      "externalStyles": [],
+      "sourceFile": "adyen/adyen-klarna-extension.js"
+    },
+    {
+      "id": "adyen-klarna-account",
+      "name": "Adyen Klarna Pay Over Time",
+      "hooks": [
+        "checkout/payment-response",
+        "checkout/payment-methods",
+        "checkout/place-order"
+      ],
+      "externalScripts": [],
+      "externalStyles": [],
+      "sourceFile": "adyen/adyen-klarna-account-extension.js"
+    },
+    {
+      "id": "adyen-paypal",
+      "name": "Adyen PayPal",
+      "hooks": [
+        "checkout/payment-response",
+        "checkout/payment-methods"
+      ],
+      "externalScripts": [],
+      "externalStyles": [],
+      "sourceFile": "adyen/adyen-paypal-extension.js"
+    },
+    {
+      "id": "bopis",
+      "name": "Buy Online Pickup In Store",
+      "hooks": [
+        "checkout/address-form-render",
+        "checkout/validate"
+      ],
+      "externalScripts": [],
+      "externalStyles": [
+        "${extensionBasePath}bopis.css"
+      ],
+      "sourceFile": "bopis/bopis-extension.js"
+    },
+    {
+      "id": "braintree-payment",
+      "name": "Braintree Payment Gateway",
+      "hooks": [
+        "checkout/payment-methods",
+        "checkout/place-order"
+      ],
+      "externalScripts": [
+        "https://js.braintreegateway.com/web/dropin/1.43.0/js/dropin.min.js"
+      ],
+      "externalStyles": [],
+      "sourceFile": "braintree/braintree-extension.js"
+    },
+    {
+      "id": "custom-shipping-methods",
+      "name": "Custom Shipping Methods",
+      "hooks": [
+        "checkout/shipping-methods-render"
+      ],
+      "externalScripts": [],
+      "externalStyles": [
+        "${extensionBasePath}custom-shipping-methods-extension.css"
+      ],
+      "sourceFile": "custom-shipping-methods/custom-shipping-methods-extension.js"
+    },
+    {
+      "id": "recurring-order",
+      "name": "Recurring Order Extension",
+      "hooks": [
+        "checkout/shipping-methods-render",
+        "checkout/validate",
+        "checkout/place-order"
+      ],
+      "externalScripts": [],
+      "externalStyles": [
+        "${extensionBasePath}recurring-order-extension.css"
+      ],
+      "sourceFile": "recurring-order/recurring-order-extension.js"
+    },
+    {
+      "id": "test-extension",
+      "name": "Test Extension (Hooks Demo)",
+      "hooks": [
+        "checkout/validate",
+        "checkout/payment-methods",
+        "checkout/place-order"
+      ],
+      "externalScripts": [],
+      "externalStyles": [
+        "${extensionBasePath}test-extension.css"
+      ],
+      "sourceFile": "test-extension/test-extension.js"
+    }
+  ]
+}