Vendors

.eslintignore

@@ -3,3 +3,4 @@ scripts/preact.js
 scripts/htm.js
 scripts/dropins
 tools/picker
+vendors/

head.html

@@ -1,15 +1,19 @@
 <meta name="viewport" content="width=device-width, initial-scale=1" />
+
+<!-- Import Mapping -->
 <script type="importmap">
   {
     "imports": {
-      "@dropins/elsie/": "/scripts/dropins/elsie/",
-      "@dropins/storefront-cart/": "/scripts/dropins/storefront-cart/",
-      "@dropins/storefront-checkout/": "/scripts/dropins/storefront-checkout/",
-      "@dropins/storefront-pdp/": "/scripts/dropins/storefront-pdp/",
-      "@dropins/storefront-order-confirmation/": "/scripts/dropins/storefront-order-confirmation/"
+      "@dropins/elsie/": "/vendors/@dropins/elsie/",
+      "@dropins/storefront-cart/": "/vendors/@dropins/storefront-cart/",
+      "@dropins/storefront-checkout/": "/vendors/@dropins/storefront-checkout/",
+      "@dropins/storefront-pdp/": "/vendors/@dropins/storefront-pdp/",
+      "@dropins/storefront-order-confirmation/": "/vendors/@dropins/storefront-order-confirmation/"
     }
   }
 </script>
+
 <script src="/scripts/aem.js" type="module"></script>
 <script src="/scripts/scripts.js" type="module"></script>
+
 <link rel="stylesheet" href="/styles/styles.css" />

install_vendors.sh

@@ -0,0 +1,18 @@
+#!/bin/bash
+
+# Array of files to copy
+declare -a files_to_copy=("@dropins")
+
+# Remove existing dropins folder
+rm -rf vendors/
+
+# Create vendors directory if not exists
+mkdir -p vendors/
+
+# Copy specified files from node_modules/@dropins to vendors/dropins
+for file in "${files_to_copy[@]}"; do
+  cp -R "node_modules/$file" "vendors/."
+done
+
+# Remove package.json files inside dropins
+find vendors -type f -name "package.json" -exec rm {} \;

package.json

@@ -8,7 +8,9 @@
     "lint:css": "stylelint blocks/**/*.css styles/*.css",
     "lint": "npm run lint:js && npm run lint:css",
     "start": "aem up --print-index",
-    "postinstall": "rm -rf scripts/dropins && cp -R node_modules/@dropins scripts/dropins && find scripts/dropins -type f -name \"package.json\" -exec rm {} \\;"
+    "install:dropins": "bash ./install_vendors.sh",
+    "postinstall": "npm run install:dropins",
+    "postupdate": "npm run install:dropins"
   },
   "repository": {
     "type": "git",