@lwrjs/everywhere 0.8.0-alpha.10

package/build/modules/lwr/host/host.js

@@ -0,0 +1,127 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import { LightningElement, api } from 'lwc';
+// Host component constants
+const SPECIFIER_REGEX = /^@?[\w-]+(\/[\w-]+)*$/; // Navigation events
+
+const NAV_EVENT = 'navigate'; // FIRED after a navigation event has been completed
+
+const NAV_ERROR_EVENT = 'navigationerror'; // FIRED when a navigation event has failed
+
+export default class LwrHost extends LightningElement {
+  // The component specifier of the Salesforce UI content to embed
+  @api
+  componentId = undefined; // Getter and setter for the public (@api) properties on the embedded component
+
+  _props = {};
+
+  @api
+  get properties() {
+    return this._props;
+  }
+
+  set properties(value) {
+    this._props = value;
+    this.setProperties(value);
+  } // Import and embed the Salesforce UI content
+
+
+  ctor = undefined;
+
+  async connectedCallback() {
+    // Setup navigation hooks before the embedded component is mounted
+    await this.setUpNavBridge();
+
+    if (this.componentId) {
+      if (typeof this.componentId !== 'string' || !SPECIFIER_REGEX.test(this.componentId)) {
+        // Validate component specifier format
+        console.error('LWR Everywhere - Salesforce UI content has an invalid component-id:', this.componentId);
+        return;
+      }
+
+      try {
+        const module = await import(this.componentId);
+        this.ctor = module.default;
+      } catch (e) {
+        // When the embedded Salesforce UI content cannot load, show the error slot
+        console.error('LWR Everywhere - Salesforce UI content did not load:', e.message);
+      }
+    }
+  } // Initialize public (@api) properties on the embedded content
+
+
+  renderedCallback() {
+    this.setProperties(this.properties);
+  } // When the Salesforce UI content has an unhandled error, print an error to the console
+
+
+  errorCallback(e) {
+    console.error(`LWR Everywhere - Salesforce UI content for "${this.componentId}" cannot be displayed:`, e.message);
+  } // Update public (@api) properties on the embedded content
+
+
+  setProperties(properties) {
+    const dynamicContent = this.template.querySelector('lwr-dynamic');
+
+    if (dynamicContent) {
+      Object.entries(properties).forEach(([key, value]) => {
+        dynamicContent[key] = value;
+      });
+    }
+  }
+  /**
+   * NAVIGATION FEATURE PROPERTIES AND METHODS
+   * The navigation feature creates a bridge between the root router of embedded
+   * Salesforce UI content and the host document with public properties and events
+   */
+
+
+  @api
+  navigation = false; // Create the router bridge
+
+  async setUpNavBridge() {
+    if (this.navigation && !this.bridge) {
+      const routerBridgeModule = await import('lwr/routerBridge');
+      this.bridge = routerBridgeModule.createBridge({
+        historyDisabled: true,
+        // block the HistoryRouter for embedded nav
+        onReady: () => {
+          if (this.pendingPageRef) {
+            // Retry navigating to the pending page reference
+            this.navigate(this.pendingPageRef);
+          }
+        },
+        onPostNavigate: pageRef => this.dispatchEvent(new CustomEvent(NAV_EVENT, {
+          detail: pageRef
+        })),
+        onError: error => this.dispatchEvent(new CustomEvent(NAV_ERROR_EVENT, {
+          detail: error
+        }))
+      }, // The bridge is attached to this component, and observes the root router inside its slot
+      this);
+    }
+  } // Navigate via the bridge, which is hooked into its descendent root router
+  // The host component cannot call "lwr/navigation" APIs; it has no access to a NavigationContext
+
+
+  navigate(pageRef) {
+    if (this.bridge && this.bridge.navigate(pageRef)) {
+      // CLEAR the pending page reference if the navigation event was fired
+      this.pendingPageRef = undefined;
+    } else if (pageRef) {
+      // SAVE the pending page reference if the navigation event was NOT fired
+      this.pendingPageRef = pageRef;
+    }
+  } // Navigate to the page reference when set from the host document
+
+
+  @api
+  get pageReference() {
+    return this._pageRef;
+  }
+
+  set pageReference(pageRef) {
+    this._pageRef = pageRef;
+    this.navigate(pageRef);
+  }
+
+}

package/build/modules/lwr/vault/vault.js

@@ -0,0 +1,10 @@
+// Credential vault for storing setters and subscribers for OAuth info
+// This module is a SINGLETON and must be excluded from ESM bundling
+let authInfo; // Get and set the OAuth info
+
+export function getAuthInfo() {
+  return authInfo;
+}
+export function setAuthInfo(ai) {
+  authInfo = ai;
+}

package/package.cjs

@@ -0,0 +1,9 @@
+const fs = require('fs');
+const path = require('path');
+const rootPath = path.join(__dirname, './');
+const version = JSON.parse(fs.readFileSync(path.join(rootPath, 'package.json'), 'utf-8')).version;
+
+module.exports = {
+    rootPath,
+    version,
+};

package/package.json

@@ -0,0 +1,67 @@
+{
+    "name": "@lwrjs/everywhere",
+    "description": "LWR Everywhere",
+    "version": "0.8.0-alpha.10",
+    "license": "MIT",
+    "publishConfig": {
+        "access": "public"
+    },
+    "homepage": "https://developer.salesforce.com/docs/platform/lwr/overview",
+    "repository": {
+        "type": "git",
+        "url": "https://github.com/salesforce/lwr.git",
+        "directory": "packages/@lwrjs/everywhere"
+    },
+    "bugs": {
+        "url": "https://github.com/salesforce/lwr/issues"
+    },
+    "type": "module",
+    "types": "build/es/index.d.ts",
+    "main": "build/es/index.js",
+    "module": "build/es/index.js",
+    "exports": {
+        ".": {
+            "import": "./build/es/index.js"
+        },
+        "./generate": {
+            "import": "./build/es/generate.js"
+        },
+        "./package": "./package.cjs"
+    },
+    "files": [
+        "build/*.js",
+        "build/**/*.js",
+        "build/**/*.html",
+        "build/**/*.d.ts",
+        "package.cjs"
+    ],
+    "scripts": {
+        "build:amd": "node scripts/generate-amd-modules.mjs",
+        "build:scripts": "node scripts/generate-client-runtimes.mjs",
+        "build": "tsc -b && node ../../../bin/pack-lwc --dir modules build/modules && yarn build:amd && yarn build:scripts"
+    },
+    "devDependencies": {
+        "@lwc/module-resolver": "2.17.0",
+        "@lwrjs/loader": "0.8.0-alpha.10",
+        "@lwrjs/router": "0.8.0-alpha.10",
+        "@lwrjs/types": "0.8.0-alpha.10",
+        "@rollup/plugin-replace": "^2.4.2",
+        "rollup-plugin-terser": "^7.0.2",
+        "rollup-plugin-typescript": "^1.0.1"
+    },
+    "lwc": {
+        "modules": [
+            {
+                "dir": "build/modules"
+            }
+        ],
+        "expose": [
+            "lwr/everywhere",
+            "lwr/everywhereAmd",
+            "lwr/everywhereEsm",
+            "lwr/host",
+            "lwr/vault"
+        ]
+    },
+    "gitHead": "55922351f484d77784d86ef7b03ebe788fa3e12c"
+}