@preference-sl/prefconfigurator-wasm 0.1.61-2 → 0.1.61-3

package/js/gltf-storage.js

@@ -1,5 +1,15 @@
 // wwwroot/js/gltf-storage.js
 
+function _getStorageState() {
+    const root = (globalThis.PrefConfigurator ??= {});
+    return (root._state ??= {});
+}
+function _getDbOrThrow() {
+    const db = _getStorageState().gltfStoreDb;
+    if (!db) throw new Error('Database not initialized');
+    return db;
+}
+
 // Inicializar IndexedDB
 export async function initDb(dbName, storeName) {
     return new Promise((resolve, reject) => {
@@ -10,7 +20,11 @@ export async function initDb(dbName, storeName) {
             const db = event.target.result;
 
             // Verificar si la store existe
-            if (!db.objectStoreNames.contains(storeName)) {
+            if (db.objectStoreNames.contains(storeName)) {
+                _getStorageState().gltfStoreDb = db;
+                resolve();
+            }
+            else {
                 db.close();
 
                 // Reabrir con nueva versión para crear la store
@@ -19,19 +33,16 @@ export async function initDb(dbName, storeName) {
 
                 upgradeRequest.onerror = () => reject(upgradeRequest.error);
                 upgradeRequest.onsuccess = () => {
-                    window.gltfDB = upgradeRequest.result;
+                    _getStorageState().gltfStoreDb = upgradeRequest.result;
                     resolve();
                 };
 
                 upgradeRequest.onupgradeneeded = (upgradeEvent) => {
                     const upgradeDb = upgradeEvent.target.result;
                     const store = upgradeDb.createObjectStore(storeName, { keyPath: 'id' });
-                    store.createIndex('type', 'type', { unique: false });
-                    store.createIndex('timestamp', 'timestamp', { unique: false });
+                    // crear indices para mejorar rendimiento
+                    store.createIndex('expirationTimeStamp', 'expirationTimeStamp', { unique: false });
                 };
-            } else {
-                window.gltfDB = db;
-                resolve();
             }
         };
     });
@@ -40,10 +51,8 @@ export async function initDb(dbName, storeName) {
 // Guardar modelo
 export async function saveModel(modelDataStr, storeName) {
     return new Promise((resolve, reject) => {
-        if (!window.gltfDB) {
-            reject(new Error('Database not initialized'));
-            return;
-        }
+        let db;
+        try { db = _getDbOrThrow(); } catch (e) { reject(e); return; }
 
         // Convertir Uint8Array a base64 para almacenamiento (mas lento)
         //const base64Data = this._arrayBufferToBase64(modelData.data);
@@ -52,11 +61,10 @@ export async function saveModel(modelDataStr, storeName) {
         const dataToStore = {
             ...modelData,
             data: modelData.data,
-            size: modelData.data.length,
-            timestamp: new Date().toISOString()
+            size: modelData.data.length
         };
 
-        const transaction = window.gltfDB.transaction([storeName], 'readwrite');
+        const transaction = db.transaction([storeName], 'readwrite');
         const store = transaction.objectStore(storeName);
         const request = store.put(dataToStore);
 
@@ -68,11 +76,10 @@ export async function saveModel(modelDataStr, storeName) {
 // Cargar modelo
 export function loadModel(modelId, storeName) {
     return new Promise((resolve, reject) => {
-        if (!globalThis.gltfDB) {
-            reject(new Error('Database not initialized'));
-            return;
-        }
-        const tx = globalThis.gltfDB.transaction([storeName], 'readonly');
+        let db;
+        try { db = _getDbOrThrow(); } catch (e) { reject(e); return; }
+
+        const tx = db.transaction([storeName], 'readonly');
         const store = tx.objectStore(storeName);
         const req = store.get(modelId);
         req.onerror = () => reject(req.error);
@@ -86,18 +93,16 @@ export function downloadFileFromBytes(fileName, bytesBase64, mimeType) {
     link.href = `data:${mimeType};base64,${bytesBase64}`;
     document.body.appendChild(link);
     link.click();
-    document.body.removeChild(link);
+    link.remove();
 }
 
 // Obtener todos los modelos (solo metadata)
 export async function getAllModels(storeName) {
     return new Promise((resolve, reject) => {
-        if (!window.gltfDB) {
-            reject(new Error('Database not initialized'));
-            return;
-        }
+        let db;
+        try { db = _getDbOrThrow(); } catch (e) { reject(e); return; }
 
-        const transaction = window.gltfDB.transaction([storeName], 'readonly');
+        const transaction = db.transaction([storeName], 'readonly');
         const store = transaction.objectStore(storeName);
         const request = store.getAll();
 
@@ -107,9 +112,8 @@ export async function getAllModels(storeName) {
             const results = request.result.map(item => ({
                 id: item.id,
                 metadata: item.metadata,
-                timestamp: item.timestamp,
-                size: item.size,
-                type: item.type
+                timeStamp: item.timeStamp,
+                size: item.size
             }));
             resolve(JSON.stringify(results));
         };
@@ -119,12 +123,10 @@ export async function getAllModels(storeName) {
 // Eliminar modelo
 export async function deleteModel(modelId, storeName) {
     return new Promise((resolve, reject) => {
-        if (!window.gltfDB) {
-            reject(new Error('Database not initialized'));
-            return;
-        }
+        let db;
+        try { db = _getDbOrThrow(); } catch (e) { reject(e); return; }
 
-        const transaction = window.gltfDB.transaction([storeName], 'readwrite');
+        const transaction = db.transaction([storeName], 'readwrite');
         const store = transaction.objectStore(storeName);
         const request = store.delete(modelId);
 
@@ -136,12 +138,10 @@ export async function deleteModel(modelId, storeName) {
 // Limpiar toda la base de datos
 export async function clearAll(storeName) {
     return new Promise((resolve, reject) => {
-        if (!window.gltfDB) {
-            reject(new Error('Database not initialized'));
-            return;
-        }
+        let db;
+        try { db = _getDbOrThrow(); } catch (e) { reject(e); return; }
 
-        const transaction = window.gltfDB.transaction([storeName], 'readwrite');
+        const transaction = db.transaction([storeName], 'readwrite');
         const store = transaction.objectStore(storeName);
         const request = store.clear();
 
@@ -150,6 +150,36 @@ export async function clearAll(storeName) {
     });
 }
 
+export async function cleanExpiredModels(storeName) {
+    return new Promise((resolve, reject) => {
+        let db;
+        try { db = _getDbOrThrow(); } catch (e) { reject(e); return; }
+
+        const transaction = db.transaction([storeName], 'readwrite');
+        const store = transaction.objectStore(storeName);
+
+        // usar el indice expirationTimeStamp para busqueda eficiente
+        const index = store.index('expirationTimeStamp');
+        const now = Date.now();
+
+        // Buscar solo registros con expirationTimeStamp menor que now
+        const range = IDBKeyRange.upperBound(now);
+        const cursorRequest = index.openCursor(range);
+
+        cursorRequest.onsuccess = (event) => {
+            const cursor = event.target.result;
+            if (cursor) {
+                cursor.delete();
+                cursor.continue();
+            }
+        };
+
+        transaction.oncomplete = () => {
+            resolve();
+        };
+    });
+}
+
 (function attachPublicAPI(global) {
     const root = (global.PrefConfigurator ??= {});
     const storage = {
@@ -159,32 +189,12 @@ export async function clearAll(storeName) {
         getAllModels,
         deleteModel,
         clearAll,
+        cleanExpiredModels,
         downloadFileFromBytes,
     };
 
     // versionado del módulo público
     root.version = root.version ?? '1.0.0';
     root.storage = Object.freeze(storage);
+    root._state = root._state ?? {};
 })(globalThis);
-
-// Utilidades
-//_arrayBufferToBase64: function (buffer) {
-//    let binary = '';
-//    const bytes = new Uint8Array(buffer);
-//    const len = bytes.byteLength;
-//    for (let i = 0; i < len; i++) {
-//        binary += String.fromCharCode(bytes[i]);
-//    }
-//    return btoa(binary);
-//},
-
-//_base64ToArrayBuffer: function (base64) {
-//    const binaryString = atob(base64);
-//    const len = binaryString.length;
-//    const bytes = new Uint8Array(len);
-//    for (let i = 0; i < len; i++) {
-//        bytes[i] = binaryString.charCodeAt(i);
-//    }
-//    return bytes.buffer;
-//}
-//};

package/package.json

@@ -3,7 +3,7 @@
                     "postinstall":  "node scripts/postinstall.js"
                 },
     "description":  ".NET WebAssembly runtime package that centralizes logic for building product configurators, exposing a simple API for integration into ecommerce platforms.",
-    "version":  "0.1.61-2",
+    "version":  "0.1.61-3",
     "files":  [
                   "_framework/**",
                   "**/*.js",