@sprucelabs/spruce-heartwood-utils 5.11.4 → 5.13.2

package/build/ThemeManager.d.ts

@@ -0,0 +1,18 @@
+import { SpruceSchemas } from '@sprucelabs/spruce-core-schemas';
+declare type Theme = SpruceSchemas.HeartwoodViewControllers.v2021_02_11.Theme;
+export declare type SkillTheme = Theme & {
+    name: string;
+    namespace: string;
+};
+export declare const heartwoodTheme: SkillTheme;
+export declare class ThemeManager {
+    private static instance;
+    private currentTheme;
+    private constructor();
+    static getInstance(): ThemeManager;
+    static Manager(): ThemeManager;
+    getCurrentTheme(): SkillTheme;
+    setCurrentTheme(theme: SkillTheme, shouldAnimate?: boolean): Promise<void>;
+    reset(): Promise<void>;
+}
+export {};

package/build/ThemeManager.js

@@ -0,0 +1,67 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ThemeManager = exports.heartwoodTheme = void 0;
+exports.heartwoodTheme = {
+    name: 'Heartwood',
+    namespace: 'heartwood',
+    props: {
+        color1: '#ffffff',
+        color1Inverse: '#0f4c8a',
+        color1InverseGradient: 'linear-gradient(to left, #24c6dc, #514a9d)',
+        color2: '#757575',
+        color2Transparent: 'rgba(0,0,0,0.2)',
+        color2Inverse: 'white',
+        color2InverseTransparent: 'rgba(255,255,255,0.9)',
+        color3: '#303030',
+        color3Inverse: 'transparent',
+        color3Compliment: '#a7a7a7',
+        color4: '#626262',
+        color4Compliment: 'white',
+        color4ComplimentTransparent: 'rgba(0,0,0,0.1)',
+        color4Inverse: 'white',
+        color4InverseCompliment: '#c7c7c7',
+        controlBarColor1: 'black',
+        controlBarColor2: 'white',
+        toolBeltColor2: '#f1f1f1',
+        errorColor1: '#fff',
+        errorColor1Inverse: '#FF3326',
+    },
+};
+class ThemeManager {
+    constructor(theme) {
+        this.currentTheme = theme;
+        void this.setCurrentTheme(theme, false);
+    }
+    static getInstance() {
+        if (!this.instance) {
+            this.instance = this.Manager();
+        }
+        return this.instance;
+    }
+    static Manager() {
+        return new this(exports.heartwoodTheme);
+    }
+    getCurrentTheme() {
+        return this.currentTheme;
+    }
+    async setCurrentTheme(theme, shouldAnimate = true) {
+        var _a, _b;
+        this.currentTheme = theme;
+        const props = Object.entries(theme.props);
+        for (const prop of props) {
+            if (shouldAnimate) {
+                await new Promise((resolve) => setTimeout(resolve, 50));
+            }
+            document.documentElement.style.setProperty(`--${prop[0]}`, prop[1]);
+        }
+        (_a = document
+            .querySelector('meta[name="theme-color"]')) === null || _a === void 0 ? void 0 : _a.setAttribute('content', (_b = theme.props.color1Inverse) !== null && _b !== void 0 ? _b : 'white');
+    }
+    async reset() {
+        if (this.currentTheme.namespace !== 'heartwood') {
+            await this.setCurrentTheme(exports.heartwoodTheme);
+        }
+    }
+}
+exports.ThemeManager = ThemeManager;
+//# sourceMappingURL=ThemeManager.js.map

package/build/esm/ThemeManager.d.ts

@@ -0,0 +1,18 @@
+import { SpruceSchemas } from '@sprucelabs/spruce-core-schemas';
+declare type Theme = SpruceSchemas.HeartwoodViewControllers.v2021_02_11.Theme;
+export declare type SkillTheme = Theme & {
+    name: string;
+    namespace: string;
+};
+export declare const heartwoodTheme: SkillTheme;
+export declare class ThemeManager {
+    private static instance;
+    private currentTheme;
+    private constructor();
+    static getInstance(): ThemeManager;
+    static Manager(): ThemeManager;
+    getCurrentTheme(): SkillTheme;
+    setCurrentTheme(theme: SkillTheme, shouldAnimate?: boolean): Promise<void>;
+    reset(): Promise<void>;
+}
+export {};

package/build/esm/ThemeManager.js

@@ -0,0 +1,75 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+export const heartwoodTheme = {
+    name: 'Heartwood',
+    namespace: 'heartwood',
+    props: {
+        color1: '#ffffff',
+        color1Inverse: '#0f4c8a',
+        color1InverseGradient: 'linear-gradient(to left, #24c6dc, #514a9d)',
+        color2: '#757575',
+        color2Transparent: 'rgba(0,0,0,0.2)',
+        color2Inverse: 'white',
+        color2InverseTransparent: 'rgba(255,255,255,0.9)',
+        color3: '#303030',
+        color3Inverse: 'transparent',
+        color3Compliment: '#a7a7a7',
+        color4: '#626262',
+        color4Compliment: 'white',
+        color4ComplimentTransparent: 'rgba(0,0,0,0.1)',
+        color4Inverse: 'white',
+        color4InverseCompliment: '#c7c7c7',
+        controlBarColor1: 'black',
+        controlBarColor2: 'white',
+        toolBeltColor2: '#f1f1f1',
+        errorColor1: '#fff',
+        errorColor1Inverse: '#FF3326',
+    },
+};
+export class ThemeManager {
+    constructor(theme) {
+        this.currentTheme = theme;
+        void this.setCurrentTheme(theme, false);
+    }
+    static getInstance() {
+        if (!this.instance) {
+            this.instance = this.Manager();
+        }
+        return this.instance;
+    }
+    static Manager() {
+        return new this(heartwoodTheme);
+    }
+    getCurrentTheme() {
+        return this.currentTheme;
+    }
+    setCurrentTheme(theme, shouldAnimate = true) {
+        var _a, _b;
+        return __awaiter(this, void 0, void 0, function* () {
+            this.currentTheme = theme;
+            const props = Object.entries(theme.props);
+            for (const prop of props) {
+                if (shouldAnimate) {
+                    yield new Promise((resolve) => setTimeout(resolve, 50));
+                }
+                document.documentElement.style.setProperty(`--${prop[0]}`, prop[1]);
+            }
+            (_a = document
+                .querySelector('meta[name="theme-color"]')) === null || _a === void 0 ? void 0 : _a.setAttribute('content', (_b = theme.props.color1Inverse) !== null && _b !== void 0 ? _b : 'white');
+        });
+    }
+    reset() {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (this.currentTheme.namespace !== 'heartwood') {
+                yield this.setCurrentTheme(heartwoodTheme);
+            }
+        });
+    }
+}

package/build/esm/index-module.d.ts

@@ -0,0 +1 @@
+export { default as RemoteViewControllerFactory } from './RemoteViewControllerFactory';

package/build/esm/index-module.js

@@ -1 +1 @@
-"use strict";
+export { default as RemoteViewControllerFactory } from './RemoteViewControllerFactory.js';

package/build/index-module.d.ts

@@ -0,0 +1 @@
+export { default as RemoteViewControllerFactory } from './RemoteViewControllerFactory';

package/build/index-module.js

@@ -1,2 +1,9 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RemoteViewControllerFactory = void 0;
+var RemoteViewControllerFactory_1 = require("./RemoteViewControllerFactory");
+Object.defineProperty(exports, "RemoteViewControllerFactory", { enumerable: true, get: function () { return __importDefault(RemoteViewControllerFactory_1).default; } });
 //# sourceMappingURL=index-module.js.map

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sprucelabs/spruce-heartwood-utils",
   "description": "Heartwood Utilities",
-  "version": "5.11.4",
+  "version": "5.13.2",
   "skill": {
     "namespace": "heartwood"
   },
@@ -17,13 +17,24 @@
     "build/index-module.js",
     "build/index-module.d.ts",
     "build/esm/index-module.js",
-    "build/esm/index-module.d.ts"
+    "build/esm/index-module.d.ts",
+    "build/RemoteViewContorllerFactory.js",
+    "build/RemoteViewContorllerFactory.d.ts",
+    "build/esm/RemoteViewContorllerFactory.js",
+    "build/esm/RemoteViewContorllerFactory.d.ts",
+    "build/ThemeManager.js",
+    "build/ThemeManager.d.ts",
+    "build/esm/ThemeManager.js",
+    "build/esm/ThemeManager.d.ts"
   ],
   "keywords": [],
   "scripts": {
     "release": "npm publish"
   },
   "dependencies": {
+    "@sprucelabs/heartwood-view-controllers": "^53.8.1",
+    "@sprucelabs/mercury-client": "^19.2.74",
+    "@sprucelabs/spruce-event-utils": "^17.1.453"
   },
   "engines": {
     "node": "16.x",