tensorgrid-ui 1.0.4 → 1.0.5

package/lib/index.js

@@ -39,6 +39,64 @@ const FAVICON =
   BRAND_PATHS.map((d) => `<path d="${d}"/>`).join('') +
   '</svg>'
 
+/**
+ * Иконка установленного приложения: знак на тёмной плашке.
+ *
+ * Отличается от фавиконки не прихотью. Фавиконка живёт на вкладке рядом с
+ * чужими и подстраивается под схему ОС; иконка приложения стоит в панели
+ * задач и меню «Пуск», где голый знак без фона выглядит потерянным.
+ *
+ * Здесь скругление рисуется прямо в SVG — в отличие от файла .ico, который
+ * проходит через конвертер и теряет прозрачность. Браузер получает SVG как
+ * есть, портить нечему.
+ */
+const APP_ICON = (() => {
+  const size = 1024
+  const [vx, vy, vw, vh] = BRAND_VIEWBOX.split(' ').map(Number)
+  const padding = size * 0.16
+  const scale = (size - padding * 2) / vw
+  const shiftX = padding - vx * scale
+  const shiftY = (size - vh * scale) / 2 - vy * scale
+  return (
+    `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 ${size} ${size}" width="${size}" height="${size}" role="img" aria-label="TENSOR GRID">` +
+    `<rect width="${size}" height="${size}" rx="${Math.round(size * 0.22)}" fill="#0B0D12"/>` +
+    `<g transform="translate(${shiftX.toFixed(2)} ${shiftY.toFixed(2)}) scale(${scale.toFixed(5)})">` +
+    BRAND_PATHS.map((d) => `<path d="${d}" fill="#FFFFFF"/>`).join('') +
+    '</g></svg>'
+  )
+})()
+
+const APP_ICON_PATH = '/tensorgrid-icon.svg'
+
+/**
+ * Веб-манифест. Он задаёт не только иконку, но и ИМЯ установленного
+ * приложения — то, что видно в панели задач, меню «Пуск» и заголовке окна.
+ * Поставочный называет продукт чужим именем, поэтому манифест свой.
+ *
+ * Поля id, start_url, scope и display повторяют поставочные: они определяют
+ * поведение установленного приложения, и менять их значило бы чинить не то.
+ */
+const MANIFEST = JSON.stringify(
+  {
+    id: '/',
+    name: 'TENSOR GRID',
+    short_name: 'TENSOR GRID',
+    start_url: '/',
+    scope: '/',
+    display: 'fullscreen',
+    background_color: '#0B0D12',
+    theme_color: '#0B0D12',
+    icons: [
+      { src: APP_ICON_PATH, sizes: 'any', type: 'image/svg+xml', purpose: 'any' },
+      // maskable разрешает системе обрезать иконку под свою форму. Знак
+      // отступает от краёв на 16%, поэтому обрезка его не заденет.
+      { src: APP_ICON_PATH, sizes: 'any', type: 'image/svg+xml', purpose: 'maskable' },
+    ],
+  },
+  null,
+  2,
+)
+
 export const name = 'tensorgrid-ui'
 
 /**
@@ -63,6 +121,34 @@ export function apply(ctx) {
       }),
     )
 
+    web.effect(() =>
+      web.webServer.register({
+        kind: 'exact',
+        path: APP_ICON_PATH,
+        handler(_req, res) {
+          res.writeHead(200, {
+            'content-type': 'image/svg+xml; charset=utf-8',
+            'cache-control': 'no-cache',
+          })
+          res.end(APP_ICON)
+        },
+      }),
+    )
+
+    web.effect(() =>
+      web.webServer.register({
+        kind: 'exact',
+        path: '/manifest.webmanifest',
+        handler(_req, res) {
+          res.writeHead(200, {
+            'content-type': 'application/manifest+json; charset=utf-8',
+            'cache-control': 'no-cache',
+          })
+          res.end(MANIFEST)
+        },
+      }),
+    )
+
     // Состояние обновлений держим в памяти: проверка ходит в сеть и в git,
     // и дёргать её на каждый рендер настроек незачем.
     let cached = null

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tensorgrid-ui",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "description": "TENSOR GRID — фирменный интерфейс поверх DeepSeek Harness: палитра, живой ambient-слой, айдентика и русский язык-пакет",
   "type": "module",
   "main": "lib/index.js",