@vived/sandbox 1.0.0

package/dist/cjs/Domain/makeSandboxDomain.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.makeSandboxDomain = makeSandboxDomain;
+const core_1 = require("@vived/core");
+const host_1 = require("@vived/host");
+function makeSandboxDomain(appID, config) {
+    const appObjects = (0, core_1.makeAppObjectRepo)();
+    const factoryRepo = new core_1.DomainFactoryRepo(appObjects.getOrCreate("DomainFactory"));
+    (0, host_1.makeAppSandboxFeatureFactory)(appID, appObjects);
+    (0, host_1.makeAppsFeatureFactory)(appObjects);
+    (0, host_1.makeSandboxAssetsFactory)(appObjects);
+    (0, host_1.makeAssetPluginFeatureFactory)(appObjects);
+    (0, host_1.makeSandboxStateMachineFactory)(appObjects);
+    (0, host_1.makeChallengeResultsFactory)(appObjects);
+    (0, host_1.makeSandboxDialogFactory)(appObjects);
+    (0, host_1.makeSandboxLoggerFactory)(appObjects);
+    (0, host_1.makeThemeFactory)(appObjects);
+    (0, host_1.makeSandboxVivedAPIFactory)(appObjects);
+    (0, host_1.makeSandboxZSpaceFactory)(appObjects);
+    (0, host_1.makeCacheFeatureFactory)(appObjects);
+    factoryRepo.setupDomain();
+    const sandbox = host_1.AppSandboxEntity.get(appObjects);
+    if (!sandbox) {
+        throw new Error("Failed to create AppSandboxEntity");
+    }
+    sandbox.app.versions = [core_1.Version.FromString(config.version)];
+    sandbox.app.appAssetFolderURL = new URL("/assets/", window.location.href).toString();
+    (0, host_1.setSandboxStatesFromData)(config.persistentStates, appObjects);
+    (0, host_1.setTransitionDuration)(appObjects, 1);
+    (0, host_1.setZSpaceIsSupported)(appObjects, config.zSpaceSupported ?? true);
+    (0, host_1.setThemeByName)(appObjects, "light");
+    return appObjects;
+}
+//# sourceMappingURL=makeSandboxDomain.js.map

package/dist/cjs/Domain/makeSandboxDomain.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"makeSandboxDomain.js","sourceRoot":"","sources":["../../../src/Domain/makeSandboxDomain.ts"],"names":[],"mappings":";;AA2BA,8CAyCC;AApED,sCAKqB;AACrB,sCAkBqB;AAGrB,SAAgB,iBAAiB,CAC/B,KAAa,EACb,MAAqB;IAErB,MAAM,UAAU,GAAG,IAAA,wBAAiB,GAAE,CAAC;IAEvC,MAAM,WAAW,GAAG,IAAI,wBAAiB,CACvC,UAAU,CAAC,WAAW,CAAC,eAAe,CAAC,CACxC,CAAC;IAEF,IAAA,mCAA4B,EAAC,KAAK,EAAE,UAAU,CAAC,CAAC;IAChD,IAAA,6BAAsB,EAAC,UAAU,CAAC,CAAC;IACnC,IAAA,+BAAwB,EAAC,UAAU,CAAC,CAAC;IACrC,IAAA,oCAA6B,EAAC,UAAU,CAAC,CAAC;IAC1C,IAAA,qCAA8B,EAAC,UAAU,CAAC,CAAC;IAC3C,IAAA,kCAA2B,EAAC,UAAU,CAAC,CAAC;IACxC,IAAA,+BAAwB,EAAC,UAAU,CAAC,CAAC;IACrC,IAAA,+BAAwB,EAAC,UAAU,CAAC,CAAC;IACrC,IAAA,uBAAgB,EAAC,UAAU,CAAC,CAAC;IAC7B,IAAA,iCAA0B,EAAC,UAAU,CAAC,CAAC;IACvC,IAAA,+BAAwB,EAAC,UAAU,CAAC,CAAC;IACrC,IAAA,8BAAuB,EAAC,UAAU,CAAC,CAAC;IAEpC,WAAW,CAAC,WAAW,EAAE,CAAC;IAE1B,MAAM,OAAO,GAAG,uBAAgB,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;IACjD,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CAAC,mCAAmC,CAAC,CAAC;IACvD,CAAC;IACD,OAAO,CAAC,GAAG,CAAC,QAAQ,GAAG,CAAC,cAAO,CAAC,UAAU,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC;IAC5D,OAAO,CAAC,GAAG,CAAC,iBAAiB,GAAG,IAAI,GAAG,CACrC,UAAU,EACV,MAAM,CAAC,QAAQ,CAAC,IAAI,CACrB,CAAC,QAAQ,EAAE,CAAC;IAEb,IAAA,+BAAwB,EAAC,MAAM,CAAC,gBAAgB,EAAE,UAAU,CAAC,CAAC;IAC9D,IAAA,4BAAqB,EAAC,UAAU,EAAE,CAAC,CAAC,CAAC;IACrC,IAAA,2BAAoB,EAAC,UAAU,EAAE,MAAM,CAAC,eAAe,IAAI,IAAI,CAAC,CAAC;IACjE,IAAA,qBAAc,EAAC,UAAU,EAAE,OAAO,CAAC,CAAC;IAEpC,OAAO,UAAU,CAAC;AACpB,CAAC","sourcesContent":["import {\r\n  AppObjectRepo,\r\n  DomainFactoryRepo,\r\n  Version,\r\n  makeAppObjectRepo\r\n} from \"@vived/core\";\r\nimport {\r\n  AppSandboxEntity,\r\n  makeAppSandboxFeatureFactory,\r\n  makeAppsFeatureFactory,\r\n  makeAssetPluginFeatureFactory,\r\n  makeCacheFeatureFactory,\r\n  makeChallengeResultsFactory,\r\n  makeSandboxAssetsFactory,\r\n  makeSandboxDialogFactory,\r\n  makeSandboxLoggerFactory,\r\n  makeSandboxStateMachineFactory,\r\n  makeSandboxVivedAPIFactory,\r\n  makeSandboxZSpaceFactory,\r\n  makeThemeFactory,\r\n  setSandboxStatesFromData,\r\n  setThemeByName,\r\n  setTransitionDuration,\r\n  setZSpaceIsSupported\r\n} from \"@vived/host\";\r\nimport { SandboxConfig } from \"../SandboxConfig\";\r\n\r\nexport function makeSandboxDomain(\r\n  appID: string,\r\n  config: SandboxConfig\r\n): AppObjectRepo {\r\n  const appObjects = makeAppObjectRepo();\r\n\r\n  const factoryRepo = new DomainFactoryRepo(\r\n    appObjects.getOrCreate(\"DomainFactory\")\r\n  );\r\n\r\n  makeAppSandboxFeatureFactory(appID, appObjects);\r\n  makeAppsFeatureFactory(appObjects);\r\n  makeSandboxAssetsFactory(appObjects);\r\n  makeAssetPluginFeatureFactory(appObjects);\r\n  makeSandboxStateMachineFactory(appObjects);\r\n  makeChallengeResultsFactory(appObjects);\r\n  makeSandboxDialogFactory(appObjects);\r\n  makeSandboxLoggerFactory(appObjects);\r\n  makeThemeFactory(appObjects);\r\n  makeSandboxVivedAPIFactory(appObjects);\r\n  makeSandboxZSpaceFactory(appObjects);\r\n  makeCacheFeatureFactory(appObjects);\r\n\r\n  factoryRepo.setupDomain();\r\n\r\n  const sandbox = AppSandboxEntity.get(appObjects);\r\n  if (!sandbox) {\r\n    throw new Error(\"Failed to create AppSandboxEntity\");\r\n  }\r\n  sandbox.app.versions = [Version.FromString(config.version)];\r\n  sandbox.app.appAssetFolderURL = new URL(\r\n    \"/assets/\",\r\n    window.location.href\r\n  ).toString();\r\n\r\n  setSandboxStatesFromData(config.persistentStates, appObjects);\r\n  setTransitionDuration(appObjects, 1);\r\n  setZSpaceIsSupported(appObjects, config.zSpaceSupported ?? true);\r\n  setThemeByName(appObjects, \"light\");\r\n\r\n  return appObjects;\r\n}\r\n"]}

package/dist/cjs/Frameworks/IndexedDB/Entities/IndexedDBCacheEntity.js

@@ -0,0 +1,196 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.makeIndexedDBCacheEntity = makeIndexedDBCacheEntity;
+const host_1 = require("@vived/host");
+// Polyfill for structuredClone in test environments
+const safeStructuredClone = (obj) => {
+    if (typeof structuredClone !== "undefined") {
+        return structuredClone(obj);
+    }
+    return JSON.parse(JSON.stringify(obj));
+};
+function makeIndexedDBCacheEntity(appObject) {
+    return new IndexedDBCacheEntityImp(appObject);
+}
+class IndexedDBCacheEntityImp extends host_1.CacheEntity {
+    constructor(appObject) {
+        super(appObject, host_1.CacheEntity.type);
+        this.dbName = "vivedCache";
+        this.storeName = "cacheEntries";
+        this.dbVersion = 1;
+        this.db = null;
+        this.dbInitPromise = null;
+        this.initDatabase();
+        this.appObjects.registerSingleton(this);
+    }
+    initDatabase() {
+        this.dbInitPromise = new Promise((resolve, reject) => {
+            if (!window.indexedDB) {
+                const error = "IndexedDB not supported in this browser";
+                this.error(error);
+                reject(new Error(error));
+                return;
+            }
+            const request = window.indexedDB.open(this.dbName, this.dbVersion);
+            request.onerror = (event) => {
+                const error = `Failed to open IndexedDB: ${event.target.error}`;
+                this.error(error);
+                reject(new Error(error));
+            };
+            request.onupgradeneeded = (event) => {
+                const db = event.target.result;
+                if (!db.objectStoreNames.contains(this.storeName)) {
+                    db.createObjectStore(this.storeName);
+                }
+            };
+            request.onsuccess = (event) => {
+                this.db = event.target.result;
+                resolve();
+            };
+        });
+    }
+    async getDb() {
+        if (this.db)
+            return this.db;
+        if (!this.dbInitPromise) {
+            this.initDatabase();
+        }
+        await this.dbInitPromise;
+        if (!this.db) {
+            throw new Error("IndexedDB connection failed");
+        }
+        return this.db;
+    }
+    async get(key) {
+        try {
+            const db = await this.getDb();
+            return new Promise((resolve, reject) => {
+                const transaction = db.transaction(this.storeName, "readonly");
+                const store = transaction.objectStore(this.storeName);
+                const request = store.get(key);
+                request.onerror = (event) => {
+                    reject(new Error(`Failed to get cache entry: ${event.target.error}`));
+                };
+                request.onsuccess = () => {
+                    if (request.result) {
+                        resolve(request.result);
+                    }
+                    else {
+                        reject(new Error(`Cache key not found: ${key}`));
+                    }
+                };
+            });
+        }
+        catch (error) {
+            this.error("Error accessing IndexedDB");
+            throw error;
+        }
+    }
+    async store(key, value, metadata) {
+        try {
+            const db = await this.getDb();
+            return new Promise((resolve, reject) => {
+                const transaction = db.transaction(this.storeName, "readwrite");
+                const store = transaction.objectStore(this.storeName);
+                // Use a simple JSON-serializable object to avoid structuredClone issues
+                // Note: This limits storage to JSON-serializable objects only
+                const entry = {
+                    value: safeStructuredClone(value),
+                    metadata: metadata ? safeStructuredClone(metadata) : undefined
+                };
+                const request = store.put(entry, key);
+                request.onerror = (event) => {
+                    reject(new Error(`Failed to store cache entry: ${event.target.error}`));
+                };
+                request.onsuccess = () => {
+                    resolve();
+                };
+            });
+        }
+        catch (error) {
+            this.error("Error storing data in IndexedDB");
+            throw error;
+        }
+    }
+    async has(key) {
+        try {
+            const db = await this.getDb();
+            return new Promise((resolve, reject) => {
+                const transaction = db.transaction(this.storeName, "readonly");
+                const store = transaction.objectStore(this.storeName);
+                const request = store.count(key);
+                request.onerror = (event) => {
+                    reject(new Error(`Failed to check cache key: ${event.target.error}`));
+                };
+                request.onsuccess = () => {
+                    resolve(request.result > 0);
+                };
+            });
+        }
+        catch (error) {
+            this.error("Error checking key in IndexedDB");
+            return false;
+        }
+    }
+    async invalidate(key) {
+        try {
+            const db = await this.getDb();
+            return new Promise((resolve, reject) => {
+                const transaction = db.transaction(this.storeName, "readwrite");
+                const store = transaction.objectStore(this.storeName);
+                const request = store.delete(key);
+                request.onerror = (event) => {
+                    reject(new Error(`Failed to invalidate cache entry: ${event.target.error}`));
+                };
+                request.onsuccess = () => {
+                    resolve();
+                };
+            });
+        }
+        catch (error) {
+            this.error("Error invalidating key in IndexedDB");
+            throw error;
+        }
+    }
+    async clear() {
+        try {
+            const db = await this.getDb();
+            return new Promise((resolve, reject) => {
+                const transaction = db.transaction(this.storeName, "readwrite");
+                const store = transaction.objectStore(this.storeName);
+                const request = store.clear();
+                request.onerror = (event) => {
+                    reject(new Error(`Failed to clear cache: ${event.target.error}`));
+                };
+                request.onsuccess = () => {
+                    resolve();
+                };
+            });
+        }
+        catch (error) {
+            this.error("Error clearing IndexedDB cache");
+            throw error;
+        }
+    }
+    async size() {
+        try {
+            const db = await this.getDb();
+            return new Promise((resolve, reject) => {
+                const transaction = db.transaction(this.storeName, "readonly");
+                const store = transaction.objectStore(this.storeName);
+                const request = store.count();
+                request.onerror = (event) => {
+                    reject(new Error(`Failed to get cache size: ${event.target.error}`));
+                };
+                request.onsuccess = () => {
+                    resolve(request.result);
+                };
+            });
+        }
+        catch (error) {
+            this.error("Error getting cache size from IndexedDB");
+            return 0;
+        }
+    }
+}
+//# sourceMappingURL=IndexedDBCacheEntity.js.map

package/dist/cjs/Frameworks/IndexedDB/Entities/IndexedDBCacheEntity.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IndexedDBCacheEntity.js","sourceRoot":"","sources":["../../../../../src/Frameworks/IndexedDB/Entities/IndexedDBCacheEntity.ts"],"names":[],"mappings":"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","sourcesContent":["import {\r\n  AppObject\r\n} from \"@vived/core\";\r\nimport { CacheEntity } from \"@vived/host\";\r\n\r\n// Polyfill for structuredClone in test environments\r\nconst safeStructuredClone = (obj: any): any => {\r\n  if (typeof structuredClone !== \"undefined\") {\r\n    return structuredClone(obj);\r\n  }\r\n  return JSON.parse(JSON.stringify(obj));\r\n};\r\n\r\nexport function makeIndexedDBCacheEntity(appObject: AppObject): CacheEntity {\r\n  return new IndexedDBCacheEntityImp(appObject);\r\n}\r\n\r\nclass IndexedDBCacheEntityImp extends CacheEntity {\r\n  private dbName = \"vivedCache\";\r\n  private storeName = \"cacheEntries\";\r\n  private dbVersion = 1;\r\n  private db: IDBDatabase | null = null;\r\n  private dbInitPromise: Promise<void> | null = null;\r\n\r\n  constructor(appObject: AppObject) {\r\n    super(appObject, CacheEntity.type);\r\n    this.initDatabase();\r\n    this.appObjects.registerSingleton(this);\r\n  }\r\n\r\n  private initDatabase(): void {\r\n    this.dbInitPromise = new Promise<void>((resolve, reject) => {\r\n      if (!window.indexedDB) {\r\n        const error = \"IndexedDB not supported in this browser\";\r\n        this.error(error);\r\n        reject(new Error(error));\r\n        return;\r\n      }\r\n\r\n      const request = window.indexedDB.open(this.dbName, this.dbVersion);\r\n\r\n      request.onerror = (event) => {\r\n        const error = `Failed to open IndexedDB: ${\r\n          (event.target as IDBRequest).error\r\n        }`;\r\n        this.error(error);\r\n        reject(new Error(error));\r\n      };\r\n\r\n      request.onupgradeneeded = (event) => {\r\n        const db = (event.target as IDBOpenDBRequest).result;\r\n        if (!db.objectStoreNames.contains(this.storeName)) {\r\n          db.createObjectStore(this.storeName);\r\n        }\r\n      };\r\n\r\n      request.onsuccess = (event) => {\r\n        this.db = (event.target as IDBOpenDBRequest).result;\r\n        resolve();\r\n      };\r\n    });\r\n  }\r\n\r\n  private async getDb(): Promise<IDBDatabase> {\r\n    if (this.db) return this.db;\r\n\r\n    if (!this.dbInitPromise) {\r\n      this.initDatabase();\r\n    }\r\n\r\n    await this.dbInitPromise;\r\n\r\n    if (!this.db) {\r\n      throw new Error(\"IndexedDB connection failed\");\r\n    }\r\n\r\n    return this.db;\r\n  }\r\n\r\n  async get(\r\n    key: string\r\n  ): Promise<{ value: any; metadata?: Record<string, any> }> {\r\n    try {\r\n      const db = await this.getDb();\r\n      return new Promise((resolve, reject) => {\r\n        const transaction = db.transaction(this.storeName, \"readonly\");\r\n        const store = transaction.objectStore(this.storeName);\r\n        const request = store.get(key);\r\n\r\n        request.onerror = (event) => {\r\n          reject(\r\n            new Error(\r\n              `Failed to get cache entry: ${(event.target as IDBRequest).error}`\r\n            )\r\n          );\r\n        };\r\n\r\n        request.onsuccess = () => {\r\n          if (request.result) {\r\n            resolve(request.result);\r\n          } else {\r\n            reject(new Error(`Cache key not found: ${key}`));\r\n          }\r\n        };\r\n      });\r\n    } catch (error) {\r\n      this.error(\"Error accessing IndexedDB\");\r\n      throw error;\r\n    }\r\n  }\r\n\r\n  async store(\r\n    key: string,\r\n    value: any,\r\n    metadata?: Record<string, any>\r\n  ): Promise<void> {\r\n    try {\r\n      const db = await this.getDb();\r\n      return new Promise((resolve, reject) => {\r\n        const transaction = db.transaction(this.storeName, \"readwrite\");\r\n        const store = transaction.objectStore(this.storeName);\r\n\r\n        // Use a simple JSON-serializable object to avoid structuredClone issues\r\n        // Note: This limits storage to JSON-serializable objects only\r\n        const entry = {\r\n          value: safeStructuredClone(value),\r\n          metadata: metadata ? safeStructuredClone(metadata) : undefined\r\n        };\r\n\r\n        const request = store.put(entry, key);\r\n\r\n        request.onerror = (event) => {\r\n          reject(\r\n            new Error(\r\n              `Failed to store cache entry: ${\r\n                (event.target as IDBRequest).error\r\n              }`\r\n            )\r\n          );\r\n        };\r\n\r\n        request.onsuccess = () => {\r\n          resolve();\r\n        };\r\n      });\r\n    } catch (error) {\r\n      this.error(\"Error storing data in IndexedDB\");\r\n      throw error;\r\n    }\r\n  }\r\n\r\n  async has(key: string): Promise<boolean> {\r\n    try {\r\n      const db = await this.getDb();\r\n      return new Promise((resolve, reject) => {\r\n        const transaction = db.transaction(this.storeName, \"readonly\");\r\n        const store = transaction.objectStore(this.storeName);\r\n        const request = store.count(key);\r\n\r\n        request.onerror = (event) => {\r\n          reject(\r\n            new Error(\r\n              `Failed to check cache key: ${(event.target as IDBRequest).error}`\r\n            )\r\n          );\r\n        };\r\n\r\n        request.onsuccess = () => {\r\n          resolve(request.result > 0);\r\n        };\r\n      });\r\n    } catch (error) {\r\n      this.error(\"Error checking key in IndexedDB\");\r\n      return false;\r\n    }\r\n  }\r\n\r\n  async invalidate(key: string): Promise<void> {\r\n    try {\r\n      const db = await this.getDb();\r\n      return new Promise((resolve, reject) => {\r\n        const transaction = db.transaction(this.storeName, \"readwrite\");\r\n        const store = transaction.objectStore(this.storeName);\r\n        const request = store.delete(key);\r\n\r\n        request.onerror = (event) => {\r\n          reject(\r\n            new Error(\r\n              `Failed to invalidate cache entry: ${\r\n                (event.target as IDBRequest).error\r\n              }`\r\n            )\r\n          );\r\n        };\r\n\r\n        request.onsuccess = () => {\r\n          resolve();\r\n        };\r\n      });\r\n    } catch (error) {\r\n      this.error(\"Error invalidating key in IndexedDB\");\r\n      throw error;\r\n    }\r\n  }\r\n\r\n  async clear(): Promise<void> {\r\n    try {\r\n      const db = await this.getDb();\r\n      return new Promise((resolve, reject) => {\r\n        const transaction = db.transaction(this.storeName, \"readwrite\");\r\n        const store = transaction.objectStore(this.storeName);\r\n        const request = store.clear();\r\n\r\n        request.onerror = (event) => {\r\n          reject(\r\n            new Error(\r\n              `Failed to clear cache: ${(event.target as IDBRequest).error}`\r\n            )\r\n          );\r\n        };\r\n\r\n        request.onsuccess = () => {\r\n          resolve();\r\n        };\r\n      });\r\n    } catch (error) {\r\n      this.error(\"Error clearing IndexedDB cache\");\r\n      throw error;\r\n    }\r\n  }\r\n\r\n  async size(): Promise<number> {\r\n    try {\r\n      const db = await this.getDb();\r\n      return new Promise((resolve, reject) => {\r\n        const transaction = db.transaction(this.storeName, \"readonly\");\r\n        const store = transaction.objectStore(this.storeName);\r\n        const request = store.count();\r\n\r\n        request.onerror = (event) => {\r\n          reject(\r\n            new Error(\r\n              `Failed to get cache size: ${(event.target as IDBRequest).error}`\r\n            )\r\n          );\r\n        };\r\n\r\n        request.onsuccess = () => {\r\n          resolve(request.result);\r\n        };\r\n      });\r\n    } catch (error) {\r\n      this.error(\"Error getting cache size from IndexedDB\");\r\n      return 0;\r\n    }\r\n  }\r\n}\r\n"]}

package/dist/cjs/Frameworks/IndexedDB/setupIndexedDBCache.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.setupIndexedDBCache = setupIndexedDBCache;
+const IndexedDBCacheEntity_1 = require("./Entities/IndexedDBCacheEntity");
+const host_1 = require("@vived/host");
+function setupIndexedDBCache(appObjects) {
+    try {
+        const appObject = appObjects.getOrCreate("Cache");
+        if (!window.indexedDB) {
+            // Fallback, memory cache
+            (0, host_1.makeCacheEntity)(appObject);
+        }
+        else {
+            (0, IndexedDBCacheEntity_1.makeIndexedDBCacheEntity)(appObject);
+        }
+    }
+    catch (error) {
+        appObjects.submitWarning("setupIndexedDBCache", "Failed to setup IndexedDB cache");
+    }
+}
+//# sourceMappingURL=setupIndexedDBCache.js.map

package/dist/cjs/Frameworks/IndexedDB/setupIndexedDBCache.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"setupIndexedDBCache.js","sourceRoot":"","sources":["../../../../src/Frameworks/IndexedDB/setupIndexedDBCache.ts"],"names":[],"mappings":";;AAIA,kDAeC;AAlBD,0EAA2E;AAC3E,sCAA8C;AAE9C,SAAgB,mBAAmB,CAAC,UAAyB;IAC3D,IAAI,CAAC;QACH,MAAM,SAAS,GAAG,UAAU,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;QAClD,IAAI,CAAC,MAAM,CAAC,SAAS,EAAE,CAAC;YACtB,yBAAyB;YACzB,IAAA,sBAAe,EAAC,SAAS,CAAC,CAAC;QAC7B,CAAC;aAAM,CAAC;YACN,IAAA,+CAAwB,EAAC,SAAS,CAAC,CAAC;QACtC,CAAC;IACH,CAAC;IAAC,OAAO,KAAK,EAAE,CAAC;QACf,UAAU,CAAC,aAAa,CACtB,qBAAqB,EACrB,iCAAiC,CAClC,CAAC;IACJ,CAAC;AACH,CAAC","sourcesContent":["import { AppObjectRepo } from \"@vived/core\";\r\nimport { makeIndexedDBCacheEntity } from \"./Entities/IndexedDBCacheEntity\";\r\nimport { makeCacheEntity } from \"@vived/host\";\r\n\r\nexport function setupIndexedDBCache(appObjects: AppObjectRepo) {\r\n  try {\r\n    const appObject = appObjects.getOrCreate(\"Cache\");\r\n    if (!window.indexedDB) {\r\n      // Fallback, memory cache\r\n      makeCacheEntity(appObject);\r\n    } else {\r\n      makeIndexedDBCacheEntity(appObject);\r\n    }\r\n  } catch (error) {\r\n    appObjects.submitWarning(\r\n      \"setupIndexedDBCache\",\r\n      \"Failed to setup IndexedDB cache\"\r\n    );\r\n  }\r\n}\r\n"]}

package/dist/cjs/Frameworks/React/Components/EditAssetMeta.js

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EditAssetMeta = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const EditAssetMeta = (props) => {
+    const { initialArchived, cancel, initialDescription, initialName, submit } = props;
+    const [name, setName] = (0, react_1.useState)("");
+    const [description, setDescription] = (0, react_1.useState)("");
+    const [archived, setArchived] = (0, react_1.useState)(false);
+    const [initialize, setInitialize] = (0, react_1.useState)(true);
+    const [disableSubmit, setDisableSubmit] = (0, react_1.useState)(true);
+    (0, react_1.useEffect)(() => {
+        if (initialize) {
+            setInitialize(false);
+            setName(initialName);
+            setDescription(initialDescription);
+            setArchived(initialArchived);
+        }
+    }, [initialize, initialName, initialDescription, initialArchived]);
+    (0, react_1.useEffect)(() => {
+        if (name === initialName &&
+            description === initialDescription &&
+            archived === initialArchived) {
+            setDisableSubmit(true);
+        }
+        else {
+            setDisableSubmit(false);
+        }
+    }, [
+        name,
+        description,
+        archived,
+        initialArchived,
+        initialName,
+        initialDescription
+    ]);
+    const handleSubmit = (event) => {
+        event.preventDefault();
+        submit(name, description, archived);
+    };
+    return ((0, jsx_runtime_1.jsxs)("form", { onSubmit: handleSubmit, children: [(0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsxs)("label", { children: ["Name:", (0, jsx_runtime_1.jsx)("input", { type: "text", value: name, onChange: (e) => setName(e.target.value) })] }) }), (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsxs)("label", { children: ["Description:", (0, jsx_runtime_1.jsx)("input", { type: "text", value: description, onChange: (e) => setDescription(e.target.value) })] }) }), (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsxs)("label", { children: ["Archived:", (0, jsx_runtime_1.jsx)("input", { type: "checkbox", checked: archived, onChange: (e) => setArchived(e.target.checked) })] }) }), (0, jsx_runtime_1.jsx)("input", { type: "submit", disabled: disableSubmit }), (0, jsx_runtime_1.jsx)("button", { type: "button", onClick: cancel, children: "Cancel" })] }));
+};
+exports.EditAssetMeta = EditAssetMeta;
+//# sourceMappingURL=EditAssetMeta.js.map

package/dist/cjs/Frameworks/React/Components/EditAssetMeta.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditAssetMeta.js","sourceRoot":"","sources":["../../../../../src/Frameworks/React/Components/EditAssetMeta.tsx"],"names":[],"mappings":";;;;AAAA,iCAA4C;AAUrC,MAAM,aAAa,GAAG,CAAC,KAAyB,EAAe,EAAE;IACtE,MAAM,EAAE,eAAe,EAAE,MAAM,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,EAAE,GACxE,KAAK,CAAC;IACR,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,EAAE,CAAC,CAAC;IACrC,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAAC,EAAE,CAAC,CAAC;IACnD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAChD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAC,IAAI,CAAC,CAAC;IACnD,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,IAAA,gBAAQ,EAAC,IAAI,CAAC,CAAC;IAEzD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,UAAU,EAAE,CAAC;YACf,aAAa,CAAC,KAAK,CAAC,CAAC;YACrB,OAAO,CAAC,WAAW,CAAC,CAAC;YACrB,cAAc,CAAC,kBAAkB,CAAC,CAAC;YACnC,WAAW,CAAC,eAAe,CAAC,CAAC;QAC/B,CAAC;IACH,CAAC,EAAE,CAAC,UAAU,EAAE,WAAW,EAAE,kBAAkB,EAAE,eAAe,CAAC,CAAC,CAAC;IAEnE,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IACE,IAAI,KAAK,WAAW;YACpB,WAAW,KAAK,kBAAkB;YAClC,QAAQ,KAAK,eAAe,EAC5B,CAAC;YACD,gBAAgB,CAAC,IAAI,CAAC,CAAC;QACzB,CAAC;aAAM,CAAC;YACN,gBAAgB,CAAC,KAAK,CAAC,CAAC;QAC1B,CAAC;IACH,CAAC,EAAE;QACD,IAAI;QACJ,WAAW;QACX,QAAQ;QACR,eAAe;QACf,WAAW;QACX,kBAAkB;KACnB,CAAC,CAAC;IAEH,MAAM,YAAY,GAAG,CAAC,KAAuC,EAAE,EAAE;QAC/D,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,MAAM,CAAC,IAAI,EAAE,WAAW,EAAE,QAAQ,CAAC,CAAC;IACtC,CAAC,CAAC;IAEF,OAAO,CACL,kCAAM,QAAQ,EAAE,YAAY,aAC1B,0CACE,uDAEE,kCACE,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,IAAI,EACX,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,GACxC,IACI,GACJ,EACN,0CACE,8DAEE,kCACE,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,GAC/C,IACI,GACJ,EACN,0CACE,2DAEE,kCACE,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,QAAQ,EACjB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,GAC9C,IACI,GACJ,EACN,kCAAO,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAE,aAAa,GAAI,EAChD,mCAAQ,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,MAAM,uBAE5B,IACJ,CACR,CAAC;AACJ,CAAC,CAAC;AAhFW,QAAA,aAAa,iBAgFxB","sourcesContent":["import { useEffect, useState } from \"react\";\r\n\r\nexport interface EditAssetMetaProps {\r\n  initialName: string;\r\n  initialDescription: string;\r\n  initialArchived: boolean;\r\n  submit: (name: string, description: string, archived: boolean) => void;\r\n  cancel: () => void;\r\n}\r\n\r\nexport const EditAssetMeta = (props: EditAssetMetaProps): JSX.Element => {\r\n  const { initialArchived, cancel, initialDescription, initialName, submit } =\r\n    props;\r\n  const [name, setName] = useState(\"\");\r\n  const [description, setDescription] = useState(\"\");\r\n  const [archived, setArchived] = useState(false);\r\n  const [initialize, setInitialize] = useState(true);\r\n  const [disableSubmit, setDisableSubmit] = useState(true);\r\n\r\n  useEffect(() => {\r\n    if (initialize) {\r\n      setInitialize(false);\r\n      setName(initialName);\r\n      setDescription(initialDescription);\r\n      setArchived(initialArchived);\r\n    }\r\n  }, [initialize, initialName, initialDescription, initialArchived]);\r\n\r\n  useEffect(() => {\r\n    if (\r\n      name === initialName &&\r\n      description === initialDescription &&\r\n      archived === initialArchived\r\n    ) {\r\n      setDisableSubmit(true);\r\n    } else {\r\n      setDisableSubmit(false);\r\n    }\r\n  }, [\r\n    name,\r\n    description,\r\n    archived,\r\n    initialArchived,\r\n    initialName,\r\n    initialDescription\r\n  ]);\r\n\r\n  const handleSubmit = (event: React.FormEvent<HTMLFormElement>) => {\r\n    event.preventDefault();\r\n    submit(name, description, archived);\r\n  };\r\n\r\n  return (\r\n    <form onSubmit={handleSubmit}>\r\n      <div>\r\n        <label>\r\n          Name:\r\n          <input\r\n            type=\"text\"\r\n            value={name}\r\n            onChange={(e) => setName(e.target.value)}\r\n          />\r\n        </label>\r\n      </div>\r\n      <div>\r\n        <label>\r\n          Description:\r\n          <input\r\n            type=\"text\"\r\n            value={description}\r\n            onChange={(e) => setDescription(e.target.value)}\r\n          />\r\n        </label>\r\n      </div>\r\n      <div>\r\n        <label>\r\n          Archived:\r\n          <input\r\n            type=\"checkbox\"\r\n            checked={archived}\r\n            onChange={(e) => setArchived(e.target.checked)}\r\n          />\r\n        </label>\r\n      </div>\r\n      <input type=\"submit\" disabled={disableSubmit} />\r\n      <button type=\"button\" onClick={cancel}>\r\n        Cancel\r\n      </button>\r\n    </form>\r\n  );\r\n};\r\n"]}

package/dist/cjs/Frameworks/React/Components/ResultCards/HitChallengeResult.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HitChallengResult = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+require("./ResultCardStyles.css");
+const HitChallengResult = (props) => {
+    const { slideName, tries, message, success } = props;
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "challengeCard", children: [(0, jsx_runtime_1.jsxs)("p", { children: ["Hit result for ", slideName] }), (0, jsx_runtime_1.jsx)("p", { children: message }), (0, jsx_runtime_1.jsxs)("p", { children: ["Success: ", success] }), (0, jsx_runtime_1.jsxs)("p", { children: ["Tries: ", tries] })] }));
+};
+exports.HitChallengResult = HitChallengResult;
+//# sourceMappingURL=HitChallengeResult.js.map

package/dist/cjs/Frameworks/React/Components/ResultCards/HitChallengeResult.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HitChallengeResult.js","sourceRoot":"","sources":["../../../../../../src/Frameworks/React/Components/ResultCards/HitChallengeResult.tsx"],"names":[],"mappings":";;;;AAAA,kCAAgC;AASzB,MAAM,iBAAiB,GAAG,CAAC,KAAwB,EAAe,EAAE;IACzE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAErD,OAAO,CACL,iCAAK,SAAS,EAAE,eAAe,aAC7B,6DAAmB,SAAS,IAAK,EACjC,wCAAI,OAAO,GAAK,EAChB,uDAAa,OAAO,IAAK,EACzB,qDAAW,KAAK,IAAK,IACjB,CACP,CAAC;AACJ,CAAC,CAAC;AAXW,QAAA,iBAAiB,qBAW5B","sourcesContent":["import \"./ResultCardStyles.css\";\r\n\r\nexport interface HitChallengeProps {\r\n  slideName: string;\r\n  tries: number;\r\n  message: string;\r\n  success: boolean;\r\n}\r\n\r\nexport const HitChallengResult = (props: HitChallengeProps): JSX.Element => {\r\n  const { slideName, tries, message, success } = props;\r\n\r\n  return (\r\n    <div className={\"challengeCard\"}>\r\n      <p>Hit result for {slideName}</p>\r\n      <p>{message}</p>\r\n      <p>Success: {success}</p>\r\n      <p>Tries: {tries}</p>\r\n    </div>\r\n  );\r\n};\r\n"]}

package/dist/cjs/Frameworks/React/Components/ResultCards/MultiHitChallengeResult.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MultiHitChallengeResult = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+require("./ResultCardStyles.css");
+const MultiHitChallengeResult = (props) => {
+    const { slideName, tries, message, hits, misses, unanswered } = props;
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "challengeCard", children: [(0, jsx_runtime_1.jsxs)("p", { children: ["Multi hit result for ", slideName] }), (0, jsx_runtime_1.jsx)("p", { children: message }), (0, jsx_runtime_1.jsxs)("p", { children: ["Tries: ", tries] }), (0, jsx_runtime_1.jsxs)("p", { children: ["Hits: ", hits] }), (0, jsx_runtime_1.jsxs)("p", { children: ["Misses: ", misses] }), (0, jsx_runtime_1.jsxs)("p", { children: ["Unanswered: ", unanswered] })] }));
+};
+exports.MultiHitChallengeResult = MultiHitChallengeResult;
+//# sourceMappingURL=MultiHitChallengeResult.js.map

package/dist/cjs/Frameworks/React/Components/ResultCards/MultiHitChallengeResult.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiHitChallengeResult.js","sourceRoot":"","sources":["../../../../../../src/Frameworks/React/Components/ResultCards/MultiHitChallengeResult.tsx"],"names":[],"mappings":";;;;AAAA,kCAAgC;AAWzB,MAAM,uBAAuB,GAAG,CACrC,KAA6B,EAChB,EAAE;IACf,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC;IAEtE,OAAO,CACL,iCAAK,SAAS,EAAE,eAAe,aAC7B,mEAAyB,SAAS,IAAK,EACvC,wCAAI,OAAO,GAAK,EAChB,qDAAW,KAAK,IAAK,EACrB,oDAAU,IAAI,IAAK,EACnB,sDAAY,MAAM,IAAK,EACvB,0DAAgB,UAAU,IAAK,IAC3B,CACP,CAAC;AACJ,CAAC,CAAC;AAfW,QAAA,uBAAuB,2BAelC","sourcesContent":["import \"./ResultCardStyles.css\";\r\n\r\nexport interface MultiHitChallengeProps {\r\n  slideName: string;\r\n  tries: number;\r\n  message: string;\r\n  hits: number;\r\n  misses: number;\r\n  unanswered: number;\r\n}\r\n\r\nexport const MultiHitChallengeResult = (\r\n  props: MultiHitChallengeProps\r\n): JSX.Element => {\r\n  const { slideName, tries, message, hits, misses, unanswered } = props;\r\n\r\n  return (\r\n    <div className={\"challengeCard\"}>\r\n      <p>Multi hit result for {slideName}</p>\r\n      <p>{message}</p>\r\n      <p>Tries: {tries}</p>\r\n      <p>Hits: {hits}</p>\r\n      <p>Misses: {misses}</p>\r\n      <p>Unanswered: {unanswered}</p>\r\n    </div>\r\n  );\r\n};\r\n"]}

package/dist/cjs/Frameworks/React/Components/ResultCards/QualityChallengeResult.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.QualityChallengResult = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+require("./ResultCardStyles.css");
+const QualityChallengResult = (props) => {
+    const { slideName, tries, message, maxStars, stars } = props;
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "challengeCard", children: [(0, jsx_runtime_1.jsxs)("p", { children: ["Quality result for ", slideName] }), (0, jsx_runtime_1.jsx)("p", { children: message }), (0, jsx_runtime_1.jsxs)("p", { children: ["You got ", stars, " out of ", maxStars, " stars"] }), (0, jsx_runtime_1.jsxs)("p", { children: ["Tries: ", tries] }), " "] }));
+};
+exports.QualityChallengResult = QualityChallengResult;
+//# sourceMappingURL=QualityChallengeResult.js.map

package/dist/cjs/Frameworks/React/Components/ResultCards/QualityChallengeResult.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"QualityChallengeResult.js","sourceRoot":"","sources":["../../../../../../src/Frameworks/React/Components/ResultCards/QualityChallengeResult.tsx"],"names":[],"mappings":";;;;AAAA,kCAAgC;AAUzB,MAAM,qBAAqB,GAAG,CACnC,KAA4B,EACf,EAAE;IACf,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IAE7D,OAAO,CACL,iCAAK,SAAS,EAAE,eAAe,aAC7B,iEAAuB,SAAS,IAAK,EACrC,wCAAI,OAAO,GAAK,EAChB,sDACW,KAAK,cAAU,QAAQ,cAC9B,EACJ,qDAAW,KAAK,IAAK,EAAC,GAAG,IACrB,CACP,CAAC;AACJ,CAAC,CAAC;AAfW,QAAA,qBAAqB,yBAehC","sourcesContent":["import \"./ResultCardStyles.css\";\r\n\r\nexport interface QualityChallengeProps {\r\n  slideName: string;\r\n  tries: number;\r\n  message: string;\r\n  stars: number;\r\n  maxStars: number;\r\n}\r\n\r\nexport const QualityChallengResult = (\r\n  props: QualityChallengeProps\r\n): JSX.Element => {\r\n  const { slideName, tries, message, maxStars, stars } = props;\r\n\r\n  return (\r\n    <div className={\"challengeCard\"}>\r\n      <p>Quality result for {slideName}</p>\r\n      <p>{message}</p>\r\n      <p>\r\n        You got {stars} out of {maxStars} stars\r\n      </p>\r\n      <p>Tries: {tries}</p>{\" \"}\r\n    </div>\r\n  );\r\n};\r\n"]}

package/dist/cjs/Frameworks/React/Components/ResultCards/ScoreChallengeResult.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ScoreChallengResult = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+require("./ResultCardStyles.css");
+const ScoreChallengResult = (props) => {
+    const { slideName, tries, message, score, maxScore } = props;
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "challengeCard", children: [(0, jsx_runtime_1.jsxs)("p", { children: ["Score result for ", slideName] }), (0, jsx_runtime_1.jsx)("p", { children: message }), (0, jsx_runtime_1.jsxs)("p", { children: ["You got ", score, " out of ", maxScore, " points"] }), (0, jsx_runtime_1.jsxs)("p", { children: ["Tries: ", tries] }), " "] }));
+};
+exports.ScoreChallengResult = ScoreChallengResult;
+//# sourceMappingURL=ScoreChallengeResult.js.map

package/dist/cjs/Frameworks/React/Components/ResultCards/ScoreChallengeResult.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScoreChallengeResult.js","sourceRoot":"","sources":["../../../../../../src/Frameworks/React/Components/ResultCards/ScoreChallengeResult.tsx"],"names":[],"mappings":";;;;AAAA,kCAAgC;AAUzB,MAAM,mBAAmB,GAAG,CACjC,KAA0B,EACb,EAAE;IACf,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAE7D,OAAO,CACL,iCAAK,SAAS,EAAE,eAAe,aAC7B,+DAAqB,SAAS,IAAK,EACnC,wCAAI,OAAO,GAAK,EAChB,sDACW,KAAK,cAAU,QAAQ,eAC9B,EACJ,qDAAW,KAAK,IAAK,EAAC,GAAG,IACrB,CACP,CAAC;AACJ,CAAC,CAAC;AAfW,QAAA,mBAAmB,uBAe9B","sourcesContent":["import \"./ResultCardStyles.css\";\r\n\r\nexport interface ScoreChallengeProps {\r\n  slideName: string;\r\n  tries: number;\r\n  message: string;\r\n  score: number;\r\n  maxScore: number;\r\n}\r\n\r\nexport const ScoreChallengResult = (\r\n  props: ScoreChallengeProps\r\n): JSX.Element => {\r\n  const { slideName, tries, message, score, maxScore } = props;\r\n\r\n  return (\r\n    <div className={\"challengeCard\"}>\r\n      <p>Score result for {slideName}</p>\r\n      <p>{message}</p>\r\n      <p>\r\n        You got {score} out of {maxScore} points\r\n      </p>\r\n      <p>Tries: {tries}</p>{\" \"}\r\n    </div>\r\n  );\r\n};\r\n"]}

package/dist/cjs/Frameworks/React/Components/Sandbox/Components/HostWrapper/HostWrapper.js

@@ -0,0 +1,14 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HostWrapper = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const HostWrapper_module_scss_1 = __importDefault(require("./HostWrapper.module.scss"));
+const HostWrapper = ({ children, ...otherProps }) => {
+    const baseId = otherProps.id || "host-wrapper";
+    return ((0, jsx_runtime_1.jsx)("div", { className: HostWrapper_module_scss_1.default.container, id: baseId, ...otherProps, children: children }));
+};
+exports.HostWrapper = HostWrapper;
+//# sourceMappingURL=HostWrapper.js.map

package/dist/cjs/Frameworks/React/Components/Sandbox/Components/HostWrapper/HostWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HostWrapper.js","sourceRoot":"","sources":["../../../../../../../../src/Frameworks/React/Components/Sandbox/Components/HostWrapper/HostWrapper.tsx"],"names":[],"mappings":";;;;;;;AACA,wFAA8C;AAMvC,MAAM,WAAW,GAAG,CAAC,EAC1B,QAAQ,EACR,GAAG,UAAU,EACgC,EAAE,EAAE;IACjD,MAAM,MAAM,GAAG,UAAU,CAAC,EAAE,IAAI,cAAc,CAAC;IAC/C,OAAO,CACL,gCAAK,SAAS,EAAE,iCAAK,CAAC,SAAS,EAAE,EAAE,EAAE,MAAM,KAAM,UAAU,YACxD,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CAAC;AAVW,QAAA,WAAW,eAUtB","sourcesContent":["import React, { HTMLProps, ReactNode } from \"react\";\r\nimport style from \"./HostWrapper.module.scss\";\r\n\r\nexport type HostWrapperProps = {\r\n  children?: ReactNode;\r\n};\r\n\r\nexport const HostWrapper = ({\r\n  children,\r\n  ...otherProps\r\n}: HostWrapperProps & HTMLProps<HTMLDivElement>) => {\r\n  const baseId = otherProps.id || \"host-wrapper\";\r\n  return (\r\n    <div className={style.container} id={baseId} {...otherProps}>\r\n      {children}\r\n    </div>\r\n  );\r\n};\r\n"]}

package/dist/cjs/Frameworks/React/Components/Sandbox/Components/WorkspaceBottomToolbar/WorkspaceBottomToolbar.js

@@ -0,0 +1,17 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WorkspaceBottomToolbar = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const WorkspaceBottomToolbar_module_scss_1 = __importDefault(require("./WorkspaceBottomToolbar.module.scss"));
+const WorkspaceBottomToolbar = ({ children, ...otherProps }) => {
+    if (children) {
+        return ((0, jsx_runtime_1.jsx)("footer", { id: "sandbox-boottom-toolbar", className: WorkspaceBottomToolbar_module_scss_1.default.container, ...otherProps, children: children }));
+    }
+    else
+        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
+};
+exports.WorkspaceBottomToolbar = WorkspaceBottomToolbar;
+//# sourceMappingURL=WorkspaceBottomToolbar.js.map

package/dist/cjs/Frameworks/React/Components/Sandbox/Components/WorkspaceBottomToolbar/WorkspaceBottomToolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WorkspaceBottomToolbar.js","sourceRoot":"","sources":["../../../../../../../../src/Frameworks/React/Components/Sandbox/Components/WorkspaceBottomToolbar/WorkspaceBottomToolbar.tsx"],"names":[],"mappings":";;;;;;;AAEA,8GAAyD;AAMlD,MAAM,sBAAsB,GAAG,CAAC,EACrC,QAAQ,EACR,GAAG,UAAU,EACwC,EAAE,EAAE;IACzD,IAAI,QAAQ,EAAE,CAAC;QACb,OAAO,CACL,mCACE,EAAE,EAAC,yBAAyB,EAC5B,SAAS,EAAE,4CAAK,CAAC,SAAS,KACtB,UAAU,YAEb,QAAQ,GACF,CACV,CAAC;IACJ,CAAC;;QAAM,OAAO,kDAAK,CAAC;AACtB,CAAC,CAAC;AAfW,QAAA,sBAAsB,0BAejC","sourcesContent":["import React, { HTMLProps, ReactNode } from \"react\";\r\n\r\nimport style from \"./WorkspaceBottomToolbar.module.scss\";\r\n\r\nexport interface WorkspaceBottomToolbarProps {\r\n  children?: ReactNode;\r\n}\r\n\r\nexport const WorkspaceBottomToolbar = ({\r\n  children,\r\n  ...otherProps\r\n}: WorkspaceBottomToolbarProps & HTMLProps<HTMLElement>) => {\r\n  if (children) {\r\n    return (\r\n      <footer\r\n        id=\"sandbox-boottom-toolbar\"\r\n        className={style.container}\r\n        {...otherProps}\r\n      >\r\n        {children}\r\n      </footer>\r\n    );\r\n  } else return <></>;\r\n};\r\n"]}

package/dist/cjs/Frameworks/React/Components/Sandbox/Components/WorkspaceCenterWrapper/WorkspaceCenterWrapper.js

@@ -0,0 +1,14 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WorkspaceCenterWrapper = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const WorkspaceCenterWrapper_module_scss_1 = __importDefault(require("./WorkspaceCenterWrapper.module.scss"));
+// TODO Allow ID to be changed via a prop
+const WorkspaceCenterWrapper = ({ children, ...otherProps }) => {
+    return ((0, jsx_runtime_1.jsx)("section", { id: "workspace-center-wrapper", className: WorkspaceCenterWrapper_module_scss_1.default.container, ...otherProps, children: children }));
+};
+exports.WorkspaceCenterWrapper = WorkspaceCenterWrapper;
+//# sourceMappingURL=WorkspaceCenterWrapper.js.map

package/dist/cjs/Frameworks/React/Components/Sandbox/Components/WorkspaceCenterWrapper/WorkspaceCenterWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WorkspaceCenterWrapper.js","sourceRoot":"","sources":["../../../../../../../../src/Frameworks/React/Components/Sandbox/Components/WorkspaceCenterWrapper/WorkspaceCenterWrapper.tsx"],"names":[],"mappings":";;;;;;;AACA,8GAAyD;AAMzD,yCAAyC;AAClC,MAAM,sBAAsB,GAAG,CAAC,EACrC,QAAQ,EACR,GAAG,UAAU,EACwC,EAAE,EAAE;IACzD,OAAO,CACL,oCACE,EAAE,EAAC,0BAA0B,EAC7B,SAAS,EAAE,4CAAK,CAAC,SAAS,KACtB,UAAU,YAEb,QAAQ,GACD,CACX,CAAC;AACJ,CAAC,CAAC;AAbW,QAAA,sBAAsB,0BAajC","sourcesContent":["import React, { HTMLProps, ReactNode } from \"react\";\r\nimport style from \"./WorkspaceCenterWrapper.module.scss\";\r\n\r\nexport interface WorkspaceCenterWrapperProps {\r\n  children?: ReactNode;\r\n}\r\n\r\n// TODO Allow ID to be changed via a prop\r\nexport const WorkspaceCenterWrapper = ({\r\n  children,\r\n  ...otherProps\r\n}: WorkspaceCenterWrapperProps & HTMLProps<HTMLElement>) => {\r\n  return (\r\n    <section\r\n      id=\"workspace-center-wrapper\"\r\n      className={style.container}\r\n      {...otherProps}\r\n    >\r\n      {children}\r\n    </section>\r\n  );\r\n};\r\n"]}

package/dist/cjs/Frameworks/React/Components/Sandbox/Components/WorkspaceLeft/WorkspaceLeft.js

@@ -0,0 +1,17 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WorkspaceLeft = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const WorkspaceLeft_module_scss_1 = __importDefault(require("./WorkspaceLeft.module.scss"));
+const WorkspaceLeft = ({ children, ...otherProps }) => {
+    if (children) {
+        return ((0, jsx_runtime_1.jsx)("section", { id: "workspace-pane-left", className: WorkspaceLeft_module_scss_1.default.container, ...otherProps, children: children }));
+    }
+    else
+        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
+};
+exports.WorkspaceLeft = WorkspaceLeft;
+//# sourceMappingURL=WorkspaceLeft.js.map

package/dist/cjs/Frameworks/React/Components/Sandbox/Components/WorkspaceLeft/WorkspaceLeft.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WorkspaceLeft.js","sourceRoot":"","sources":["../../../../../../../../src/Frameworks/React/Components/Sandbox/Components/WorkspaceLeft/WorkspaceLeft.tsx"],"names":[],"mappings":";;;;;;;AACA,4FAAgD;AAMzC,MAAM,aAAa,GAAG,CAAC,EAC5B,QAAQ,EACR,GAAG,UAAU,EAC+B,EAAE,EAAE;IAChD,IAAI,QAAQ,EAAE,CAAC;QACb,OAAO,CACL,oCACE,EAAE,EAAC,qBAAqB,EACxB,SAAS,EAAE,mCAAK,CAAC,SAAS,KACtB,UAAU,YAEb,QAAQ,GACD,CACX,CAAC;IACJ,CAAC;;QAAM,OAAO,kDAAK,CAAC;AACtB,CAAC,CAAC;AAfW,QAAA,aAAa,iBAexB","sourcesContent":["import React, { HTMLProps, ReactNode } from \"react\";\r\nimport style from \"./WorkspaceLeft.module.scss\";\r\n\r\nexport interface WorkspaceLeftProps {\r\n  children?: ReactNode;\r\n}\r\n\r\nexport const WorkspaceLeft = ({\r\n  children,\r\n  ...otherProps\r\n}: WorkspaceLeftProps & HTMLProps<HTMLElement>) => {\r\n  if (children) {\r\n    return (\r\n      <section\r\n        id=\"workspace-pane-left\"\r\n        className={style.container}\r\n        {...otherProps}\r\n      >\r\n        {children}\r\n      </section>\r\n    );\r\n  } else return <></>;\r\n};\r\n"]}

package/dist/cjs/Frameworks/React/Components/Sandbox/Components/WorkspaceRight/WorkspaceRight.js

@@ -0,0 +1,17 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WorkspaceRight = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const WorkspaceRight_module_scss_1 = __importDefault(require("./WorkspaceRight.module.scss"));
+const WorkspaceRight = ({ children, ...otherProps }) => {
+    if (children) {
+        return ((0, jsx_runtime_1.jsx)("section", { id: "workspace-pane-right", className: WorkspaceRight_module_scss_1.default.container, ...otherProps, children: children }));
+    }
+    else
+        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
+};
+exports.WorkspaceRight = WorkspaceRight;
+//# sourceMappingURL=WorkspaceRight.js.map

package/dist/cjs/Frameworks/React/Components/Sandbox/Components/WorkspaceRight/WorkspaceRight.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WorkspaceRight.js","sourceRoot":"","sources":["../../../../../../../../src/Frameworks/React/Components/Sandbox/Components/WorkspaceRight/WorkspaceRight.tsx"],"names":[],"mappings":";;;;;;;AACA,8FAAiD;AAM1C,MAAM,cAAc,GAAG,CAAC,EAC7B,QAAQ,EACR,GAAG,UAAU,EACgC,EAAE,EAAE;IACjD,IAAI,QAAQ,EAAE,CAAC;QACb,OAAO,CACL,oCACE,EAAE,EAAC,sBAAsB,EACzB,SAAS,EAAE,oCAAK,CAAC,SAAS,KACtB,UAAU,YAEb,QAAQ,GACD,CACX,CAAC;IACJ,CAAC;;QAAM,OAAO,kDAAK,CAAC;AACtB,CAAC,CAAC;AAfW,QAAA,cAAc,kBAezB","sourcesContent":["import React, { HTMLProps, ReactNode } from \"react\";\r\nimport style from \"./WorkspaceRight.module.scss\";\r\n\r\nexport interface WorkspaceRightProps {\r\n  children?: ReactNode;\r\n}\r\n\r\nexport const WorkspaceRight = ({\r\n  children,\r\n  ...otherProps\r\n}: WorkspaceRightProps & HTMLProps<HTMLElement>) => {\r\n  if (children) {\r\n    return (\r\n      <section\r\n        id=\"workspace-pane-right\"\r\n        className={style.container}\r\n        {...otherProps}\r\n      >\r\n        {children}\r\n      </section>\r\n    );\r\n  } else return <></>;\r\n};\r\n"]}

package/dist/cjs/Frameworks/React/Components/Sandbox/Components/WorkspaceTopToolbar/WorkspaceTopToolbar.js

@@ -0,0 +1,17 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WorkspaceTopToolbar = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const WorkspaceTopToolbar_module_scss_1 = __importDefault(require("./WorkspaceTopToolbar.module.scss"));
+const WorkspaceTopToolbar = ({ children, ...otherProps }) => {
+    if (children) {
+        return ((0, jsx_runtime_1.jsx)("header", { id: "sandbox-top-toolbar", className: WorkspaceTopToolbar_module_scss_1.default.container, ...otherProps, children: children }));
+    }
+    else
+        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
+};
+exports.WorkspaceTopToolbar = WorkspaceTopToolbar;
+//# sourceMappingURL=WorkspaceTopToolbar.js.map

package/dist/cjs/Frameworks/React/Components/Sandbox/Components/WorkspaceTopToolbar/WorkspaceTopToolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WorkspaceTopToolbar.js","sourceRoot":"","sources":["../../../../../../../../src/Frameworks/React/Components/Sandbox/Components/WorkspaceTopToolbar/WorkspaceTopToolbar.tsx"],"names":[],"mappings":";;;;;;;AAEA,wGAAsD;AAM/C,MAAM,mBAAmB,GAAG,CAAC,EAClC,QAAQ,EACR,GAAG,UAAU,EACqC,EAAE,EAAE;IACtD,IAAI,QAAQ,EAAE,CAAC;QACb,OAAO,CACL,mCACE,EAAE,EAAC,qBAAqB,EACxB,SAAS,EAAE,yCAAK,CAAC,SAAS,KACtB,UAAU,YAEb,QAAQ,GACF,CACV,CAAC;IACJ,CAAC;;QAAM,OAAO,kDAAK,CAAC;AACtB,CAAC,CAAC;AAfW,QAAA,mBAAmB,uBAe9B","sourcesContent":["import React, { HTMLProps, ReactNode } from \"react\";\r\n\r\nimport style from \"./WorkspaceTopToolbar.module.scss\";\r\n\r\nexport interface WorkspaceTopToolbarProps {\r\n  children?: ReactNode;\r\n}\r\n\r\nexport const WorkspaceTopToolbar = ({\r\n  children,\r\n  ...otherProps\r\n}: WorkspaceTopToolbarProps & HTMLProps<HTMLElement>) => {\r\n  if (children) {\r\n    return (\r\n      <header\r\n        id=\"sandbox-top-toolbar\"\r\n        className={style.container}\r\n        {...otherProps}\r\n      >\r\n        {children}\r\n      </header>\r\n    );\r\n  } else return <></>;\r\n};\r\n"]}

package/dist/cjs/Frameworks/React/Components/Sandbox/Components/WorkspaceWrapper/WorkspaceWrapper.js

@@ -0,0 +1,14 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WorkspaceWrapper = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const WorkspaceWrapper_module_scss_1 = __importDefault(require("./WorkspaceWrapper.module.scss"));
+const WorkspaceWrapper = ({ children, ...otherProps }) => {
+    const baseId = otherProps.id || "workspace-wrapper";
+    return ((0, jsx_runtime_1.jsx)("div", { id: baseId, className: WorkspaceWrapper_module_scss_1.default.container, ...otherProps, children: children }));
+};
+exports.WorkspaceWrapper = WorkspaceWrapper;
+//# sourceMappingURL=WorkspaceWrapper.js.map

package/dist/cjs/Frameworks/React/Components/Sandbox/Components/WorkspaceWrapper/WorkspaceWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WorkspaceWrapper.js","sourceRoot":"","sources":["../../../../../../../../src/Frameworks/React/Components/Sandbox/Components/WorkspaceWrapper/WorkspaceWrapper.tsx"],"names":[],"mappings":";;;;;;;AACA,kGAAmD;AAM5C,MAAM,gBAAgB,GAAG,CAAC,EAC/B,QAAQ,EACR,GAAG,UAAU,EACqC,EAAE,EAAE;IACtD,MAAM,MAAM,GAAG,UAAU,CAAC,EAAE,IAAI,mBAAmB,CAAC;IACpD,OAAO,CACL,gCAAK,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,sCAAK,CAAC,SAAS,KAAM,UAAU,YACxD,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CAAC;AAVW,QAAA,gBAAgB,oBAU3B","sourcesContent":["import React, { HTMLProps, ReactNode } from \"react\";\r\nimport style from \"./WorkspaceWrapper.module.scss\";\r\n\r\nexport interface WorkspaceWrapperProps {\r\n  children?: ReactNode;\r\n}\r\n\r\nexport const WorkspaceWrapper = ({\r\n  children,\r\n  ...otherProps\r\n}: WorkspaceWrapperProps & HTMLProps<HTMLDivElement>) => {\r\n  const baseId = otherProps.id || \"workspace-wrapper\";\r\n  return (\r\n    <div id={baseId} className={style.container} {...otherProps}>\r\n      {children}\r\n    </div>\r\n  );\r\n};\r\n"]}