Integrations

import { stringify, parse } from "codables";
 
class LocalStorageValue<T> {
  constructor(private key: string) {}
 
  get(): T | null {
    const stored = localStorage.getItem(this.key);
    if (!stored) return null;
    
    try {
      return parse(stored);
    } catch {
      return null;
    }
  }
 
  set(value: T): void {
    localStorage.setItem(this.key, stringify(value));
  }
 
  remove(): void {
    localStorage.removeItem(this.key);
  }
}
 
// Usage
const userPrefs = new LocalStorageValue<{
  theme: string;
  lastLogin: Date;
  favorites: Set<string>;
}>("user-preferences");
 
userPrefs.set({
  theme: "dark",
  lastLogin: new Date(),
  favorites: new Set(["react", "typescript"])
});
 
const prefs = userPrefs.get();
// prefs.lastLogin instanceof Date === true
// prefs.favorites instanceof Set === true

import { stringify, parse } from "codables";
 
// API client with Codables integration
class ApiClient {
  async post<T>(url: string, data: T): Promise<T> {
    const response = await fetch(url, {
      method: "POST",
      headers: {
        "Content-Type": "application/json",
      },
      body: stringify(data),
    });
 
    if (!response.ok) {
      throw new Error(`HTTP ${response.status}`);
    }
 
    return parse(await response.json());
  }
 
  async get<T>(url: string): Promise<T> {
    const response = await fetch(url);
    return parse(await response.json());
  }
}
 
// Usage
const api = new ApiClient();
 
const gameState = {
  players: new Set([
    { name: "Alice", score: 100, lastActive: new Date() },
    { name: "Bob", score: 150, lastActive: new Date() }
  ]),
  createdAt: new Date(),
  settings: new Map([["difficulty", "hard"]])
};
 
// Send complex data
const savedState = await api.post("/api/game-state", gameState);
// All types are preserved on the server and returned

import { writeFileSync, readFileSync } from "fs";
import { stringify, parse } from "codables";
 
class FileStorage<T> {
  constructor(private filePath: string) {}
 
  save(data: T): void {
    writeFileSync(this.filePath, stringify(data), "utf8");
  }
 
  load(): T | null {
    try {
      const content = readFileSync(this.filePath, "utf8");
      return parse(content);
    } catch {
      return null;
    }
  }
}
 
// Usage
const projectStorage = new FileStorage<{
  name: string;
  createdAt: Date;
  files: Map<string, { content: string; modified: Date }>;
}>("./project.json");
 
const project = {
  name: "My Project",
  createdAt: new Date(),
  files: new Map([
    ["index.ts", { content: "console.info('hello')", modified: new Date() }]
  ])
};
 
projectStorage.save(project);
const loaded = projectStorage.load();
// All types preserved: Date, Map, etc.