npm - @nextclaw/ui - Versions diffs - 0.12.7 → 0.12.9 - Mend

@nextclaw/ui 0.12.7 → 0.12.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (171) hide show

package/dist/index.html CHANGED Viewed

@@ -4,32 +4,106 @@
 <head>
   <meta charset="UTF-8" />
   <link rel="icon" type="image/svg+xml" href="/logo.svg" />
+  <link rel="manifest" href="/manifest.webmanifest" />
+  <link rel="apple-touch-icon" href="/pwa-192.png" />
+  <meta name="apple-mobile-web-app-capable" content="yes" />
+  <meta name="apple-mobile-web-app-status-bar-style" content="default" />
+  <meta name="apple-mobile-web-app-title" content="NextClaw" />
+  <meta name="mobile-web-app-capable" content="yes" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <meta name="theme-color" content="#F9F8F5" />
+  <meta name="color-scheme" content="light" />
+  <style>
+    html,
+    body,
+    #root {
+      background: #f9f8f5;
+    }
+    html[data-theme="cool"],
+    html[data-theme="cool"] body,
+    html[data-theme="cool"] #root {
+      background: #f8fafb;
+    }
+  </style>
+  <script>
+    (() => {
+      const storageKey = 'nextclaw.ui.theme';
+      const storedTheme = window.localStorage.getItem(storageKey);
+      const nextTheme = storedTheme === 'cool' ? 'cool' : 'warm';
+      const themeColor = nextTheme === 'cool' ? '#F8FAFB' : '#F9F8F5';
+      document.documentElement.setAttribute('data-theme', nextTheme);
+      document.documentElement.style.backgroundColor = themeColor;
+      document.documentElement.style.colorScheme = 'light';
+      const themeMeta = document.querySelector('meta[name="theme-color"]');
+      if (themeMeta) {
+        themeMeta.setAttribute('content', themeColor);
+      }
+    })();
+  </script>
+  <script>
+    (() => {
+      const devResetKey = 'nextclaw-pwa-dev-sw-reset';
+      const isViteDevServer = 'production' === 'development';
+      if (!isViteDevServer || !('serviceWorker' in navigator)) {
+        return;
+      }
+      void navigator.serviceWorker.getRegistrations().then(async (registrations) => {
+        const nextclawRegistrations = registrations.filter((registration) => {
+          const scriptUrls = [registration.active?.scriptURL, registration.installing?.scriptURL, registration.waiting?.scriptURL]
+            .filter(Boolean);
+          return scriptUrls.some((scriptUrl) => scriptUrl.endsWith('/sw.js'));
+        });
+        if (nextclawRegistrations.length === 0) {
+          window.sessionStorage.removeItem(devResetKey);
+          return;
+        }
+        await Promise.all(nextclawRegistrations.map(async (registration) => await registration.unregister()));
+        if ('caches' in window) {
+          const keys = await caches.keys();
+          await Promise.all(keys.filter((key) => key.startsWith('nextclaw-ui-')).map(async (key) => await caches.delete(key)));
+        }
+        if (navigator.serviceWorker.controller && window.sessionStorage.getItem(devResetKey) !== '1') {
+          window.sessionStorage.setItem(devResetKey, '1');
+          window.location.reload();
+          return;
+        }
+        window.sessionStorage.removeItem(devResetKey);
+      });
+    })();
+  </script>
   <title>NextClaw</title>
-  <script type="module" crossorigin src="/assets/index-riX7Sg0_.js"></script>
-  <link rel="modulepreload" crossorigin href="/assets/i18n-C3jb83S6.js">
-  <link rel="modulepreload" crossorigin href="/assets/chunk-JZWAC4HX-CoFVxHXV.js">
-  <link rel="modulepreload" crossorigin href="/assets/dist-aTmhMDVh.js">
-  <link rel="modulepreload" crossorigin href="/assets/createLucideIcon-83gaZMtv.js">
-  <link rel="modulepreload" crossorigin href="/assets/select-DLYqySQK.js">
-  <link rel="modulepreload" crossorigin href="/assets/dist-toEYs-MZ.js">
-  <link rel="modulepreload" crossorigin href="/assets/client-CSk58DcF.js">
-  <link rel="modulepreload" crossorigin href="/assets/infiniteQueryBehavior-BmHX_ayZ.js">
-  <link rel="modulepreload" crossorigin href="/assets/app-query-client-Dr5d-K8d.js">
-  <link rel="modulepreload" crossorigin href="/assets/useMutation-BdZm-9PL.js">
-  <link rel="modulepreload" crossorigin href="/assets/book-open-Da4OEPqB.js">
-  <link rel="modulepreload" crossorigin href="/assets/external-link-QQ0TC6X4.js">
-  <link rel="modulepreload" crossorigin href="/assets/plus-CIXME2pD.js">
-  <link rel="modulepreload" crossorigin href="/assets/search-B_Qr0f6C.js">
-  <link rel="modulepreload" crossorigin href="/assets/x-B8Tho_xC.js">
-  <link rel="modulepreload" crossorigin href="/assets/DocBrowserContext-Bai1WU2H.js">
-  <link rel="modulepreload" crossorigin href="/assets/DocBrowser-Cse_F8Nn.js">
-  <link rel="modulepreload" crossorigin href="/assets/config-D8KzikVB.js">
-  <link rel="stylesheet" crossorigin href="/assets/index-CE4N7ItL.css">
+  <script type="module" crossorigin src="/assets/index-CF9xve0E.js"></script>
+  <link rel="modulepreload" crossorigin href="/assets/i18n-eDHeDY0n.js">
+  <link rel="modulepreload" crossorigin href="/assets/chunk-JZWAC4HX-DK5HPmIK.js">
+  <link rel="modulepreload" crossorigin href="/assets/dist-ccBFUi-o.js">
+  <link rel="modulepreload" crossorigin href="/assets/createLucideIcon-BSeTgkZW.js">
+  <link rel="modulepreload" crossorigin href="/assets/select-DJ2MUjBB.js">
+  <link rel="modulepreload" crossorigin href="/assets/dist-6TrrnPCR.js">
+  <link rel="modulepreload" crossorigin href="/assets/client-_i4MU2bB.js">
+  <link rel="modulepreload" crossorigin href="/assets/infiniteQueryBehavior-ZDS92Qpp.js">
+  <link rel="modulepreload" crossorigin href="/assets/app-query-client-VnFElj4E.js">
+  <link rel="modulepreload" crossorigin href="/assets/useMutation-CBWjE2uj.js">
+  <link rel="modulepreload" crossorigin href="/assets/book-open-BdcxxoQu.js">
+  <link rel="modulepreload" crossorigin href="/assets/external-link-BgErLCNT.js">
+  <link rel="modulepreload" crossorigin href="/assets/plus-rYsv72JG.js">
+  <link rel="modulepreload" crossorigin href="/assets/search-3kFR_zh9.js">
+  <link rel="modulepreload" crossorigin href="/assets/x-ByDbItbq.js">
+  <link rel="modulepreload" crossorigin href="/assets/DocBrowserContext-B6SpA7Qs.js">
+  <link rel="modulepreload" crossorigin href="/assets/DocBrowser-6ReNjvzF.js">
+  <link rel="modulepreload" crossorigin href="/assets/download-BhDxnyvU.js">
+  <link rel="modulepreload" crossorigin href="/assets/refresh-cw-C47QSEwg.js">
+  <link rel="modulepreload" crossorigin href="/assets/config-DtIQwrHF.js">
+  <link rel="stylesheet" crossorigin href="/assets/index-FgA52VBt.css">
 </head>
 <body>
   <div id="root"></div>
 </body>
-</html>
+</html>

package/dist/manifest.webmanifest ADDED Viewed

@@ -0,0 +1,30 @@
+{
+  "name": "NextClaw",
+  "short_name": "NextClaw",
+  "description": "NextClaw is your installable AI operating layer for chat, configuration, orchestration, and local runtime control.",
+  "start_url": "/",
+  "scope": "/",
+  "display": "standalone",
+  "background_color": "#f9f8f5",
+  "theme_color": "#f9f8f5",
+  "icons": [
+    {
+      "src": "/pwa-192.png",
+      "sizes": "192x192",
+      "type": "image/png",
+      "purpose": "any"
+    },
+    {
+      "src": "/pwa-512.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "any"
+    },
+    {
+      "src": "/logo.svg",
+      "sizes": "any",
+      "type": "image/svg+xml",
+      "purpose": "any"
+    }
+  ]
+}

package/dist/offline.html ADDED Viewed

@@ -0,0 +1,102 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <meta name="theme-color" content="#F9F8F5" />
+  <title>NextClaw Offline</title>
+  <style>
+    :root {
+      color-scheme: light;
+      --bg: #f9f8f5;
+      --card: rgba(255, 255, 255, 0.92);
+      --text: #17120f;
+      --muted: #6d645c;
+      --border: rgba(23, 18, 15, 0.1);
+      --accent: #fbbf24;
+      --shadow: 0 18px 50px rgba(26, 21, 18, 0.12);
+    }
+    * {
+      box-sizing: border-box;
+    }
+    body {
+      margin: 0;
+      min-height: 100vh;
+      display: grid;
+      place-items: center;
+      padding: 24px;
+      font-family: "SF Pro Display", "Segoe UI", sans-serif;
+      background:
+        radial-gradient(circle at top left, rgba(251, 191, 36, 0.16), transparent 30%),
+        radial-gradient(circle at bottom right, rgba(26, 21, 18, 0.1), transparent 28%),
+        var(--bg);
+      color: var(--text);
+    }
+    .card {
+      width: min(100%, 520px);
+      border-radius: 28px;
+      border: 1px solid var(--border);
+      background: var(--card);
+      padding: 28px;
+      box-shadow: var(--shadow);
+      backdrop-filter: blur(12px);
+    }
+    .brand {
+      display: inline-flex;
+      align-items: center;
+      gap: 12px;
+      margin-bottom: 18px;
+      font-weight: 700;
+      letter-spacing: 0.01em;
+    }
+    .brand img {
+      width: 44px;
+      height: 44px;
+      border-radius: 14px;
+      background: #1a1512;
+      padding: 8px;
+    }
+    h1 {
+      margin: 0;
+      font-size: 28px;
+      line-height: 1.15;
+    }
+    p {
+      margin: 14px 0 0;
+      color: var(--muted);
+      line-height: 1.7;
+      font-size: 15px;
+    }
+    .hint {
+      margin-top: 18px;
+      padding: 14px 16px;
+      border-radius: 18px;
+      background: rgba(251, 191, 36, 0.12);
+      color: #5f4a00;
+      font-size: 14px;
+    }
+  </style>
+</head>
+<body>
+  <main class="card">
+    <div class="brand">
+      <img src="/logo.svg" alt="NextClaw logo" />
+      <span>NextClaw</span>
+    </div>
+    <h1>应用壳已加载，但当前无法连接服务。</h1>
+    <p>NextClaw 的 PWA 主要用于更自然地进入本地或远端运行中的 NextClaw UI，而不是提供完整离线能力。请确认本地 runtime 或远端服务当前可访问，然后刷新重试。</p>
+    <div class="hint">如果你是通过本机访问，请先确认 NextClaw 服务已经启动；如果你是通过服务器访问，请确认当前网络连接正常。</div>
+  </main>
+</body>
+</html>

package/dist/pwa-192.png ADDED Viewed

Binary file

package/dist/pwa-512.png ADDED Viewed

Binary file

package/dist/sw.js ADDED Viewed

@@ -0,0 +1,80 @@
+/* global caches, self */
+const SHELL_CACHE = 'nextclaw-ui-shell-v1';
+const RUNTIME_CACHE = 'nextclaw-ui-runtime-v1';
+const SHELL_ASSETS = ['/', '/offline.html', '/manifest.webmanifest', '/logo.svg', '/pwa-192.png', '/pwa-512.png'];
+self.addEventListener('install', (event) => {
+  event.waitUntil(
+    caches.open(SHELL_CACHE).then((cache) => {
+      return cache.addAll(SHELL_ASSETS);
+    })
+  );
+});
+self.addEventListener('activate', (event) => {
+  event.waitUntil(
+    caches.keys().then(async (keys) => {
+      await Promise.all(keys.filter((key) => key !== SHELL_CACHE && key !== RUNTIME_CACHE).map((key) => caches.delete(key)));
+      await self.clients.claim();
+    })
+  );
+});
+self.addEventListener('message', (event) => {
+  if (event.data?.type === 'SKIP_WAIT') {
+    self.skipWaiting();
+  }
+});
+self.addEventListener('fetch', (event) => {
+  const { request } = event;
+  if (request.method !== 'GET') {
+    return;
+  }
+  const url = new URL(request.url);
+  if (request.mode === 'navigate') {
+    event.respondWith(handleNavigation(request));
+    return;
+  }
+  if (url.origin !== self.location.origin) {
+    return;
+  }
+  if (url.pathname.startsWith('/api') || url.pathname.startsWith('/ws')) {
+    return;
+  }
+  if (['script', 'style', 'image', 'font'].includes(request.destination) || url.pathname === '/manifest.webmanifest') {
+    event.respondWith(handleStaticAsset(request));
+  }
+});
+async function handleNavigation(request) {
+  try {
+    const response = await fetch(request);
+    const runtimeCache = await caches.open(RUNTIME_CACHE);
+    runtimeCache.put(request, response.clone());
+    return response;
+  } catch {
+    const cachedResponse = await caches.match(request);
+    if (cachedResponse) {
+      return cachedResponse;
+    }
+    return caches.match('/offline.html');
+  }
+}
+async function handleStaticAsset(request) {
+  const cachedResponse = await caches.match(request);
+  if (cachedResponse) {
+    return cachedResponse;
+  }
+  const response = await fetch(request);
+  const runtimeCache = await caches.open(RUNTIME_CACHE);
+  runtimeCache.put(request, response.clone());
+  return response;
+}

package/index.html CHANGED Viewed

@@ -4,7 +4,79 @@
 <head>
   <meta charset="UTF-8" />
   <link rel="icon" type="image/svg+xml" href="/logo.svg" />
+  <link rel="manifest" href="/manifest.webmanifest" />
+  <link rel="apple-touch-icon" href="/pwa-192.png" />
+  <meta name="apple-mobile-web-app-capable" content="yes" />
+  <meta name="apple-mobile-web-app-status-bar-style" content="default" />
+  <meta name="apple-mobile-web-app-title" content="NextClaw" />
+  <meta name="mobile-web-app-capable" content="yes" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <meta name="theme-color" content="#F9F8F5" />
+  <meta name="color-scheme" content="light" />
+  <style>
+    html,
+    body,
+    #root {
+      background: #f9f8f5;
+    }
+    html[data-theme="cool"],
+    html[data-theme="cool"] body,
+    html[data-theme="cool"] #root {
+      background: #f8fafb;
+    }
+  </style>
+  <script>
+    (() => {
+      const storageKey = 'nextclaw.ui.theme';
+      const storedTheme = window.localStorage.getItem(storageKey);
+      const nextTheme = storedTheme === 'cool' ? 'cool' : 'warm';
+      const themeColor = nextTheme === 'cool' ? '#F8FAFB' : '#F9F8F5';
+      document.documentElement.setAttribute('data-theme', nextTheme);
+      document.documentElement.style.backgroundColor = themeColor;
+      document.documentElement.style.colorScheme = 'light';
+      const themeMeta = document.querySelector('meta[name="theme-color"]');
+      if (themeMeta) {
+        themeMeta.setAttribute('content', themeColor);
+      }
+    })();
+  </script>
+  <script>
+    (() => {
+      const devResetKey = 'nextclaw-pwa-dev-sw-reset';
+      const isViteDevServer = '%MODE%' === 'development';
+      if (!isViteDevServer || !('serviceWorker' in navigator)) {
+        return;
+      }
+      void navigator.serviceWorker.getRegistrations().then(async (registrations) => {
+        const nextclawRegistrations = registrations.filter((registration) => {
+          const scriptUrls = [registration.active?.scriptURL, registration.installing?.scriptURL, registration.waiting?.scriptURL]
+            .filter(Boolean);
+          return scriptUrls.some((scriptUrl) => scriptUrl.endsWith('/sw.js'));
+        });
+        if (nextclawRegistrations.length === 0) {
+          window.sessionStorage.removeItem(devResetKey);
+          return;
+        }
+        await Promise.all(nextclawRegistrations.map(async (registration) => await registration.unregister()));
+        if ('caches' in window) {
+          const keys = await caches.keys();
+          await Promise.all(keys.filter((key) => key.startsWith('nextclaw-ui-')).map(async (key) => await caches.delete(key)));
+        }
+        if (navigator.serviceWorker.controller && window.sessionStorage.getItem(devResetKey) !== '1') {
+          window.sessionStorage.setItem(devResetKey, '1');
+          window.location.reload();
+          return;
+        }
+        window.sessionStorage.removeItem(devResetKey);
+      });
+    })();
+  </script>
   <title>NextClaw</title>
 </head>
@@ -13,4 +85,4 @@
   <script type="module" src="/src/main.tsx"></script>
 </body>
-</html>
+</html>

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@nextclaw/ui",
-  "version": "0.12.7",
+  "version": "0.12.9",
   "private": false,
   "type": "module",
   "license": "MIT",
@@ -28,11 +28,11 @@
     "tailwind-merge": "^2.5.4",
     "zod": "^3.23.8",
     "zustand": "^5.0.2",
-    "@nextclaw/ncp": "0.5.0",
-    "@nextclaw/agent-chat-ui": "0.3.4",
-    "@nextclaw/ncp-react": "0.4.20",
-    "@nextclaw/agent-chat": "0.1.9",
-    "@nextclaw/ncp-http-agent-client": "0.3.12"
+    "@nextclaw/agent-chat": "0.1.10",
+    "@nextclaw/agent-chat-ui": "0.3.6",
+    "@nextclaw/ncp": "0.5.2",
+    "@nextclaw/ncp-http-agent-client": "0.3.14",
+    "@nextclaw/ncp-react": "0.4.22"
   },
   "devDependencies": {
     "@testing-library/react": "^16.3.0",

package/public/manifest.webmanifest ADDED Viewed

@@ -0,0 +1,30 @@
+{
+  "name": "NextClaw",
+  "short_name": "NextClaw",
+  "description": "NextClaw is your installable AI operating layer for chat, configuration, orchestration, and local runtime control.",
+  "start_url": "/",
+  "scope": "/",
+  "display": "standalone",
+  "background_color": "#f9f8f5",
+  "theme_color": "#f9f8f5",
+  "icons": [
+    {
+      "src": "/pwa-192.png",
+      "sizes": "192x192",
+      "type": "image/png",
+      "purpose": "any"
+    },
+    {
+      "src": "/pwa-512.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "any"
+    },
+    {
+      "src": "/logo.svg",
+      "sizes": "any",
+      "type": "image/svg+xml",
+      "purpose": "any"
+    }
+  ]
+}

package/public/offline.html ADDED Viewed

@@ -0,0 +1,102 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <meta name="theme-color" content="#F9F8F5" />
+  <title>NextClaw Offline</title>
+  <style>
+    :root {
+      color-scheme: light;
+      --bg: #f9f8f5;
+      --card: rgba(255, 255, 255, 0.92);
+      --text: #17120f;
+      --muted: #6d645c;
+      --border: rgba(23, 18, 15, 0.1);
+      --accent: #fbbf24;
+      --shadow: 0 18px 50px rgba(26, 21, 18, 0.12);
+    }
+    * {
+      box-sizing: border-box;
+    }
+    body {
+      margin: 0;
+      min-height: 100vh;
+      display: grid;
+      place-items: center;
+      padding: 24px;
+      font-family: "SF Pro Display", "Segoe UI", sans-serif;
+      background:
+        radial-gradient(circle at top left, rgba(251, 191, 36, 0.16), transparent 30%),
+        radial-gradient(circle at bottom right, rgba(26, 21, 18, 0.1), transparent 28%),
+        var(--bg);
+      color: var(--text);
+    }
+    .card {
+      width: min(100%, 520px);
+      border-radius: 28px;
+      border: 1px solid var(--border);
+      background: var(--card);
+      padding: 28px;
+      box-shadow: var(--shadow);
+      backdrop-filter: blur(12px);
+    }
+    .brand {
+      display: inline-flex;
+      align-items: center;
+      gap: 12px;
+      margin-bottom: 18px;
+      font-weight: 700;
+      letter-spacing: 0.01em;
+    }
+    .brand img {
+      width: 44px;
+      height: 44px;
+      border-radius: 14px;
+      background: #1a1512;
+      padding: 8px;
+    }
+    h1 {
+      margin: 0;
+      font-size: 28px;
+      line-height: 1.15;
+    }
+    p {
+      margin: 14px 0 0;
+      color: var(--muted);
+      line-height: 1.7;
+      font-size: 15px;
+    }
+    .hint {
+      margin-top: 18px;
+      padding: 14px 16px;
+      border-radius: 18px;
+      background: rgba(251, 191, 36, 0.12);
+      color: #5f4a00;
+      font-size: 14px;
+    }
+  </style>
+</head>
+<body>
+  <main class="card">
+    <div class="brand">
+      <img src="/logo.svg" alt="NextClaw logo" />
+      <span>NextClaw</span>
+    </div>
+    <h1>应用壳已加载，但当前无法连接服务。</h1>
+    <p>NextClaw 的 PWA 主要用于更自然地进入本地或远端运行中的 NextClaw UI，而不是提供完整离线能力。请确认本地 runtime 或远端服务当前可访问，然后刷新重试。</p>
+    <div class="hint">如果你是通过本机访问，请先确认 NextClaw 服务已经启动；如果你是通过服务器访问，请确认当前网络连接正常。</div>
+  </main>
+</body>
+</html>

package/public/pwa-192.png ADDED Viewed

Binary file

package/public/pwa-512.png ADDED Viewed

Binary file

package/public/sw.js ADDED Viewed

@@ -0,0 +1,80 @@
+/* global caches, self */
+const SHELL_CACHE = 'nextclaw-ui-shell-v1';
+const RUNTIME_CACHE = 'nextclaw-ui-runtime-v1';
+const SHELL_ASSETS = ['/', '/offline.html', '/manifest.webmanifest', '/logo.svg', '/pwa-192.png', '/pwa-512.png'];
+self.addEventListener('install', (event) => {
+  event.waitUntil(
+    caches.open(SHELL_CACHE).then((cache) => {
+      return cache.addAll(SHELL_ASSETS);
+    })
+  );
+});
+self.addEventListener('activate', (event) => {
+  event.waitUntil(
+    caches.keys().then(async (keys) => {
+      await Promise.all(keys.filter((key) => key !== SHELL_CACHE && key !== RUNTIME_CACHE).map((key) => caches.delete(key)));
+      await self.clients.claim();
+    })
+  );
+});
+self.addEventListener('message', (event) => {
+  if (event.data?.type === 'SKIP_WAIT') {
+    self.skipWaiting();
+  }
+});
+self.addEventListener('fetch', (event) => {
+  const { request } = event;
+  if (request.method !== 'GET') {
+    return;
+  }
+  const url = new URL(request.url);
+  if (request.mode === 'navigate') {
+    event.respondWith(handleNavigation(request));
+    return;
+  }
+  if (url.origin !== self.location.origin) {
+    return;
+  }
+  if (url.pathname.startsWith('/api') || url.pathname.startsWith('/ws')) {
+    return;
+  }
+  if (['script', 'style', 'image', 'font'].includes(request.destination) || url.pathname === '/manifest.webmanifest') {
+    event.respondWith(handleStaticAsset(request));
+  }
+});
+async function handleNavigation(request) {
+  try {
+    const response = await fetch(request);
+    const runtimeCache = await caches.open(RUNTIME_CACHE);
+    runtimeCache.put(request, response.clone());
+    return response;
+  } catch {
+    const cachedResponse = await caches.match(request);
+    if (cachedResponse) {
+      return cachedResponse;
+    }
+    return caches.match('/offline.html');
+  }
+}
+async function handleStaticAsset(request) {
+  const cachedResponse = await caches.match(request);
+  if (cachedResponse) {
+    return cachedResponse;
+  }
+  const response = await fetch(request);
+  const runtimeCache = await caches.open(RUNTIME_CACHE);
+  runtimeCache.put(request, response.clone());
+  return response;
+}