npm - @elliemae/ssf-host - Versions diffs - 2.23.4 → 2.24.0 - Mend

@elliemae/ssf-host 2.23.4 → 2.24.0

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 (91) hide show

package/dist/cjs/callchain-host.html +262 -0
package/dist/cjs/callchain-intermediate.html +92 -0
package/dist/cjs/e2e-host.html +603 -0
package/dist/cjs/e2e-index.html +234 -0
package/dist/cjs/host.js +100 -43
package/dist/cjs/index.html +304 -151
package/dist/cjs/popup-focus-host.html +318 -0
package/dist/cjs/utils.js +14 -1
package/dist/cjs/v2-host-v1-guest.html +3 -0
package/dist/esm/callchain-host.html +262 -0
package/dist/esm/callchain-intermediate.html +92 -0
package/dist/esm/e2e-host.html +603 -0
package/dist/esm/e2e-index.html +234 -0
package/dist/esm/host.js +101 -44
package/dist/esm/index.html +304 -151
package/dist/esm/popup-focus-host.html +318 -0
package/dist/esm/utils.js +14 -1
package/dist/esm/v2-host-v1-guest.html +3 -0
package/dist/public/callchain-host.html +34 -0
package/dist/public/callchain-host.js +3 -0
package/dist/public/callchain-host.js.br +0 -0
package/dist/public/callchain-host.js.gz +0 -0
package/dist/public/callchain-host.js.map +1 -0
package/dist/public/callchain-intermediate.html +1 -0
package/dist/public/e2e-host.html +5 -0
package/dist/public/e2e-host.js +8 -0
package/dist/public/e2e-host.js.br +0 -0
package/dist/public/e2e-host.js.gz +0 -0
package/dist/public/e2e-host.js.map +1 -0
package/dist/public/e2e-index.html +1 -0
package/dist/public/index.html +1 -1
package/dist/public/init.js +1 -1
package/dist/public/init.js.br +0 -0
package/dist/public/init.js.gz +0 -0
package/dist/public/init.js.map +1 -1
package/dist/public/js/emuiSsfHost.071827d0d7e775690fbb.js +3 -0
package/dist/public/js/emuiSsfHost.071827d0d7e775690fbb.js.br +0 -0
package/dist/public/js/emuiSsfHost.071827d0d7e775690fbb.js.gz +0 -0
package/dist/public/js/emuiSsfHost.071827d0d7e775690fbb.js.map +1 -0
package/dist/public/loan-object.js +1 -1
package/dist/public/loan-object.js.br +0 -0
package/dist/public/loan-object.js.gz +0 -0
package/dist/public/loan-object.js.map +1 -1
package/dist/public/popup-focus-host.html +1 -0
package/dist/public/popup-focus-host.js +6 -0
package/dist/public/popup-focus-host.js.br +0 -0
package/dist/public/popup-focus-host.js.gz +0 -0
package/dist/public/popup-focus-host.js.map +1 -0
package/dist/public/v1-guest-v2-host.html +1 -1
package/dist/public/v2-host-v1-guest.html +1 -1
package/dist/types/lib/host.d.ts +1 -0
package/dist/types/lib/ihost.d.ts +15 -0
package/dist/types/lib/tests/timingDedup.test.d.ts +1 -0
package/dist/types/lib/utils.d.ts +1 -0
package/dist/types/tsconfig.tsbuildinfo +1 -1
package/dist/umd/callchain-host.html +34 -0
package/dist/umd/callchain-host.js +3 -0
package/dist/umd/callchain-host.js.br +0 -0
package/dist/umd/callchain-host.js.gz +0 -0
package/dist/umd/callchain-host.js.map +1 -0
package/dist/umd/callchain-intermediate.html +1 -0
package/dist/umd/e2e-host.html +5 -0
package/dist/umd/e2e-host.js +8 -0
package/dist/umd/e2e-host.js.br +0 -0
package/dist/umd/e2e-host.js.gz +0 -0
package/dist/umd/e2e-host.js.map +1 -0
package/dist/umd/e2e-index.html +1 -0
package/dist/umd/index.html +1 -1
package/dist/umd/index.js +1 -1
package/dist/umd/index.js.br +0 -0
package/dist/umd/index.js.gz +0 -0
package/dist/umd/index.js.map +1 -1
package/dist/umd/init.js +1 -1
package/dist/umd/init.js.br +0 -0
package/dist/umd/init.js.gz +0 -0
package/dist/umd/init.js.map +1 -1
package/dist/umd/loan-object.js +1 -1
package/dist/umd/loan-object.js.br +0 -0
package/dist/umd/loan-object.js.gz +0 -0
package/dist/umd/loan-object.js.map +1 -1
package/dist/umd/popup-focus-host.html +1 -0
package/dist/umd/popup-focus-host.js +6 -0
package/dist/umd/popup-focus-host.js.br +0 -0
package/dist/umd/popup-focus-host.js.gz +0 -0
package/dist/umd/popup-focus-host.js.map +1 -0
package/dist/umd/v2-host-v1-guest.html +1 -1
package/package.json +5 -5
package/dist/public/js/emuiSsfHost.a4526c5eda64df08190f.js +0 -3
package/dist/public/js/emuiSsfHost.a4526c5eda64df08190f.js.br +0 -0
package/dist/public/js/emuiSsfHost.a4526c5eda64df08190f.js.gz +0 -0
package/dist/public/js/emuiSsfHost.a4526c5eda64df08190f.js.map +0 -1

package/dist/cjs/callchain-host.html ADDED Viewed

@@ -0,0 +1,262 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>CallChain E2E Test - Root Host</title>
+    <script src="https://cdn.tailwindcss.com?plugins=forms"></script>
+    <script src="https://cdn.mortgagetech.q1.ice.com/pui-diagnostics@3"></script>
+  </head>
+  <body class="bg-gray-50">
+    <header
+      class="bg-indigo-600 text-white px-4 py-3 flex items-center justify-between"
+    >
+      <h1 class="text-lg font-semibold">CallChain E2E Test — Root Host (A)</h1>
+      <a href="./index.html" class="text-indigo-200 hover:text-white text-sm"
+        >&larr; Back to main</a
+      >
+    </header>
+    <main class="mx-auto max-w-7xl px-4 py-4">
+      <!-- Architecture + Instructions -->
+      <div class="grid grid-cols-2 gap-4 mb-4">
+        <div class="bg-blue-50 border border-blue-200 rounded-md p-3">
+          <h2 class="text-sm font-bold text-blue-900 mb-2">Architecture</h2>
+          <pre class="text-xs text-blue-800 leading-relaxed">
+Root Host (A)  [localhost:4000]
+  ├─ Exposes: <strong>TestService</strong> scripting object
+  ├─ Loads guest <strong>"intermediateHost"</strong>
+  │    metadata: { vendor: "Acme Credit Corp", tier: "premium" }
+  │
+  └─ Intermediate (B)  [localhost:4000, same-origin iframe]
+       ├─ Connects as V2 guest to A
+       ├─ Loads ice.guest from localhost:4001/index.js
+       ├─ Gets TestService proxy, clones it
+       ├─ Creates own SSFHost, loads guest <strong>"grandchildGuest"</strong>
+       │    metadata: { role: "validator", region: "US-East" }
+       │
+       └─ Grandchild (C)  [localhost:4001, cross-origin iframe]
+            └─ Connects as V2 guest to B
+            └─ Gets TestService proxy → calls methods</pre
+          >
+        </div>
+        <div class="bg-green-50 border border-green-200 rounded-md p-3">
+          <h2 class="text-sm font-bold text-green-900 mb-2">Test Steps</h2>
+          <ol class="text-xs text-green-800 space-y-2 list-decimal list-inside">
+            <li>
+              <strong>Wait for initialization</strong> — check the Invocation
+              Log shows: <code>"Root Host (A) ready"</code>, Intermediate shows
+              <code>"Intermediate (B) ready"</code>, Grandchild shows
+              <code>"Got TestService proxy"</code>.
+            </li>
+            <li>
+              <strong>Click any button</strong> inside the Grandchild (C) panel
+              (e.g. "Call getCallerInfo()").
+            </li>
+            <li>
+              <strong>Verify on the left</strong> — the "callContext.guest" and
+              "callContext.callChain" panels update with the expected values
+              shown below.
+            </li>
+            <li>
+              <strong>Verify on grandchild</strong> — the return value appears
+              in the grandchild's result area (proves round-trip works).
+            </li>
+          </ol>
+        </div>
+      </div>
+      <!-- Expected Values -->
+      <div class="bg-amber-50 border border-amber-200 rounded-md p-3 mb-4">
+        <h2 class="text-sm font-bold text-amber-900 mb-2">
+          Expected Values (when grandchild C calls any method)
+        </h2>
+        <div class="grid grid-cols-2 gap-4 text-xs">
+          <div>
+            <h3 class="font-semibold text-amber-800 mb-1">
+              callContext.guest (direct caller = B)
+            </h3>
+            <pre
+              data-testid="expected-guest"
+              class="bg-white rounded p-2 text-amber-900"
+            >
+{
+  "id": "intermediateHost",
+  "title": "Intermediate Guest+Host (B)",
+  "url": "...callchain-intermediate.html"
+}</pre
+            >
+          </div>
+          <div>
+            <h3 class="font-semibold text-amber-800 mb-1">
+              callContext.callChain (originator chain)
+            </h3>
+            <pre
+              data-testid="expected-callchain"
+              class="bg-white rounded p-2 text-amber-900"
+            >
+[
+  {
+    "id": "grandchildGuest",
+    "metadata": { "role": "validator", "region": "US-East" }
+  },
+  {
+    "id": "intermediateHost",
+    "metadata": { "vendor": "Acme Credit Corp", "tier": "premium" }
+  }
+]</pre
+            >
+          </div>
+        </div>
+      </div>
+      <div class="grid grid-cols-2 gap-4">
+        <!-- Left: callContext results -->
+        <div>
+          <h2 class="text-md font-semibold mb-2">
+            Actual Results (from Root Host A)
+          </h2>
+          <div
+            data-testid="direct-caller-panel"
+            class="bg-white rounded-lg shadow p-3 mb-3"
+          >
+            <h3 class="text-sm font-medium text-gray-500 mb-1">
+              callContext.guest (direct caller)
+            </h3>
+            <pre
+              data-testid="direct-caller-result"
+              id="directCallerResult"
+              class="text-xs bg-gray-100 rounded p-2 min-h-[40px] whitespace-pre-wrap"
+            >
+Waiting — click a button in Grandchild (C)...</pre
+            >
+          </div>
+          <div
+            data-testid="callchain-panel"
+            class="bg-white rounded-lg shadow p-3 mb-3"
+          >
+            <h3 class="text-sm font-medium text-gray-500 mb-1">
+              callContext.callChain (original callers)
+            </h3>
+            <pre
+              data-testid="callchain-result"
+              id="callChainResult"
+              class="text-xs bg-gray-100 rounded p-2 min-h-[60px] whitespace-pre-wrap"
+            >
+Waiting — click a button in Grandchild (C)...</pre
+            >
+          </div>
+          <div
+            data-testid="method-result-panel"
+            class="bg-white rounded-lg shadow p-3 mb-3"
+          >
+            <h3 class="text-sm font-medium text-gray-500 mb-1">
+              Method return value (returned to grandchild)
+            </h3>
+            <pre
+              data-testid="method-return-result"
+              id="methodReturnResult"
+              class="text-xs bg-gray-100 rounded p-2 min-h-[40px] whitespace-pre-wrap"
+            >
+Waiting — click a button in Grandchild (C)...</pre
+            >
+          </div>
+          <div
+            data-testid="invocation-log-panel"
+            class="bg-white rounded-lg shadow p-3"
+          >
+            <h3 class="text-sm font-medium text-gray-500 mb-1">
+              Invocation Log
+            </h3>
+            <div
+              data-testid="invocation-log"
+              id="invocationLog"
+              class="text-xs bg-gray-100 rounded p-2 min-h-[80px] max-h-[200px] overflow-y-auto"
+            ></div>
+          </div>
+        </div>
+        <!-- Right: guest container -->
+        <div>
+          <h2 class="text-md font-semibold mb-2">
+            Intermediate Guest (B) → Grandchild Guest (C)
+          </h2>
+          <div
+            data-testid="intermediate-guest-container"
+            id="intermediate-container"
+            class="border-2 border-dashed border-indigo-300 rounded-lg h-[400px]"
+          ></div>
+        </div>
+      </div>
+      <!-- Verification Checklist -->
+      <div class="bg-gray-100 border border-gray-300 rounded-md p-3 mt-4">
+        <h2 class="text-sm font-bold text-gray-800 mb-2">
+          Verification Checklist
+        </h2>
+        <div class="grid grid-cols-2 gap-2 text-xs">
+          <label class="flex items-start gap-2">
+            <input type="checkbox" class="mt-0.5" />
+            <span
+              ><strong>TC-CC-01:</strong> All three layers initialized without
+              errors (Log shows "ready" messages, no ERROR lines)</span
+            >
+          </label>
+          <label class="flex items-start gap-2">
+            <input type="checkbox" class="mt-0.5" />
+            <span
+              ><strong>TC-CC-02:</strong> <code>callContext.guest.id</code> =
+              <code>"intermediateHost"</code> (B is the direct caller, not
+              C)</span
+            >
+          </label>
+          <label class="flex items-start gap-2">
+            <input type="checkbox" class="mt-0.5" />
+            <span
+              ><strong>TC-CC-03:</strong> <code>callChain[0].id</code> =
+              <code>"grandchildGuest"</code> with metadata
+              <code>{ role, region }</code></span
+            >
+          </label>
+          <label class="flex items-start gap-2">
+            <input type="checkbox" class="mt-0.5" />
+            <span
+              ><strong>TC-CC-04:</strong> <code>callChain[1].id</code> =
+              <code>"intermediateHost"</code> with metadata
+              <code>{ vendor, tier }</code></span
+            >
+          </label>
+          <label class="flex items-start gap-2">
+            <input type="checkbox" class="mt-0.5" />
+            <span
+              ><strong>TC-CC-05:</strong> Grandchild (C) receives the method
+              return value (result appears in C's panel)</span
+            >
+          </label>
+          <label class="flex items-start gap-2">
+            <input type="checkbox" class="mt-0.5" />
+            <span
+              ><strong>TC-CC-06:</strong> All three methods work:
+              <code>getCallerInfo()</code>, <code>ping()</code>,
+              <code>getLoanDetails()</code></span
+            >
+          </label>
+          <label class="flex items-start gap-2">
+            <input type="checkbox" class="mt-0.5" />
+            <span
+              ><strong>TC-CC-07:</strong> No cross-origin or console errors
+              during invocations</span
+            >
+          </label>
+        </div>
+      </div>
+    </main>
+    <script src="./callchain-host.js" type="module"></script>
+  </body>
+</html>

package/dist/cjs/callchain-intermediate.html ADDED Viewed

@@ -0,0 +1,92 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Intermediate Guest+Host (B)</title>
+    <script src="https://cdn.tailwindcss.com?plugins=forms"></script>
+    <script src="https://cdn.mortgagetech.q1.ice.com/pui-diagnostics@3"></script>
+    <script src="http://localhost:4001/index.js"></script>
+  </head>
+  <body class="bg-orange-50 p-2">
+    <h2 class="text-sm font-semibold text-orange-800 mb-1">
+      Intermediate (B) — Guest + Host
+    </h2>
+    <div
+      data-testid="intermediate-status"
+      id="status"
+      class="text-xs bg-orange-100 rounded p-2 mb-2 min-h-[30px]"
+    >
+      Initializing...
+    </div>
+    <div
+      data-testid="grandchild-container"
+      id="grandchild-container"
+      class="border border-dashed border-orange-400 rounded h-[250px]"
+    ></div>
+    <script type="module">
+      import { Analytics } from './analytics-object-v2.js';
+      import { getGuestBaseUrl, getHost } from './utils.js';
+      const statusEl = document.getElementById('status');
+      const log = (msg) => {
+        const ts = new Date().toLocaleTimeString();
+        statusEl.innerHTML += `<div>[${ts}] ${msg}</div>`;
+      };
+      (async () => {
+        try {
+          // Step 1: Connect to parent host (A) as V2 guest
+          log('Connecting to Root Host (A) as V2 guest...');
+          const guestV2 = new ice.guest.SSFGuest({
+            logger: {
+              index: 'intermediate-guest',
+              team: 'ui platform',
+              appName: 'intermediate-b',
+            },
+            keepAlive: false,
+          });
+          await guestV2.connect();
+          log('Connected to Root Host (A)');
+          // Step 2: Get TestService from parent
+          const testService = await guestV2.getObject('TestService');
+          log('Got TestService proxy from Root Host (A)');
+          // Step 3: Create own V2 host
+          const analyticsObj = new Analytics();
+          const hostB = getHost(analyticsObj);
+          if (!hostB) {
+            log('ERROR: Failed to create intermediate SSFHost');
+            return;
+          }
+          log('Created intermediate SSFHost (B)');
+          // Step 4: Clone TestService for grandchild
+          const clonedTestService = hostB.cloneScriptingObject(testService);
+          hostB.addScriptingObject(clonedTestService);
+          log('Cloned TestService for grandchild guests');
+          // Step 5: Load grandchild guest (C) with metadata
+          const guestBaseUrl = await getGuestBaseUrl();
+          hostB.loadGuest({
+            id: 'grandchildGuest',
+            url: new URL('./callchain-grandchild.html', guestBaseUrl).href,
+            title: 'Grandchild Guest (C)',
+            targetElement: document.getElementById('grandchild-container'),
+            metadata: { role: 'validator', region: 'US-East' },
+            onLoad: () => log('Grandchild guest (C) loaded'),
+            onError: () => log('ERROR: Grandchild guest (C) failed to load'),
+          });
+          log('Intermediate (B) ready');
+        } catch (err) {
+          log(`ERROR: ${err.message}`);
+        }
+      })();
+    </script>
+  </body>
+</html>