@abstractframework/code 0.1.0

package/dist/icon.svg

@@ -0,0 +1,40 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="none">
+  <!-- Background -->
+  <rect width="512" height="512" rx="96" fill="#1a1a2e"/>
+  
+  <!-- Subtle gradient overlay -->
+  <defs>
+    <linearGradient id="bgGrad" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" stop-color="#7dd3fc" stop-opacity="0.12"/>
+      <stop offset="100%" stop-color="#60a5fa" stop-opacity="0.06"/>
+    </linearGradient>
+    <linearGradient id="accentGrad" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" stop-color="#7dd3fc"/>
+      <stop offset="100%" stop-color="#38bdf8"/>
+    </linearGradient>
+  </defs>
+  
+  <rect width="512" height="512" rx="96" fill="url(#bgGrad)"/>
+  
+  <!-- Abstract "A" symbol with gradient -->
+  <g transform="translate(256, 256)">
+    <!-- Main "A" shape -->
+  <path
+      d="M-80 80 L0 -100 L80 80" 
+      stroke="url(#accentGrad)" 
+      stroke-width="32" 
+      stroke-linecap="round" 
+      stroke-linejoin="round"
+    fill="none"
+    />
+    <!-- Crossbar -->
+    <path 
+      d="M-50 20 L50 20" 
+      stroke="url(#accentGrad)" 
+    stroke-width="24"
+    stroke-linecap="round"
+  />
+    <!-- Dot accent -->
+    <circle cx="0" cy="-100" r="12" fill="#7dd3fc"/>
+  </g>
+</svg>

package/dist/index.html

@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover, maximum-scale=1, user-scalable=no" />
+    
+    <!-- PWA Manifest -->
+    <link rel="manifest" href="./manifest.webmanifest" />
+    
+    <!-- Theme & Status Bar -->
+    <meta name="theme-color" content="#1a1a2e" />
+    <meta name="color-scheme" content="dark" />
+    
+    <!-- iOS PWA / Home Screen -->
+    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
+    <meta name="apple-mobile-web-app-title" content="AbstractCode" />
+    <link rel="apple-touch-icon" href="./icon.svg" />
+    
+    <!-- Favicon -->
+    <link rel="icon" type="image/svg+xml" href="./icon.svg" />
+    
+    <!-- App Description -->
+    <meta name="description" content="AbstractCode - Agentic Chat Interface for AbstractRuntime" />
+    
+    <title>AbstractCode</title>
+    
+    <!-- Preconnect to font CDN -->
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <script type="module" crossorigin src="./assets/index-CUxisNNY.js"></script>
+    <link rel="stylesheet" crossorigin href="./assets/index-CEDSdZfs.css">
+  </head>
+  <body>
+    <div id="root"></div>
+  </body>
+</html>

package/dist/manifest.webmanifest

@@ -0,0 +1,19 @@
+{
+  "name": "AbstractCode",
+  "short_name": "Abstract",
+  "description": "Agentic Chat Interface for the AbstractFramework",
+  "start_url": ".",
+  "display": "standalone",
+  "orientation": "portrait-primary",
+  "background_color": "#1a1a2e",
+  "theme_color": "#1a1a2e",
+  "icons": [
+    {
+      "src": "icon.svg",
+      "sizes": "any",
+      "type": "image/svg+xml",
+      "purpose": "any maskable"
+    }
+  ],
+  "categories": ["developer", "productivity", "utilities"]
+}

package/dist/sw.js

@@ -0,0 +1,50 @@
+// Minimal service worker (PWA shell cache).
+// Note: PWA on iOS requires HTTPS (except localhost) and has platform-specific limitations.
+
+const CACHE_NAME = "abstractcode-web-v1";
+
+self.addEventListener("install", (event) => {
+  event.waitUntil(
+    (async () => {
+      const cache = await caches.open(CACHE_NAME);
+      await cache.addAll(["./"]);
+      self.skipWaiting();
+    })()
+  );
+});
+
+self.addEventListener("activate", (event) => {
+  event.waitUntil(
+    (async () => {
+      const keys = await caches.keys();
+      await Promise.all(keys.map((k) => (k === CACHE_NAME ? Promise.resolve() : caches.delete(k))));
+      self.clients.claim();
+    })()
+  );
+});
+
+self.addEventListener("fetch", (event) => {
+  const req = event.request;
+  const url = new URL(req.url);
+
+  // Never cache API calls.
+  if (url.pathname.startsWith("/api/")) return;
+
+  event.respondWith(
+    (async () => {
+      const cache = await caches.open(CACHE_NAME);
+      // Network-first to avoid stale bundles after deploy; cache as a fallback for offline.
+      try {
+        const resp = await fetch(req);
+        if (req.method === "GET" && resp && resp.status === 200 && url.origin === self.location.origin) {
+          cache.put(req, resp.clone());
+        }
+        return resp;
+      } catch {
+        const cached = await cache.match(req);
+        if (cached) return cached;
+        throw new Error("offline and not cached");
+      }
+    })()
+  );
+});

package/package.json

@@ -0,0 +1,60 @@
+{
+  "name": "@abstractframework/code",
+  "version": "0.1.0",
+  "description": "AI-powered coding assistant for AbstractFramework - chat-based IDE interface",
+  "type": "module",
+  "author": "Laurent-Philippe Albou",
+  "license": "MIT",
+  "keywords": [
+    "abstractframework",
+    "code",
+    "ide",
+    "ai",
+    "assistant",
+    "ui",
+    "react"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/lpalbou/abstractcode.git",
+    "directory": "web"
+  },
+  "homepage": "https://github.com/lpalbou/abstractcode#readme",
+  "publishConfig": {
+    "access": "public"
+  },
+  "bin": {
+    "abstractcode": "./bin/cli.js"
+  },
+  "files": [
+    "dist",
+    "bin",
+    "README.md"
+  ],
+  "scripts": {
+    "dev": "vite --host --port 3002",
+    "build": "tsc && vite build",
+    "preview": "vite preview",
+    "start": "node ./bin/cli.js",
+    "test": "vitest run",
+    "prepublishOnly": "npm run build"
+  },
+  "dependencies": {
+    "@monaco-editor/react": "^4.6.0",
+    "dompurify": "3.2.7",
+    "marked": "14.0.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
+  },
+  "devDependencies": {
+    "@types/react": "^18.2.48",
+    "@types/react-dom": "^18.2.18",
+    "@vitejs/plugin-react": "^4.7.0",
+    "typescript": "^5.3.3",
+    "vite": "^6.4.1",
+    "vitest": "^3.2.4"
+  },
+  "engines": {
+    "node": ">=18.0.0"
+  }
+}