@ibgib/web-gib 0.0.2 → 0.0.4

package/src/helpers.web.mts

@@ -6,10 +6,8 @@
 
 import { delay, extractErrorMsg, pretty, } from "@ibgib/helper-gib/dist/helpers/utils-helper.mjs";
 import { IbGib_V1 } from "@ibgib/ts-gib/dist/V1/types.mjs";
-import { Gib, IbGibAddr } from "@ibgib/ts-gib/dist/types.mjs";
-import { getIbAndGib, getIbGibAddr } from "@ibgib/ts-gib/dist/helper.mjs";
-import { GIB } from "@ibgib/ts-gib/dist/V1/constants.mjs";
-import { getGibInfo, isPrimitive } from "@ibgib/ts-gib/dist/V1/transforms/transform-helper.mjs";
+import { getIbGibAddr } from "@ibgib/ts-gib/dist/helper.mjs";
+import { isPrimitive } from "@ibgib/ts-gib/dist/V1/transforms/transform-helper.mjs";
 import { validateIbGibIntrinsically } from "@ibgib/ts-gib/dist/V1/validate-helper.mjs";
 import { MetaspaceService } from "@ibgib/core-gib/dist/witness/space/metaspace/metaspace-types.mjs";
 import { RawExportIbGib_V1 } from "@ibgib/core-gib/dist/common/import-export/import-export-types.mjs";
@@ -19,13 +17,13 @@ import { getRawExportIbGib } from "@ibgib/core-gib/dist/common/import-export/imp
 import { IbGibSpaceAny } from "@ibgib/core-gib/dist/witness/space/space-base-v1.mjs";
 
 import {
-    GLOBAL_LOG_A_LOT, DEFAULT_IBGIB_COLOR, DEFAULT_IBGIB_COLOR_CONTRAST,
-    DEFAULT_IBGIB_TRANSLUCENT, GEMINI_API_KEY_REGEXP,
+    GLOBAL_LOG_A_LOT, GEMINI_API_KEY_REGEXP,
     CONFIG_OPTION_GEMINI_API_KEY_LOCATION_HELP
 } from "./constants.mjs";
 import { showFullscreenDialog } from "./ui/ui-helpers.mjs";
-import { initializeStorage, storageCreateStoreIfNotExist, storageDBExists, storageGet, storagePut } from "./storage/storage-helpers.web.mjs";
-import { GibColorInfo } from "./types.mjs";
+import {
+    initializeStorage, storageCreateStoreIfNotExist, storageDBExists, storagePut
+} from "./storage/storage-helpers.web.mjs";
 import { getIbGibGlobalThis_IbGib } from "./helpers.mjs";
 
 
@@ -755,145 +753,6 @@ export async function unhighlightElement({
     }
 }
 
-/**
- * builds a color schema based on the gib.
- *
- * note that the alpha drives the translucent property, but the solid color is
- * always built
- */
-export function getDeterministicColorInfo({
-    ibGibAddr,
-    gib,
-    ibGib,
-    translucentAlpha = 10,
-}: {
-    ibGibAddr?: IbGibAddr,
-    gib?: Gib,
-    ibGib?: IbGib_V1,
-    /**
-     * drives the translucent color.
-     *
-     * @default 10
-     */
-    translucentAlpha?: number
-}): GibColorInfo {
-    const lc = `[${getDeterministicColorInfo.name}]`;
-    try {
-        if (logalot) { console.log(`${lc} starting... (I: 3b70af42d1c4f6ae91870f3a15c6c625)`); }
-        if (!ibGibAddr && !gib && !ibGib) { gib = GIB; }
-        gib ??= ibGib?.gib ?? getIbAndGib({ ibGibAddr }).gib;
-        const gibInfo = getGibInfo({ gib });
-        translucentAlpha ??= 10;
-        /**
-         * we want to color coordinate according to timeline if possible, i.e.,
-         * by tjpGib.
-         */
-        let drivingHash = '';
-        if (gibInfo.isPrimitive) {
-            return {
-                gib,
-                gibInfo,
-                punctiliarColor: DEFAULT_IBGIB_COLOR,
-                punctiliarColorTranslucent: DEFAULT_IBGIB_TRANSLUCENT,
-                punctiliarColorContrast: DEFAULT_IBGIB_COLOR_CONTRAST,
-            }; /* <<<< returns early */
-        } else {
-            drivingHash = gibInfo.tjpGib ?? gibInfo.punctiliarHash ?? gib; // hmm, gib should be punctiliar but meh
-        }
-
-
-
-        /**
-         * gets the color string
-         */
-        // const fnGetColorStr = (drivingHash: string) => {
-        //     function getContrastColor(hexcolor: string) {
-        //         const c = hexcolor.concat().replace("#", "");
-        //         var r = parseInt(c.substr(0, 2), 16);
-        //         var g = parseInt(c.substr(2, 2), 16);
-        //         var b = parseInt(c.substr(4, 2), 16);
-        //         var yiq = ((r * 299) + (g * 587) + (b * 114)) / 1000;
-        //         return (yiq >= 128) ? '#000000' : '#FFFFFF';
-        //     }
-        //     let alphaStr = '';
-        //     if (translucentAlpha || translucentAlpha === 0) {
-        //         if (translucentAlpha < 0 || translucentAlpha > 100) {
-        //             throw new Error(`alpha must be between 0 and 100 (E: c78faeb1477482c739b03dd32d2e1825)`);
-        //         }
-        //         if (translucentAlpha === 100) {
-        //             alphaStr = '';
-        //         } else if (translucentAlpha >= 0 && translucentAlpha < 10) {
-        //             // single digit
-        //             alphaStr = `0${translucentAlpha}`;
-        //         } else {
-        //             alphaStr = translucentAlpha.toString();
-        //         }
-        //     }
-        //     const color = `#${drivingHash.substring(0, 6)}`;
-        //     const colorTranslucent = `#${drivingHash.substring(0, 6)}${alphaStr}`;
-        //     const colorContrast = getContrastColor(color);
-        //     return [color, colorTranslucent, colorContrast];
-        // };
-
-        const [punctiliarColor, punctiliarColorTranslucent, punctiliarColorContrast] = getColorStrings(translucentAlpha, gibInfo.punctiliarHash ?? gib);
-        const [tjpColor, tjpColorTranslucent, tjpColorContrast] = !!gibInfo.tjpGib ?
-            getColorStrings(translucentAlpha, gibInfo.tjpGib) :
-            [undefined, undefined, undefined];
-
-        return {
-            gib,
-            gibInfo,
-            punctiliarColor, punctiliarColorTranslucent, punctiliarColorContrast,
-            tjpColor, tjpColorTranslucent, tjpColorContrast,
-        };
-    } catch (error) {
-        const errorMsg = `${lc} ${extractErrorMsg(error)}`;
-        console.error(errorMsg);
-        return {
-            gib: gib ?? GIB,
-            gibInfo: { isPrimitive: true },
-            punctiliarColor: '#ff0000', // red
-            punctiliarColorTranslucent: '#ff000010', // translucent red
-            punctiliarColorContrast: '#ffffff', // black
-            errorMsg,
-        };
-    } finally {
-        if (logalot) { console.log(`${lc} complete.`); }
-    }
-}
-
-/**
- * gets the color, colorTranslucent and colorContrast
- */
-export function getColorStrings(translucentAlpha: number, drivingHash: string): [string, string, string] {
-    function getContrastColor(hexcolor: string) {
-        const c = hexcolor.concat().replace("#", "");
-        var r = parseInt(c.substr(0, 2), 16);
-        var g = parseInt(c.substr(2, 2), 16);
-        var b = parseInt(c.substr(4, 2), 16);
-        var yiq = ((r * 299) + (g * 587) + (b * 114)) / 1000;
-        return (yiq >= 128) ? '#000000' : '#FFFFFF';
-    }
-    let alphaStr = '';
-    if (translucentAlpha || translucentAlpha === 0) {
-        if (translucentAlpha < 0 || translucentAlpha > 100) {
-            throw new Error(`alpha must be between 0 and 100 (E: c78faeb1477482c739b03dd32d2e1825)`);
-        }
-        if (translucentAlpha === 100) {
-            alphaStr = '';
-        } else if (translucentAlpha >= 0 && translucentAlpha < 10) {
-            // single digit
-            alphaStr = `0${translucentAlpha}`;
-        } else {
-            alphaStr = translucentAlpha.toString();
-        }
-    }
-    const color = `#${drivingHash.substring(0, 6)}`;
-    const colorTranslucent = `#${drivingHash.substring(0, 6)}${alphaStr}`;
-    const colorContrast = getContrastColor(color);
-    return [color, colorTranslucent, colorContrast];
-};
-
 /**
  * Takes an incoming string. Assumes it's invalid. Does best effort at validating this.
  * Gets the raw export ibgib if it can. If so, and if it is compressed, decompresses the
@@ -1266,3 +1125,62 @@ export function getGlobalIndexedDbKey_APIKey(): string {
         if (logalot) { console.log(`${lc} complete.`); }
     }
 }
+
+/**
+ * helper info for {@link initAppStorage}
+ */
+interface AppStorageInfo {
+    dbName: string;
+    storeNames: string[];
+}
+/**
+ * ensures db and stores are created and can be used.
+ */
+export async function initAppStorage({
+    infos,
+}: {
+    infos: AppStorageInfo[],
+}): Promise<void> {
+    const lc = `[${initAppStorage.name}]`;
+    try {
+        if (logalot) { console.log(`${lc} starting... (I: 4d41880fb748ee2302a624a255665825)`); }
+
+        for (const info of infos) {
+            const { dbName, storeNames } = info;
+            const dbExists = await storageDBExists({
+                dbName,
+                // dbName: BLANK_GIB_DB_NAME,
+            });
+            if (!dbExists) {
+                await initializeStorage({
+                    dbName,
+                    // dbName: BLANK_GIB_DB_NAME,
+                });
+            }
+            for (const storeName of storeNames) {
+                await storageCreateStoreIfNotExist({
+                    dbName,
+                    storeName,
+                    // dbName: BLANK_GIB_DB_NAME,
+                    // storeName: ARMY_STORE,
+                });
+            }
+            // await storageCreateStoreIfNotExist({
+            //     dbName: BLANK_GIB_DB_NAME,
+            //     storeName: ARMY_STORE,
+            // });
+
+            // await storageCreateStoreIfNotExist({
+            //     dbName: BLANK_GIB_DB_NAME,
+            //     storeName: ZERO_SPACE_ID,
+            //     logalot,
+            // });
+        }
+
+    } catch (error) {
+        console.error(`${lc} ${extractErrorMsg(error)}`);
+        throw error;
+    } finally {
+        if (logalot) { console.log(`${lc} complete.`); }
+    }
+}

package/src/ui/component/ibgib-dynamic-component-bases.mts

@@ -37,8 +37,11 @@ import { mut8Timeline } from "@ibgib/core-gib/dist/timeline/timeline-api.mjs";
 
 import { GLOBAL_LOG_A_LOT } from "../../constants.mjs";
 import {
-    exportIbGib, getDeterministicColorInfo,
-    getRawExportIbGibAndGraphFromJsonString
+    coupleDomainIbGibWithLocalIbGibViaIndex, getLocalCoupledIbGibForDomainIbGib,
+    getDeterministicColorInfo,
+} from "../../helpers.mjs";
+import {
+    exportIbGib, getRawExportIbGibAndGraphFromJsonString
 } from "../../helpers.web.mjs";
 import { LiveProxyIbGib } from "../../witness/live-proxy-ibgib/live-proxy-ibgib-one-file.mjs";
 import { AgentWitnessAny, } from "../../witness/agent/agent-one-file.mjs";
@@ -48,7 +51,6 @@ import { getAgentForDomainIbGib } from "../../witness/agent/agent-helpers.mjs";
 import { createSettings, getSectionName, getSettingsScope, getSettingsSection } from "../../common/settings/settings-helpers.mjs";
 import { IbGibSettings, SettingsIbGib_V1, SettingsWithTabs } from "../../common/settings/settings-types.mjs";
 import { SettingsType } from "../../common/settings/settings-constants.mjs";
-import { coupleDomainIbGibWithLocalIbGibViaIndex, getLocalCoupledIbGibForDomainIbGib } from "../../helpers.mjs";
 
 const logalot = GLOBAL_LOG_A_LOT;