eigen/trackgo-fe
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 12 Wiki Activity

feat: replace demo storage instances with secure storage implementations across i18n and storage features

Browse Source
This commit is contained in:
Firman Ramdhani
2026-05-23 07:46:40 +07:00
parent b6ba41e120
commit 3621f837f6
6 changed files with 54 additions and 61 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/web/src/apps/showcase/example/features/i18n/presentation/I18nSample.tsx
+4 -4
View File
@@ -1,6 +1,6 @@
import { useEffect, useState, useCallback } from 'react';
import { useTranslation, changeLanguage, applyTenantOverrides, i18n } from '@repo/core-i18n';
import { demoIndexedDB } from '@repo/core-storage';
import { secureIndexedDB } from '@repo/core-storage';
// Decentralized locale imports
import bookingId from '../locales/id/booking.json';
@@ -45,7 +45,7 @@ export default function I18nSample() {
const loadDbPayload = useCallback(async () => {
try {
const data = await demoIndexedDB.getItem<any>(MOCK_DB_KEY);
const data = await secureIndexedDB.getItem<any>(MOCK_DB_KEY);
setDbPayloadStr(data ? JSON.stringify(data, null, 2) : 'No data in DB');
setAdminHeaderTitle(data?.overrides?.header?.title || 'Daftar Pengeluaran');
setAdminModuleName(data?.overrides?.module_name || 'PENGELUARAN');
@@ -66,7 +66,7 @@ export default function I18nSample() {
header: { title: adminHeaderTitle },
},
};
await demoIndexedDB.setItem(MOCK_DB_KEY, payload);
await secureIndexedDB.setItem(MOCK_DB_KEY, payload);
setSyncStatus('✅ Saved tenant config to IndexedDB!');
await loadDbPayload();
};
@@ -74,7 +74,7 @@ export default function I18nSample() {
// ─── Mock API ───────────────────────────────────────────────────
const mockFetchTenantConfig = async (companyId: string): Promise<any> => {
if (companyId === 'company-a') {
const data = await demoIndexedDB.getItem<any>(MOCK_DB_KEY);
const data = await secureIndexedDB.getItem<any>(MOCK_DB_KEY);
if (!data) {
throw new Error('Company A config not found in DB. Please save via Admin Panel first.');
}
apps/web/src/apps/showcase/example/features/storage/presentation/StorageSample.tsx
+13 -13
View File
@@ -1,5 +1,5 @@
import { useState, useCallback } from 'react';
import { demoSecureStorage, demoIndexedDB, StorageKey } from '@repo/core-storage';
import { secureStorage, secureIndexedDB, StorageKey } from '@repo/core-storage';
// ─── Demo Data ──────────────────────────────────────────────────
@@ -102,12 +102,12 @@ export default function StorageSample() {
// ═══════════════════════════════════════════════════════════════
const lsCreate = useCallback(async () => {
await demoSecureStorage.setItem(LS_KEY, DEMO_USER);
await secureStorage.setItem(LS_KEY, DEMO_USER);
pushLog(`[LS] CREATE → Stored encrypted: ${JSON.stringify(DEMO_USER)}`);
}, [pushLog]);
const lsRead = useCallback(async () => {
const result = await demoSecureStorage.getItem<DemoUser>(LS_KEY);
const result = await secureStorage.getItem<DemoUser>(LS_KEY);
if (result) {
setLsResult(JSON.stringify(result, null, 2));
pushLog(`[LS] READ → Decrypted: ${JSON.stringify(result)}`);
@@ -118,24 +118,24 @@ export default function StorageSample() {
}, [pushLog]);
const lsUpdate = useCallback(async () => {
const existing = await demoSecureStorage.getItem<DemoUser>(LS_KEY);
const existing = await secureStorage.getItem<DemoUser>(LS_KEY);
if (!existing) {
pushLog('[LS] UPDATE → Failed: key does not exist. Create first.');
return;
}
const updated: DemoUser = { ...existing, role: 'superadmin', id: existing.id + 1 };
await demoSecureStorage.setItem(LS_KEY, updated);
await secureStorage.setItem(LS_KEY, updated);
pushLog(`[LS] UPDATE → Re-encrypted: ${JSON.stringify(updated)}`);
}, [pushLog]);
const lsDelete = useCallback(async () => {
await demoSecureStorage.removeItem(LS_KEY);
await secureStorage.removeItem(LS_KEY);
setLsResult('(deleted)');
pushLog(`[LS] DELETE → Removed key "${LS_KEY}"`);
}, [pushLog]);
const lsClear = useCallback(async () => {
await demoSecureStorage.clear();
await secureStorage.clear();
setLsResult('(cleared)');
pushLog('[LS] CLEAR → All localStorage keys removed');
}, [pushLog]);
@@ -146,7 +146,7 @@ export default function StorageSample() {
const idbCreate = useCallback(async () => {
try {
await demoIndexedDB.setItem(IDB_KEY, DEMO_DRAFT);
await secureIndexedDB.setItem(IDB_KEY, DEMO_DRAFT);
pushLog(`[IDB] CREATE → Stored: ${JSON.stringify(DEMO_DRAFT)}`);
} catch (err) {
pushLog(`[IDB] CREATE → ERROR: ${err instanceof Error ? err.message : String(err)}`);
@@ -155,7 +155,7 @@ export default function StorageSample() {
const idbRead = useCallback(async () => {
try {
const result = await demoIndexedDB.getItem<DemoDraft>(IDB_KEY);
const result = await secureIndexedDB.getItem<DemoDraft>(IDB_KEY);
if (result) {
setIdbResult(JSON.stringify(result, null, 2));
pushLog(`[IDB] READ → Retrieved: ${JSON.stringify(result)}`);
@@ -170,7 +170,7 @@ export default function StorageSample() {
const idbUpdate = useCallback(async () => {
try {
const existing = await demoIndexedDB.getItem<DemoDraft>(IDB_KEY);
const existing = await secureIndexedDB.getItem<DemoDraft>(IDB_KEY);
if (!existing) {
pushLog('[IDB] UPDATE → Failed: key does not exist. Create first.');
return;
@@ -180,7 +180,7 @@ export default function StorageSample() {
id: existing.id + 1,
content: `Updated at ${new Date().toLocaleTimeString()}`,
};
await demoIndexedDB.setItem(IDB_KEY, updated);
await secureIndexedDB.setItem(IDB_KEY, updated);
pushLog(`[IDB] UPDATE → Persisted: ${JSON.stringify(updated)}`);
} catch (err) {
pushLog(`[IDB] UPDATE → ERROR: ${err instanceof Error ? err.message : String(err)}`);
@@ -189,7 +189,7 @@ export default function StorageSample() {
const idbDelete = useCallback(async () => {
try {
await demoIndexedDB.removeItem(IDB_KEY);
await secureIndexedDB.removeItem(IDB_KEY);
setIdbResult('(deleted)');
pushLog(`[IDB] DELETE → Removed key "${IDB_KEY}"`);
} catch (err) {
@@ -199,7 +199,7 @@ export default function StorageSample() {
const idbClear = useCallback(async () => {
try {
await demoIndexedDB.clear();
await secureIndexedDB.clear();
setIdbResult('(cleared)');
pushLog('[IDB] CLEAR → All IndexedDB entries removed');
} catch (err) {