npm - adp-web-components - Versions diffs - 0.3.8 → 0.3.9 - Mend

adp-web-components 0.3.8 → 0.3.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (198) hide show

package/dist/templates/production-host/vehicle-service-history.html ADDED Viewed

@@ -0,0 +1,31 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Vehicle service history host</title>
+  </head>
+  <body>
+    <label for="vin">VIN</label>
+    <input id="vin" name="vin" autocomplete="off" />
+    <button id="lookup" type="button">Look up</button>
+    <vehicle-service-history id="service-history" language="en" base-url="{{VEHICLE_LOOKUP_BASE_URL}}"></vehicle-service-history>
+    <script type="module">
+      import { loadComponent } from 'https://cdn.jsdelivr.net/npm/adp-web-components@{{ADP_WEB_COMPONENTS_VERSION}}/dist/host-loader.js';
+      const packageVersion = '{{ADP_WEB_COMPONENTS_VERSION}}';
+      const component = document.getElementById('service-history');
+      const vin = document.getElementById('vin');
+      await loadComponent({
+        moduleUrl: `https://cdn.jsdelivr.net/npm/adp-web-components@${packageVersion}/dist/components/vehicle-service-history.js`,
+        tag: 'vehicle-service-history',
+        packageVersion,
+      });
+      document.getElementById('lookup').addEventListener('click', () => component.fetchVin(vin.value.trim()));
+    </script>
+  </body>
+</html>

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "adp-web-components",
-  "version": "0.3.8",
+  "version": "0.3.9",
   "description": "ADP Platform Web Components",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -19,6 +19,14 @@
       "import": "./dist/components/my-component.js",
       "types": "./dist/components/my-component.d.ts"
     },
+    "./components/*": {
+      "import": "./dist/components/*.js",
+      "types": "./dist/components/*.d.ts"
+    },
+    "./host-loader": {
+      "import": "./dist/host-loader.js"
+    },
+    "./integration-manifest": "./dist/integration-manifest.json",
     "./loader": {
       "import": "./loader/index.js",
       "require": "./loader/index.cjs",
@@ -36,7 +44,7 @@
   "scripts": {
     "test": "stencil test --spec",
     "generate": "stencil generate",
-    "build": "stencil build -- --prod",
+    "build": "stencil build -- --prod && node ./automation/generate-integration-manifest.mjs",
     "start": "stencil build --dev --watch --serve",
     "test.watch": "stencil test --spec --watchAll",
     "create:type": "node ./automation/generate-type.mjs",
@@ -46,7 +54,9 @@
     "create:locale-mapper": "node ./automation/generate-locale-mapper.mjs",
     "purge": "node ./automation/purge-cdn.mjs",
     "format": "prettier --write \"src/**/*.{ts,tsx,js,jsx,css,scss,html}\"",
-    "prettier": "prettier --check \"src/**/*.{ts,tsx,js,jsx,css,scss,html}\""
+    "prettier": "prettier --check \"src/**/*.{ts,tsx,js,jsx,css,scss,html}\"",
+    "generate:integration-manifest": "node ./automation/generate-integration-manifest.mjs",
+    "verify:integration-artifact": "node ./automation/verify-integration-artifact.mjs"
   },
   "devDependencies": {
     "@rollup/plugin-alias": "^5.1.1",