@nervmor/codexui 1.0.0

package/dist/icons/codexui-icon.svg

@@ -0,0 +1,52 @@
+<svg width="512" height="512" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <linearGradient id="cloud" x1="256" y1="80" x2="256" y2="438" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#9BE7D1" />
+      <stop offset="0.46" stop-color="#53CDB0" />
+      <stop offset="1" stop-color="#11856E" />
+    </linearGradient>
+    <radialGradient id="sheen" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(226 150) rotate(58.2) scale(208 200)">
+      <stop offset="0" stop-color="#E8FFF8" stop-opacity="0.85" />
+      <stop offset="0.52" stop-color="#D7FFF4" stop-opacity="0.22" />
+      <stop offset="1" stop-color="#D7FFF4" stop-opacity="0" />
+    </radialGradient>
+    <filter id="cardShadow" x="-24" y="-24" width="560" height="560" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+      <feFlood flood-opacity="0" result="BackgroundImageFix" />
+      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" />
+      <feOffset dy="12" />
+      <feGaussianBlur stdDeviation="16" />
+      <feColorMatrix type="matrix" values="0 0 0 0 0.0470588 0 0 0 0 0.105882 0 0 0 0 0.0980392 0 0 0 0.18 0" />
+      <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1_1" />
+      <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1_1" result="shape" />
+    </filter>
+    <filter id="cloudShadow" x="40" y="48" width="432" height="428" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+      <feFlood flood-opacity="0" result="BackgroundImageFix" />
+      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" />
+      <feOffset dy="10" />
+      <feGaussianBlur stdDeviation="12" />
+      <feColorMatrix type="matrix" values="0 0 0 0 0.054902 0 0 0 0 0.196078 0 0 0 0 0.164706 0 0 0 0.22 0" />
+      <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1_1" />
+      <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1_1" result="shape" />
+    </filter>
+  </defs>
+
+  <g transform="translate(44 44) scale(0.828125)">
+    <g filter="url(#cardShadow)">
+      <rect x="8" y="8" width="496" height="496" rx="104" fill="#FCFEFD" />
+    </g>
+
+    <g filter="url(#cloudShadow)">
+      <circle cx="256" cy="160" r="104" fill="url(#cloud)" />
+      <circle cx="330" cy="186" r="94" fill="url(#cloud)" />
+      <circle cx="178" cy="232" r="114" fill="url(#cloud)" />
+      <circle cx="352" cy="280" r="96" fill="url(#cloud)" />
+      <circle cx="186" cy="320" r="104" fill="url(#cloud)" />
+      <circle cx="282" cy="354" r="96" fill="url(#cloud)" />
+      <circle cx="256" cy="252" r="118" fill="url(#cloud)" />
+      <circle cx="256" cy="252" r="118" fill="url(#sheen)" />
+    </g>
+
+    <path d="M169 203L210 272L169 338" stroke="white" stroke-width="28" stroke-linecap="round" stroke-linejoin="round" />
+    <path d="M268 309H348" stroke="white" stroke-width="28" stroke-linecap="round" />
+  </g>
+</svg>

package/dist/icons/pwa-icon.svg

@@ -0,0 +1,38 @@
+<svg width="512" height="512" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <linearGradient id="background" x1="74" y1="44" x2="444" y2="470" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#F7FBFD" />
+      <stop offset="1" stop-color="#E7EEF5" />
+    </linearGradient>
+    <linearGradient id="cloud" x1="256" y1="96" x2="256" y2="424" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#A9EFDB" />
+      <stop offset="0.48" stop-color="#58D2B3" />
+      <stop offset="1" stop-color="#12866F" />
+    </linearGradient>
+    <radialGradient id="sheen" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(226 156) rotate(57.6) scale(210 202)">
+      <stop offset="0" stop-color="#F2FFFB" stop-opacity="0.82" />
+      <stop offset="0.56" stop-color="#E6FFF8" stop-opacity="0.22" />
+      <stop offset="1" stop-color="#E6FFF8" stop-opacity="0" />
+    </radialGradient>
+  </defs>
+
+  <rect width="512" height="512" fill="url(#background)" />
+  <g>
+    <rect x="50" y="50" width="412" height="412" rx="116" fill="url(#background)" />
+    <rect x="51.5" y="51.5" width="409" height="409" rx="114.5" stroke="#D7E2EB" stroke-width="3" />
+  </g>
+
+  <g>
+    <circle cx="256" cy="174" r="104" fill="url(#cloud)" />
+    <circle cx="334" cy="204" r="96" fill="url(#cloud)" />
+    <circle cx="176" cy="248" r="118" fill="url(#cloud)" />
+    <circle cx="356" cy="294" r="98" fill="url(#cloud)" />
+    <circle cx="188" cy="336" r="106" fill="url(#cloud)" />
+    <circle cx="286" cy="360" r="98" fill="url(#cloud)" />
+    <circle cx="262" cy="262" r="122" fill="url(#cloud)" />
+    <circle cx="262" cy="262" r="122" fill="url(#sheen)" />
+  </g>
+
+  <path d="M170 214L214 286L170 352" stroke="#F8FBFC" stroke-width="28" stroke-linecap="round" stroke-linejoin="round" />
+  <path d="M274 318H354" stroke="#F8FBFC" stroke-width="28" stroke-linecap="round" />
+</svg>

package/dist/icons/pwa-maskable.svg

@@ -0,0 +1,36 @@
+<svg width="512" height="512" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <linearGradient id="background" x1="66" y1="34" x2="448" y2="478" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#F7FBFD" />
+      <stop offset="1" stop-color="#E5EDF4" />
+    </linearGradient>
+    <linearGradient id="cloud" x1="256" y1="100" x2="256" y2="420" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#ADF1DE" />
+      <stop offset="0.48" stop-color="#59D3B4" />
+      <stop offset="1" stop-color="#12866F" />
+    </linearGradient>
+    <radialGradient id="sheen" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(228 160) rotate(57.8) scale(206 198)">
+      <stop offset="0" stop-color="#F2FFFB" stop-opacity="0.84" />
+      <stop offset="0.56" stop-color="#E6FFF8" stop-opacity="0.22" />
+      <stop offset="1" stop-color="#E6FFF8" stop-opacity="0" />
+    </radialGradient>
+  </defs>
+
+  <rect width="512" height="512" fill="url(#background)" />
+  <rect x="22" y="22" width="468" height="468" rx="146" fill="url(#background)" />
+  <rect x="33" y="33" width="446" height="446" rx="131" stroke="#D8E2EA" stroke-width="2" />
+
+  <g>
+    <circle cx="256" cy="176" r="102" fill="url(#cloud)" />
+    <circle cx="332" cy="206" r="94" fill="url(#cloud)" />
+    <circle cx="178" cy="248" r="116" fill="url(#cloud)" />
+    <circle cx="352" cy="292" r="96" fill="url(#cloud)" />
+    <circle cx="190" cy="334" r="104" fill="url(#cloud)" />
+    <circle cx="286" cy="358" r="96" fill="url(#cloud)" />
+    <circle cx="262" cy="262" r="120" fill="url(#cloud)" />
+    <circle cx="262" cy="262" r="120" fill="url(#sheen)" />
+  </g>
+
+  <path d="M172 216L214 286L172 350" stroke="#F8FBFC" stroke-width="28" stroke-linecap="round" stroke-linejoin="round" />
+  <path d="M274 316H350" stroke="#F8FBFC" stroke-width="28" stroke-linecap="round" />
+</svg>

package/dist/index.html

@@ -0,0 +1,21 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta name="theme-color" content="#020617" />
+    <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="Codex Web" />
+    <link rel="manifest" href="/manifest.webmanifest" />
+    <link rel="icon" type="image/svg+xml" href="/icons/codexui-icon.svg" />
+    <link rel="icon" type="image/png" sizes="192x192" href="/icons/pwa-192x192.png" />
+    <link rel="apple-touch-icon" sizes="180x180" href="/icons/apple-touch-icon.png" />
+    <title>Codex Web</title>
+    <script type="module" crossorigin src="/assets/index-BVMDEsG8.js"></script>
+    <link rel="stylesheet" crossorigin href="/assets/index-CN8KEIbg.css">
+  </head>
+  <body class="bg-slate-950">
+    <div id="app"></div>
+  </body>
+</html>

package/dist/manifest.webmanifest

@@ -0,0 +1,36 @@
+{
+  "name": "Codex Web",
+  "short_name": "Codex Web",
+  "description": "A lightweight web interface for Codex that can be installed like an app in Chrome.",
+  "start_url": "/",
+  "scope": "/",
+  "display": "standalone",
+  "background_color": "#020617",
+  "theme_color": "#020617",
+  "icons": [
+    {
+      "src": "/icons/pwa-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png",
+      "purpose": "any"
+    },
+    {
+      "src": "/icons/pwa-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "any"
+    },
+    {
+      "src": "/icons/apple-touch-icon.png",
+      "sizes": "180x180",
+      "type": "image/png",
+      "purpose": "any"
+    },
+    {
+      "src": "/icons/maskable-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "maskable"
+    }
+  ]
+}

package/dist/sw.js

@@ -0,0 +1,73 @@
+const CACHE_NAME = 'codexweb-shell-v1'
+const APP_SHELL_PATHS = ['/', '/manifest.webmanifest']
+const STATIC_DESTINATIONS = new Set(['document', 'script', 'style', 'image', 'font'])
+const BYPASS_PREFIXES = ['/codex-api/', '/codex-local-image', '/codex-local-file', '/codex-local-browse/', '/codex-local-edit/']
+
+self.addEventListener('install', (event) => {
+  event.waitUntil(
+    caches.open(CACHE_NAME).then((cache) => cache.addAll(APP_SHELL_PATHS)),
+  )
+  self.skipWaiting()
+})
+
+self.addEventListener('activate', (event) => {
+  event.waitUntil(
+    caches.keys().then((keys) =>
+      Promise.all(
+        keys
+          .filter((key) => key !== CACHE_NAME)
+          .map((key) => caches.delete(key)),
+      ),
+    ),
+  )
+  self.clients.claim()
+})
+
+self.addEventListener('fetch', (event) => {
+  const { request } = event
+  if (request.method !== 'GET') return
+
+  const url = new URL(request.url)
+  if (url.origin !== self.location.origin) return
+  if (BYPASS_PREFIXES.some((prefix) => url.pathname.startsWith(prefix))) return
+
+  if (request.mode === 'navigate') {
+    event.respondWith(networkFirstNavigation(request))
+    return
+  }
+
+  if (STATIC_DESTINATIONS.has(request.destination) || url.pathname === '/manifest.webmanifest') {
+    event.respondWith(staleWhileRevalidate(request))
+  }
+})
+
+async function networkFirstNavigation(request) {
+  const cache = await caches.open(CACHE_NAME)
+  try {
+    const response = await fetch(request)
+    cache.put('/', response.clone())
+    return response
+  } catch {
+    return (await cache.match('/')) || Response.error()
+  }
+}
+
+async function staleWhileRevalidate(request) {
+  const cache = await caches.open(CACHE_NAME)
+  const cached = await cache.match(request)
+  const networkPromise = fetch(request)
+    .then((response) => {
+      if (response.ok) {
+        cache.put(request, response.clone())
+      }
+      return response
+    })
+    .catch(() => null)
+
+  if (cached) {
+    return cached
+  }
+
+  const response = await networkPromise
+  return response || Response.error()
+}