@openfin/web-utils 0.0.1-v36.79.19-preview.0

package/LICENSE.md

@@ -0,0 +1 @@
+FOR INTERNAL USE BY OPENFIN ONLY

package/README.md

@@ -0,0 +1,3 @@
+# @openfin/web-utils
+
+Internal only util library for utilities shared by web-interop, web-layouts and mobile shell.

package/out/custom-elements/main.d.ts

@@ -0,0 +1 @@
+export * from './of-view';

package/out/custom-elements/main.js

@@ -0,0 +1 @@
+export * from './of-view';

package/out/custom-elements/of-view.d.ts

@@ -0,0 +1,20 @@
+declare class _OfViewElement extends HTMLElement {
+    #private;
+    connectedCallback(): void;
+    get brokerUrl(): string | null;
+    set brokerUrl(val: string | null);
+    get name(): string | null;
+    set name(val: string | null);
+    get uuid(): string | null;
+    set uuid(val: string | null);
+    get src(): string | null;
+    set src(val: string | null);
+    get providerId(): string | null;
+    set providerId(val: string | null);
+    get contextGroup(): string | null;
+    set contextGroup(val: string | null);
+    static get observedAttributes(): string[];
+}
+export type OfViewElement = typeof _OfViewElement;
+export declare const registerOfViewElement: () => void;
+export {};

package/out/custom-elements/of-view.js

@@ -0,0 +1,79 @@
+import { encodeOptions } from '../utils/options-encoder';
+class _OfViewElement extends HTMLElement {
+    connectedCallback() {
+        if (!this.name || !this.uuid) {
+            throw new Error('<of-view> Name or uuid attribute missing');
+        }
+        if (!this.src) {
+            throw new Error(`<of-view> missing 'src' attribute.`);
+        }
+        if (!this.#iframe) {
+            this.#iframe = document.createElement('iframe');
+            this.#iframe.src = this.src;
+            this.#iframe.style.height = '100%';
+            this.#iframe.style.width = '100%';
+            this.#iframe.setAttribute('name', encodeOptions({
+                brokerUrl: this.brokerUrl,
+                name: this.name,
+                uuid: this.uuid,
+                providerId: this.providerId,
+                contextGroup: this.contextGroup
+            }, 'of-frame'));
+            this.#iframe.setAttribute('id', this.name);
+            this.appendChild(this.#iframe);
+        }
+    }
+    #iframe;
+    get brokerUrl() {
+        return this.getAttribute('of-broker');
+    }
+    set brokerUrl(val) {
+        if (val) {
+            this.setAttribute('of-broker', val);
+        }
+    }
+    get name() {
+        return this.getAttribute('of-name');
+    }
+    set name(val) {
+        if (val) {
+            this.setAttribute('of-name', val);
+        }
+    }
+    get uuid() {
+        return this.getAttribute('of-uuid');
+    }
+    set uuid(val) {
+        if (val) {
+            this.setAttribute('of-uuid', val);
+        }
+    }
+    get src() {
+        return this.getAttribute('src');
+    }
+    set src(val) {
+        if (val) {
+            this.setAttribute('src', val);
+        }
+    }
+    get providerId() {
+        return this.getAttribute('of-provider-id');
+    }
+    set providerId(val) {
+        if (val) {
+            this.setAttribute('of-provider-id', val);
+        }
+    }
+    get contextGroup() {
+        return this.getAttribute('of-context-group');
+    }
+    set contextGroup(val) {
+        if (val) {
+            this.setAttribute('of-context-group', val);
+        }
+    }
+    static get observedAttributes() {
+        return ['name'];
+    }
+}
+export const registerOfViewElement = () => customElements.define('of-view', _OfViewElement);

package/out/utils/main.d.ts

@@ -0,0 +1 @@
+export * from './options-encoder';

package/out/utils/main.js

@@ -0,0 +1 @@
+export * from './options-encoder';

package/out/utils/options-encoder.d.ts

@@ -0,0 +1,2 @@
+export declare const encodeOptions: <T>(data: T, prefix: string) => string;
+export declare const decodeOptions: <T>(data: string, prefix: string) => T | undefined;

package/out/utils/options-encoder.js

@@ -0,0 +1,14 @@
+export const encodeOptions = (data, prefix) => {
+    return `${prefix}<${btoa(JSON.stringify(data))}>`;
+};
+export const decodeOptions = (data, prefix) => {
+    const meta = new RegExp(`^${prefix}\<(?<meta>.*)\>$`).exec(data)?.groups?.meta;
+    if (meta) {
+        try {
+            return JSON.parse(atob(meta));
+        }
+        catch (error) {
+            throw new Error(`Failed to decode JSON from ${meta}.`);
+        }
+    }
+};

package/package.json

@@ -0,0 +1,44 @@
+{
+    "name": "@openfin/web-utils",
+    "version": "0.0.1-v36.79.19-preview.0",
+    "description": "",
+    "private": false,
+    "files": [
+        "./out/*"
+    ],
+    "exports": {
+        "./custom-elements": {
+            "types": "./out/custom-elements/main.d.ts",
+            "default": "./out/custom-elements/main.js"
+        },
+        "./utils": {
+            "types": "./out/utils/main.d.ts",
+            "default": "./out/utils/main.js"
+        }
+    },
+    "scripts": {
+        "prebuild": "rimraf out",
+        "predev": "rimraf out",
+        "build": "tsc",
+        "dev": "tsc --sourcemap --skipLibCheck",
+        "watch": "npm run dev -- --watch"
+    },
+    "author": "",
+    "license": "SEE LICENSE IN LICENSE.md",
+    "dependencies": {
+        "uuid": "8.3.2"
+    },
+    "devDependencies": {
+        "@openfin/core-ci-tools": "0.0.1",
+        "@rollup/plugin-commonjs": "25.0.2",
+        "@rollup/plugin-typescript": "11.1.1",
+        "@types/uuid": "^8.3.4",
+        "jsdom": "^22.1.0",
+        "rimraf": "5.0.1",
+        "rollup": "3.24.1",
+        "ts-loader": "9.5.0",
+        "typescript": "4.9.5",
+        "vitest": "0.32.2",
+        "webpack": "5.89.0"
+    }
+}