@le-space/p2pass 0.1.0

package/dist/ui/StorachaIntegration.svelte.d.ts

@@ -0,0 +1,23 @@
+/** @typedef {typeof __propDef.props}  StorachaIntegrationProps */
+/** @typedef {typeof __propDef.events}  StorachaIntegrationEvents */
+/** @typedef {typeof __propDef.slots}  StorachaIntegrationSlots */
+export default class StorachaIntegration extends SvelteComponentTyped<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> {
+}
+export type StorachaIntegrationProps = typeof __propDef.props;
+export type StorachaIntegrationEvents = typeof __propDef.events;
+export type StorachaIntegrationSlots = typeof __propDef.slots;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        [x: string]: never;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export {};

package/dist/ui/fonts/storacha-fonts.css

@@ -0,0 +1,152 @@
+/* Storacha Brand Typography - Keep it Spicy! 🌶️ */
+
+/* DM Mono - For code and small text */
+@font-face {
+  font-family: 'DM Mono';
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url('./dm-mono-400.ttf') format('truetype');
+}
+
+@font-face {
+  font-family: 'DM Mono';
+  font-style: normal;
+  font-weight: 500;
+  font-display: swap;
+  src: url('./dm-mono-500.ttf') format('truetype');
+}
+
+/* DM Sans - For body text */
+@font-face {
+  font-family: 'DM Sans';
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url('./dm-sans-400.ttf') format('truetype');
+}
+
+@font-face {
+  font-family: 'DM Sans';
+  font-style: normal;
+  font-weight: 500;
+  font-display: swap;
+  src: url('./dm-sans-500.ttf') format('truetype');
+}
+
+@font-face {
+  font-family: 'DM Sans';
+  font-style: normal;
+  font-weight: 600;
+  font-display: swap;
+  src: url('./dm-sans-600.ttf') format('truetype');
+}
+
+@font-face {
+  font-family: 'DM Sans';
+  font-style: normal;
+  font-weight: 700;
+  font-display: swap;
+  src: url('./dm-sans-700.ttf') format('truetype');
+}
+
+/* Epilogue - For headers and large text */
+@font-face {
+  font-family: 'Epilogue';
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url('./epilogue-400.ttf') format('truetype');
+}
+
+@font-face {
+  font-family: 'Epilogue';
+  font-style: normal;
+  font-weight: 500;
+  font-display: swap;
+  src: url('./epilogue-500.ttf') format('truetype');
+}
+
+@font-face {
+  font-family: 'Epilogue';
+  font-style: normal;
+  font-weight: 600;
+  font-display: swap;
+  src: url('./epilogue-600.ttf') format('truetype');
+}
+
+@font-face {
+  font-family: 'Epilogue';
+  font-style: normal;
+  font-weight: 700;
+  font-display: swap;
+  src: url('./epilogue-700.ttf') format('truetype');
+}
+
+/* Storacha Brand CSS Variables */
+:root {
+  /* Storacha Brand Colors */
+  --storacha-red-1: #e91315; /* Primary Red - Logo, buttons */
+  --storacha-blue-1: #0176ce; /* Primary Blue - Links, accents */
+  --storacha-yellow-1: #ffc83f; /* Primary Yellow - Highlights */
+  --storacha-red-2: #efe3f3; /* Light Red - Backgrounds */
+  --storacha-blue-2: #bde0ff; /* Light Blue - Backgrounds */
+  --storacha-yellow-2: #ffe4ae; /* Light Yellow - Backgrounds */
+
+  /* Storacha Typography */
+  --storacha-font-heading:
+    'Epilogue', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+  --storacha-font-body:
+    'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+  --storacha-font-mono:
+    'DM Mono', 'SF Mono', Monaco, Inconsolata, 'Roboto Mono', 'Consolas', 'Courier New', monospace;
+}
+
+/* Utility classes for Storacha branding */
+.storacha-heading {
+  font-family: var(--storacha-font-heading);
+  font-weight: 600;
+  color: var(--storacha-red-1);
+}
+
+.storacha-body {
+  font-family: var(--storacha-font-body);
+  font-weight: 400;
+}
+
+.storacha-mono {
+  font-family: var(--storacha-font-mono);
+  font-weight: 400;
+}
+
+.storacha-spicy {
+  background: linear-gradient(135deg, var(--storacha-red-1) 0%, var(--storacha-yellow-1) 100%);
+  color: white;
+  font-family: var(--storacha-font-heading);
+  font-weight: 700;
+}
+
+/* Additional Storacha Brand Utilities */
+.storacha-bg-primary {
+  background: linear-gradient(135deg, var(--storacha-red-1) 0%, var(--storacha-yellow-1) 100%);
+}
+
+.storacha-bg-light {
+  background: linear-gradient(135deg, var(--storacha-yellow-2) 0%, var(--storacha-red-2) 100%);
+}
+
+.storacha-bg-secondary {
+  background: linear-gradient(135deg, var(--storacha-blue-1) 0%, var(--storacha-red-1) 100%);
+}
+
+.storacha-text-primary {
+  color: var(--storacha-red-1);
+}
+
+.storacha-border {
+  border-color: var(--storacha-red-1);
+}
+
+.storacha-shadow {
+  box-shadow: 0 10px 25px rgba(233, 19, 21, 0.15);
+}

package/dist/ui/storacha-backup.d.ts

@@ -0,0 +1,44 @@
+/**
+ * Initialize Storacha client with credentials (key + proof)
+ */
+export function initializeStorachaClient(storachaKey: any, storachaProof: any): Promise<Client.Client>;
+/**
+ * Initialize Storacha client with UCAN delegation
+ */
+export function initializeStorachaClientWithUCAN(ucanToken: any, recipientKey: any): Promise<Client.Client>;
+/**
+ * List spaces for authenticated client
+ */
+export function listSpaces(client: any): Promise<{
+    did: any;
+    name: any;
+    registered: boolean;
+    current: boolean;
+}[] | {
+    did: any;
+    name: any;
+    registered: any;
+}[]>;
+/**
+ * Get space usage information
+ */
+export function getSpaceUsage(client: any, detailed?: boolean): Promise<{
+    totalFiles: any;
+    lastUploadDate: any;
+    oldestUploadDate: any;
+    uploads: {
+        cid: any;
+        uploadedAt: any;
+        size: any;
+        type: string;
+    }[];
+    backupFiles: number;
+    blockFiles: number;
+    otherFiles: number;
+    analyzed: boolean;
+}>;
+/**
+ * List files in Storacha space
+ */
+export function listStorachaFiles(storachaKey: any, storachaProof: any): Promise<any[]>;
+import * as Client from '@storacha/client';

package/dist/ui/storacha-backup.js

@@ -0,0 +1,218 @@
+/**
+ * Storacha Backup Utilities for OrbitDB
+ *
+ * Decoupled from any specific app - accepts orbitdb/database instances as parameters.
+ * Uses the orbitdb-storacha-bridge library from npm.
+ */
+
+import { listStorachaSpaceFiles } from 'orbitdb-storacha-bridge';
+import * as Client from '@storacha/client';
+import { StoreMemory } from '@storacha/client/stores/memory';
+import { Signer } from '@storacha/client/principal/ed25519';
+import * as Proof from '@storacha/client/proof';
+import * as Delegation from '@ucanto/core/delegation';
+
+/**
+ * Initialize Storacha client with credentials (key + proof)
+ */
+export async function initializeStorachaClient(storachaKey, storachaProof) {
+  const principal = Signer.parse(storachaKey);
+  const store = new StoreMemory();
+  const client = await Client.create({ principal, store });
+
+  const proof = await Proof.parse(storachaProof);
+  const space = await client.addSpace(proof);
+  await client.setCurrentSpace(space.did());
+
+  return client;
+}
+
+/**
+ * Initialize Storacha client with UCAN delegation
+ */
+export async function initializeStorachaClientWithUCAN(ucanToken, recipientKey) {
+  const recipientKeyData = JSON.parse(recipientKey);
+  const fixedArchive = {
+    id: recipientKeyData.id,
+    keys: {
+      [recipientKeyData.id]: new Uint8Array(
+        Object.values(recipientKeyData.keys[recipientKeyData.id])
+      ),
+    },
+  };
+
+  const recipientPrincipal = Signer.from(fixedArchive);
+  const store = new StoreMemory();
+  const client = await Client.create({
+    principal: recipientPrincipal,
+    store,
+  });
+
+  const delegationBytes = Buffer.from(ucanToken, 'base64');
+  const delegation = await Delegation.extract(delegationBytes);
+
+  if (!delegation.ok) {
+    throw new Error('Failed to extract delegation from token');
+  }
+
+  const space = await client.addSpace(delegation.ok);
+  await client.setCurrentSpace(space.did());
+
+  return client;
+}
+
+/**
+ * List spaces for authenticated client
+ */
+export async function listSpaces(client) {
+  const currentSpace = client.currentSpace();
+  if (currentSpace) {
+    let registered = false;
+    try {
+      registered =
+        typeof currentSpace.registered === 'function' ? currentSpace.registered() : false;
+    } catch {
+      registered = false;
+    }
+
+    return [
+      {
+        did: currentSpace.did(),
+        name: currentSpace.name || 'Current Space',
+        registered: registered,
+        current: true,
+      },
+    ];
+  }
+
+  const accounts = client.accounts();
+  if (accounts.length === 0) {
+    return [];
+  }
+
+  const account = accounts[0];
+  const spaces = [];
+  for (const space of account.spaces()) {
+    spaces.push({
+      did: space.did(),
+      name: space.name || 'Unnamed Space',
+      registered: space.registered(),
+    });
+  }
+
+  return spaces;
+}
+
+/**
+ * Get space usage information
+ */
+export async function getSpaceUsage(client, detailed = false) {
+  const result = await client.capability.upload.list({ size: 1000 });
+  const uploads = result.results || [];
+
+  if (uploads.length === 0) {
+    return {
+      totalFiles: 0,
+      lastUploadDate: null,
+      oldestUploadDate: null,
+      uploads: [],
+      backupFiles: 0,
+      blockFiles: 0,
+      otherFiles: 0,
+      analyzed: false,
+    };
+  }
+
+  const sortedUploads = uploads.sort((a, b) => new Date(b.insertedAt) - new Date(a.insertedAt));
+  const lastUploadDate = sortedUploads[0].insertedAt;
+  const oldestUploadDate = sortedUploads[sortedUploads.length - 1].insertedAt;
+
+  let backupFiles = 0;
+  let blockFiles = 0;
+  let otherFiles = 0;
+  const processedUploads = [];
+
+  if (detailed && uploads.length <= 50) {
+    const samplesToAnalyze = uploads.slice(0, 20);
+
+    for (const upload of samplesToAnalyze) {
+      const cid = upload.root.toString();
+      let fileType = 'block';
+
+      try {
+        const response = await fetch(`https://w3s.link/ipfs/${cid}`, {
+          headers: { Range: 'bytes=0-512' },
+          signal: AbortSignal.timeout(3000),
+        });
+
+        if (response.ok) {
+          const text = await response.text();
+          if (text.trim().startsWith('{') && text.includes('backupVersion')) {
+            fileType = 'backup';
+          }
+        }
+      } catch {
+        // Keep default 'block' type
+      }
+
+      if (fileType === 'backup') backupFiles++;
+      else if (fileType === 'block') blockFiles++;
+      else otherFiles++;
+
+      processedUploads.push({
+        cid,
+        uploadedAt: upload.insertedAt,
+        size: upload.size || null,
+        type: fileType,
+      });
+    }
+
+    const remaining = uploads.length - samplesToAnalyze.length;
+    if (remaining > 0) {
+      blockFiles += remaining;
+      for (let i = samplesToAnalyze.length; i < uploads.length; i++) {
+        const upload = uploads[i];
+        processedUploads.push({
+          cid: upload.root.toString(),
+          uploadedAt: upload.insertedAt,
+          size: upload.size || null,
+          type: 'block',
+        });
+      }
+    }
+  } else {
+    blockFiles = uploads.length;
+    for (const upload of uploads) {
+      processedUploads.push({
+        cid: upload.root.toString(),
+        uploadedAt: upload.insertedAt,
+        size: upload.size || null,
+        type: 'unknown',
+      });
+    }
+  }
+
+  return {
+    totalFiles: uploads.length,
+    lastUploadDate,
+    oldestUploadDate,
+    uploads: processedUploads,
+    backupFiles,
+    blockFiles,
+    otherFiles,
+    analyzed: detailed && uploads.length <= 50,
+  };
+}
+
+/**
+ * List files in Storacha space
+ */
+export async function listStorachaFiles(storachaKey, storachaProof) {
+  const spaceFiles = await listStorachaSpaceFiles({
+    storachaKey,
+    storachaProof,
+    size: 1000,
+  });
+
+  return spaceFiles;
+}

package/package.json

@@ -0,0 +1,112 @@
+{
+  "name": "@le-space/p2pass",
+  "version": "0.1.0",
+  "type": "module",
+  "description": "P2Pass — peer-to-peer passkeys, UCANs, OrbitDB registry sync, and Storacha backup (Svelte)",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/asabya/p2p-passkeys.git"
+  },
+  "bugs": {
+    "url": "https://github.com/asabya/p2p-passkeys/issues"
+  },
+  "homepage": "https://github.com/asabya/p2p-passkeys#readme",
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "dev:example": "vite --config example/vite.config.js",
+    "build:example": "vite build --config example/vite.config.js",
+    "test:e2e": "playwright test",
+    "test:e2e:ui": "playwright test --ui",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "package": "svelte-package && publint",
+    "prepublishOnly": "npm run package",
+    "check": "svelte-check --tsconfig ./jsconfig.json",
+    "format": "prettier --write .",
+    "format:check": "prettier --check .",
+    "lint": "eslint ."
+  },
+  "svelte": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "svelte": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist",
+    "!dist/**/*.test.*",
+    "!dist/**/*.spec.*"
+  ],
+  "devDependencies": {
+    "@eslint/js": "^10.0.1",
+    "@playwright/test": "^1.51.0",
+    "@sveltejs/package": "^2.3.10",
+    "@sveltejs/vite-plugin-svelte": "^6.1.4",
+    "@tailwindcss/vite": "^4.1.17",
+    "eslint": "^10.1.0",
+    "eslint-plugin-svelte": "^3.16.0",
+    "globals": "^17.4.0",
+    "prettier": "^3.8.1",
+    "prettier-plugin-svelte": "^3.5.1",
+    "publint": "^0.2.0",
+    "svelte": "^5.38.7",
+    "svelte-check": "^4.3.1",
+    "svelte-eslint-parser": "^1.6.0",
+    "tailwindcss": "^4.1.13",
+    "typescript": "^5.9.2",
+    "typescript-eslint": "^8.57.2",
+    "vite": "^7.1.12",
+    "vite-plugin-node-polyfills": "^0.24.0",
+    "vitest": "^3.0.0"
+  },
+  "dependencies": {
+    "@chainsafe/libp2p-gossipsub": "14.1.1",
+    "@chainsafe/libp2p-noise": "^16.1.4",
+    "@chainsafe/libp2p-yamux": "^7.0.4",
+    "@helia/ipns": "^8.0.0",
+    "@le-space/orbitdb-identity-provider-webauthn-did": "^0.2.13",
+    "@libp2p/autonat": "^2.0.38",
+    "@libp2p/bootstrap": "^11.0.47",
+    "@libp2p/circuit-relay-v2": "^3.2.24",
+    "@libp2p/crypto": "^5.1.8",
+    "@libp2p/dcutr": "^2.0.38",
+    "@libp2p/identify": "^3.0.39",
+    "@libp2p/peer-id": "^5.1.9",
+    "@libp2p/ping": "^2.0.36",
+    "@libp2p/pubsub-peer-discovery": "^11.0.2",
+    "@libp2p/webrtc": "^5.2.23",
+    "@libp2p/websockets": "^9.2.19",
+    "@multiformats/multiaddr": "^12.0.0",
+    "@orbitdb/core": "^3.0.2",
+    "@storacha/client": "^1.8.21",
+    "blockstore-level": "^2.0.1",
+    "buffer": "^6.0.3",
+    "datastore-level": "^11.0.4",
+    "helia": "^5.3.0",
+    "ipns": "^10.0.0",
+    "iso-webauthn-varsig": "npm:@le-space/iso-webauthn-varsig@^0.1.0",
+    "it-length-prefixed-stream": "^2.0.4",
+    "libp2p": "^2.9.0",
+    "lucide-svelte": "^0.500.0",
+    "multiformats": "^13.3.7",
+    "orbitdb-relay-pinner": "^0.5.0",
+    "orbitdb-storacha-bridge": "^0.4.2",
+    "w3name": "^1.1.3"
+  },
+  "overrides": {
+    "picomatch": "4.0.4",
+    "@ucanto/interface": "npm:@le-space/ucanto-interface@^11.1.1",
+    "@ucanto/core": "npm:@le-space/ucanto-core@^10.5.1",
+    "@ucanto/principal": "npm:@le-space/ucanto-principal@^9.1.2",
+    "@ucanto/client": "npm:@le-space/ucanto-client@^9.1.1",
+    "@ucanto/validator": "npm:@le-space/ucanto-validator@^10.1.1"
+  },
+  "engines": {
+    "node": ">=22"
+  }
+}