<!-- Include GUN in your HTML -->
<script src="https://cdn.jsdelivr.net/npm/gun/gun.js"></script>
<script src="https://cdn.jsdelivr.net/npm/gun/lib/rindexed.js"></script>

<script>
  const gun = Gun({
    file: 'myapp'  // IndexedDB database name
  });
</script>

import Gun from 'gun';
import 'gun/lib/rindexed';

const gun = Gun({
  file: 'myapp-data'
});

const Gun = require('gun');
require('gun/lib/rindexed');

const gun = Gun({
  file: 'test-db'
});

const Store = require('gun/lib/rindexed');

const store = Store({
  file: 'myapp',           // IndexedDB database name
  indexedDB: indexedDB    // Optional: provide IndexedDB instance
});

const gun = Gun({ file: 'myapp-v1' });

const gun = Gun({ 
  file: 'myapp',
  indexedDB: window.indexedDB || window.mozIndexedDB
});

// Browser creates:
// Database: 'myapp'
// Object Store: 'myapp'
// Keys: encoded file names
// Values: JSON-encoded data

// Example data stored in IndexedDB
{
  // Key: "user%1Balice%1Bname"
  // Value: "{\":\":\"Alice\",\">\":1234567890}"
  
  // Key: "user%1Balice%1Bage"
  // Value: "{\":\":30,\">\":1234567891}"
}

// Automatically detects and falls back
const gun = Gun({ file: 'myapp' });

// Check if using IndexedDB or fallback
if (gun.opt.store.d) {
  console.warn('Using in-memory fallback (data will not persist)');
} else {
  console.log('Using IndexedDB storage');
}

// From rindexed.js:60
setInterval(function() {
  if (db) {
    db.close();
    db = null;
    store.start();
  }
}, 1000 * 15);

const store = RindexedDB({ file: 'myapp' });

// Write data
store.put('key', 'value', function(err, ok) {
  if (err) {
    console.error('Write failed:', err);
  } else {
    console.log('Write successful');
  }
});

// Read data
store.get('key', function(err, value) {
  if (err) {
    console.error('Read failed:', err);
  } else {
    console.log('Value:', value);
  }
});

if (navigator.storage && navigator.storage.estimate) {
  navigator.storage.estimate().then(function(quota) {
    console.log('Used:', quota.usage, 'bytes');
    console.log('Total:', quota.quota, 'bytes');
    console.log('Percentage:', (quota.usage / quota.quota * 100).toFixed(2) + '%');
    console.log('Remaining:', quota.quota - quota.usage, 'bytes');
  });
}

if (navigator.storage && navigator.storage.persist) {
  navigator.storage.persist().then(function(persistent) {
    if (persistent) {
      console.log('Storage will not be cleared except by explicit user action');
    } else {
      console.log('Storage may be cleared under storage pressure');
    }
  });
}

import Gun from 'gun';
import 'gun/lib/rindexed';

const gun = Gun({
  file: 'myapp-data',
  peers: ['https://gun-server.example.com/gun']
});

// Store data (automatically saved to IndexedDB)
gun.get('settings').put({
  theme: 'dark',
  notifications: true
});

// Read data (loaded from IndexedDB)
gun.get('settings').once(function(data) {
  console.log('Settings:', data);
});

const gun = Gun({ 
  file: 'offline-app',
  localStorage: false,  // Disable localStorage
  radisk: false         // Browser doesn't use radisk
});

// Write data while offline
gun.get('todos').get('task1').put({
  title: 'Buy milk',
  done: false,
  created: Date.now()
});

// Data is stored locally in IndexedDB
// When back online, GUN syncs with peers

// service-worker.js
self.addEventListener('install', function(event) {
  // GUN data is already in IndexedDB
  // No additional caching needed
});

// app.js
import Gun from 'gun';
import 'gun/lib/rindexed';

const gun = Gun({
  file: 'pwa-app',
  peers: ['https://api.example.com/gun']
});

// Request persistent storage for PWA
if (navigator.storage && navigator.storage.persist) {
  navigator.storage.persist();
}

// Bad: Many individual writes
for (let i = 0; i < 1000; i++) {
  gun.get('items').get(i).put({ value: i });
}

// Better: Batch related data
const items = {};
for (let i = 0; i < 1000; i++) {
  items[i] = { value: i };
}
gun.get('items').put(items);

// Bad: Store large objects
gun.get('user/alice').put({
  name: 'Alice',
  posts: [/* 1000 posts */],
  comments: [/* 5000 comments */]
});

// Better: Separate concerns
gun.get('user/alice').put({ name: 'Alice' });
gun.get('user/alice/posts').put(/* posts */);
gun.get('user/alice/comments').put(/* comments */);

const store = gun.opt.store;

// Track operation timing
let startTime = performance.now();

store.put('key', 'value', function(err, ok) {
  const duration = performance.now() - startTime;
  console.log('Write took', duration, 'ms');
});

// Open IndexedDB directly
const request = indexedDB.open('myapp', 1);

request.onsuccess = function(event) {
  const db = event.target.result;
  const tx = db.transaction(['myapp'], 'readonly');
  const store = tx.objectStore('myapp');
  
  const allKeys = store.getAllKeys();
  allKeys.onsuccess = function() {
    console.log('All keys:', allKeys.result);
  };
};

// Clear all data for debugging
const request = indexedDB.deleteDatabase('myapp');

request.onsuccess = function() {
  console.log('Database deleted');
  location.reload();
};

request.onerror = function() {
  console.error('Failed to delete database');
};

// Check if IndexedDB is available
if (!window.indexedDB) {
  console.warn('IndexedDB not supported');
}

store.put('key', 'value', function(err) {
  if (err && err.name === 'QuotaExceededError') {
    console.error('Storage quota exceeded');
    // Clear old data or request more storage
  }
});

// Ensure you're not keeping transactions open
store.get('key', function(err, value) {
  if (err) {
    console.error('Transaction error:', err);
  }
  // Don't perform async operations before callback
});