can-local-store

import Map from 'can-local-store/map'; // Define a Todo model that uses can-local-store/map interface TodoAttributes { id?: number; name: string; completed: boolean; } const Todo = Map.extend<TodoAttributes>('todo', { // `todo` is the localStorage key for this model's data seal: false, // Recommended for can-define-stream compatibility init: function(this: any) { if (!this.id) { // Simple ID generation for example purposes this.id = Date.now(); } } }); async function runExample() { console.log('--- can-local-store example ---'); // Create a new todo item const newTodo = new Todo({ name: 'Learn can-local-store', completed: false }); await newTodo.save(); // Saves to localStorage under the key 'todo' console.log('Created todo:', newTodo.serialize()); console.log('localStorage content (key "todo"):', localStorage.getItem('todo')); // Find all todos (loads from localStorage) const todos = await Todo.findAll({}); console.log('All todos after creation:', todos.serialize()); // Update an existing todo const firstTodo = todos.get(0); if (firstTodo) { firstTodo.completed = true; await firstTodo.save(); // Updates in localStorage console.log('Updated todo:', firstTodo.serialize()); console.log('localStorage content (key "todo"):', localStorage.getItem('todo')); } // Find a specific todo by ID const foundTodo = await Todo.findOne({ id: newTodo.id }); console.log('Found todo by ID:', foundTodo?.serialize()); // Delete a todo if (foundTodo) { await foundTodo.destroy(); // Removes from localStorage console.log('Deleted todo:', foundTodo.serialize()); console.log('localStorage content (key "todo"):', localStorage.getItem('todo')); } // Verify deletion by fetching all remaining todos const remainingTodos = await Todo.findAll({}); console.log('Remaining todos:', remainingTodos.serialize()); // Clean up localStorage completely for this example localStorage.removeItem('todo'); console.log('localStorage "todo" key cleared.'); } runExample().catch(console.error);