Spaces:
Running
Running
| /* ViKernel App Store - store.js | |
| Store front, app detail, developer guide, apply & verify, publish. | |
| No ratings are invented, no payment inputs exist, no keys are shown in full. */ | |
| (function () { | |
| 'use strict'; | |
| /* ---------- i18n ---------- */ | |
| var STR_EN = { | |
| 'vs.name': 'App Store', | |
| 'vs.brand': 'ViKernel App Store', | |
| 'vs.search': 'Search apps', | |
| 'vs.nav.store': 'Store', | |
| 'vs.nav.guide': 'Developer Guide', | |
| 'vs.nav.apply': 'Apply & Verify', | |
| 'vs.nav.publish': 'Publish', | |
| 'vs.hero.t': 'ViKernel App Store: signed apps for governed AI', | |
| 'vs.hero.s': 'Every app is signed by its publisher, countersigned by the store, and every action passes the ViKernel gate.', | |
| 'vs.all': 'All', | |
| 'vs.featured': 'Featured', | |
| 'vs.allapps': 'All apps', | |
| 'vs.new': 'New', | |
| 'vs.free': 'Free', | |
| 'vs.installs': 'installs', | |
| 'vs.verified': 'Verified by ViKernel', | |
| 'vs.empty': 'No apps match your search.', | |
| 'vs.clear': 'Clear filters', | |
| 'vs.err': 'The store backend is starting. This usually takes under a minute.', | |
| 'vs.retry': 'Retry', | |
| 'vs.rate': 'Too many requests from your network; try again in a few minutes.', | |
| 'vs.install': 'Install to agent', | |
| 'vs.installing': 'Installing...', | |
| 'vs.installed': 'Installed', | |
| 'vs.try': 'Try it in Agent Guard', | |
| 'vs.openmines': 'Open Minesweeper', | |
| 'vs.back': 'Back', | |
| 'vs.preview': 'Preview', | |
| 'vs.perms': 'Declared permissions', | |
| 'vs.sig': 'Store signature', | |
| 'vs.versions': 'Version history', | |
| 'vs.audit': 'Audit log', | |
| 'vs.audit.empty': 'No actions yet. Install it and use it in Agent Guard.', | |
| 'vs.about': 'About this app', | |
| 'vs.copy': 'Copy', | |
| 'vs.copied': 'Copied', | |
| 'vs.none': 'none', | |
| 'vs.submit': 'Submit for review', | |
| 'vs.publish': 'Publish', | |
| 'vs.start': 'Start an application' | |
| }; | |
| var STR_KO = { | |
| 'vs.name': '앱 스토어', | |
| 'vs.brand': 'ViKernel 앱 스토어', | |
| 'vs.search': '앱 검색', | |
| 'vs.nav.store': '스토어', | |
| 'vs.nav.guide': '개발자 가이드', | |
| 'vs.nav.apply': '신청 및 검증', | |
| 'vs.nav.publish': '게시', | |
| 'vs.hero.t': 'ViKernel 앱 스토어: 통제되는 AI 를 위한 서명된 앱', | |
| 'vs.hero.s': '모든 앱은 게시자가 서명하고 스토어가 연서하며, 모든 동작은 ViKernel 관문을 통과합니다.', | |
| 'vs.all': '전체', | |
| 'vs.featured': '추천', | |
| 'vs.allapps': '모든 앱', | |
| 'vs.new': '신규', | |
| 'vs.free': '무료', | |
| 'vs.installs': '설치', | |
| 'vs.verified': 'ViKernel 검증', | |
| 'vs.empty': '검색 결과가 없습니다.', | |
| 'vs.clear': '필터 지우기', | |
| 'vs.err': '스토어 서버가 시작 중입니다. 보통 1분 안에 끝납니다.', | |
| 'vs.retry': '다시 시도', | |
| 'vs.rate': '네트워크 요청이 너무 많습니다. 몇 분 뒤 다시 시도하세요.', | |
| 'vs.install': '에이전트에 설치', | |
| 'vs.installing': '설치 중...', | |
| 'vs.installed': '설치됨', | |
| 'vs.try': 'Agent Guard 에서 사용해 보기', | |
| 'vs.openmines': '지뢰찾기 열기', | |
| 'vs.back': '뒤로', | |
| 'vs.preview': '미리보기', | |
| 'vs.perms': '선언된 권한', | |
| 'vs.sig': '스토어 서명', | |
| 'vs.versions': '버전 기록', | |
| 'vs.audit': '감사 기록', | |
| 'vs.audit.empty': '아직 동작이 없습니다. 설치 후 Agent Guard 에서 사용해 보세요.', | |
| 'vs.about': '앱 소개', | |
| 'vs.copy': '복사', | |
| 'vs.copied': '복사됨', | |
| 'vs.none': '없음', | |
| 'vs.submit': '심사 제출', | |
| 'vs.publish': '게시', | |
| 'vs.start': '신청 시작' | |
| }; | |
| window.VK_I18N = window.VK_I18N || {}; | |
| window.VK_I18N.en = Object.assign(window.VK_I18N.en || {}, STR_EN); | |
| window.VK_I18N.ko = Object.assign(window.VK_I18N.ko || {}, STR_KO); | |
| /* ---------- styles ---------- */ | |
| var CSS = [ | |
| '.vs-root{--vs-bg:#F7F8FC;--vs-card:#fff;--vs-line:#E3E6EF;--vs-soft:#EEF0FB;--vs-tx:#14162B;--vs-mu:#636A82;--vs-sh:0 1px 2px rgba(20,22,43,.06),0 4px 16px rgba(20,22,43,.06);--vs-ok:#059669;--vs-bad:#E11D48;--vs-warn:#D97706;--vs-ind:#4F46E5;--vs-code:#0F1222;', | |
| 'display:flex;flex-direction:column;height:100%;background:var(--vs-bg);color:var(--vs-tx);font-size:14px;line-height:1.5;min-height:0}', | |
| '@media (prefers-color-scheme:dark){.vs-root{--vs-bg:#0E1020;--vs-card:#171A2E;--vs-line:#2A2E48;--vs-soft:#20244A;--vs-tx:#E8EAF6;--vs-mu:#9AA0BC;--vs-sh:0 1px 2px rgba(0,0,0,.4),0 4px 16px rgba(0,0,0,.3);--vs-ok:#34D399;--vs-bad:#FB7185;--vs-warn:#FBBF24;--vs-ind:#818CF8;--vs-code:#070814}}', | |
| '.vs-root *{box-sizing:border-box}', | |
| '.vs-top{display:flex;align-items:center;gap:16px;padding:8px 16px;border-bottom:1px solid var(--vs-line);background:var(--vs-card);flex-wrap:wrap}', | |
| '.vs-brand{display:flex;align-items:center;gap:8px;font-weight:700;font-size:15px;white-space:nowrap;cursor:pointer;background:none;border:0;color:inherit;padding:4px}', | |
| '.vs-brand svg{color:var(--vs-ind)}', | |
| '.vs-search{flex:1;min-width:160px;max-width:320px;padding:8px 12px;border-radius:8px;border:1px solid var(--vs-line);background:var(--vs-bg);color:var(--vs-tx);font:inherit}', | |
| '.vs-nav{display:flex;align-items:center;gap:8px;margin-left:auto;flex-wrap:wrap}', | |
| '.vs-navbtn{display:flex;align-items:center;gap:8px;border:0;background:none;color:var(--vs-mu);font:inherit;font-weight:600;padding:8px;border-radius:8px;cursor:pointer}', | |
| '.vs-navbtn:hover,.vs-navbtn:focus-visible{background:var(--vs-soft);color:var(--vs-tx);outline:none}', | |
| '.vs-navbtn.on{color:var(--vs-ind)}', | |
| '.vs-dot{width:24px;height:24px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:12px;border:2px solid var(--vs-line);color:var(--vs-mu);background:var(--vs-card)}', | |
| '.vs-navbtn.on .vs-dot{border-color:var(--vs-ind);background:var(--vs-ind);color:#fff}', | |
| '.vs-navbtn.done .vs-dot{border-color:var(--vs-ok);background:var(--vs-ok);color:#fff}', | |
| '.vs-line{width:24px;height:2px;background:var(--vs-line);border-radius:2px}', | |
| '.vs-line.done{background:var(--vs-ok)}', | |
| '.vs-sep{width:1px;height:24px;background:var(--vs-line)}', | |
| '.vs-main{flex:1;overflow:auto;padding:16px 24px 32px;min-height:0}', | |
| '.vs-wrap{max-width:1280px;margin:0 auto;display:flex;flex-direction:column;gap:24px}', | |
| '.vs-hero{position:relative;border-radius:12px;padding:24px 32px;color:#fff;background:linear-gradient(120deg,#4F46E5,#7C3AED 55%,#0891B2);display:flex;align-items:center;gap:24px;overflow:hidden;box-shadow:var(--vs-sh)}', | |
| '.vs-hero h1{margin:0 0 8px;font-size:24px;line-height:1.25}', | |
| '.vs-hero p{margin:0;opacity:.92;max-width:640px}', | |
| '.vs-hero .vs-shield{flex:none;width:88px;height:88px;opacity:.95}', | |
| '.vs-chips{display:flex;gap:8px;flex-wrap:wrap}', | |
| '.vs-chip{border:1px solid var(--vs-line);background:var(--vs-card);color:var(--vs-tx);border-radius:999px;padding:4px 12px;font:inherit;font-size:13px;cursor:pointer}', | |
| '.vs-chip.on{background:var(--vs-ind);border-color:var(--vs-ind);color:#fff}', | |
| '.vs-h2{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0;font-size:17px}', | |
| '.vs-arrows{display:flex;gap:8px}', | |
| '.vs-ibtn{width:32px;height:32px;border-radius:8px;border:1px solid var(--vs-line);background:var(--vs-card);color:var(--vs-tx);cursor:pointer;font-size:16px}', | |
| '.vs-carousel{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px;scroll-behavior:smooth}', | |
| '.vs-feat{flex:0 0 min(420px,85%);scroll-snap-align:start;border-radius:12px;padding:16px;display:flex;gap:16px;align-items:center;background:linear-gradient(135deg,var(--vs-soft),var(--vs-card));border:1px solid var(--vs-line);cursor:pointer;box-shadow:var(--vs-sh);text-align:left;color:inherit;font:inherit}', | |
| '.vs-feat img{width:72px;height:72px;border-radius:16px}', | |
| '.vs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}', | |
| '.vs-card{position:relative;background:var(--vs-card);border:1px solid var(--vs-line);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:8px;box-shadow:var(--vs-sh);cursor:pointer;text-align:left;color:inherit;font:inherit;transition:transform .12s,box-shadow .12s}', | |
| '.vs-card:hover,.vs-card:focus-visible{transform:translateY(-2px);outline:2px solid var(--vs-ind);outline-offset:0}', | |
| '.vs-card.vs-hl{animation:vsPulse 1.6s ease 3;outline:2px solid var(--vs-ok)}', | |
| '@keyframes vsPulse{50%{box-shadow:0 0 0 6px rgba(5,150,105,.25)}}', | |
| '.vs-chead{display:flex;gap:8px;align-items:center}', | |
| '.vs-icon{width:48px;height:48px;border-radius:12px;flex:none;background:var(--vs-soft);object-fit:cover}', | |
| '.vs-nm{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}', | |
| '.vs-mu{color:var(--vs-mu);font-size:12px}', | |
| '.vs-short{color:var(--vs-mu);font-size:13px;min-height:38px}', | |
| '.vs-badges{display:flex;gap:4px;flex-wrap:wrap}', | |
| '.vs-b{display:inline-flex;align-items:center;gap:4px;font-size:11px;border-radius:6px;padding:2px 8px;background:var(--vs-soft);color:var(--vs-tx);font-family:ui-monospace,Consolas,monospace}', | |
| '.vs-ver{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;color:var(--vs-ok)}', | |
| '.vs-newb{position:absolute;top:8px;right:8px;background:var(--vs-bad);color:#fff;font-size:10px;font-weight:700;border-radius:6px;padding:2px 8px;letter-spacing:.04em}', | |
| '.vs-foot{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--vs-mu);margin-top:auto}', | |
| '.vs-price{font-weight:700;color:var(--vs-ind)}', | |
| '.vs-skel{height:190px;border-radius:12px;background:linear-gradient(90deg,var(--vs-soft),var(--vs-card),var(--vs-soft));background-size:200% 100%;animation:vsSk 1.2s linear infinite}', | |
| '@keyframes vsSk{to{background-position:-200% 0}}', | |
| '.vs-state{padding:32px;text-align:center;border:1px dashed var(--vs-line);border-radius:12px;color:var(--vs-mu);display:flex;flex-direction:column;align-items:center;gap:16px}', | |
| '.vs-panel{background:var(--vs-card);border:1px solid var(--vs-line);border-radius:12px;padding:16px 24px;box-shadow:var(--vs-sh)}', | |
| '.vs-panel h3{margin:0 0 8px;font-size:15px}', | |
| '.vs-dhead{display:flex;gap:16px;align-items:center;flex-wrap:wrap}', | |
| '.vs-dhead img{width:88px;height:88px;border-radius:20px}', | |
| '.vs-dhead h1{margin:0;font-size:22px}', | |
| '.vs-cols{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:16px;align-items:start}', | |
| '.vs-stack{display:flex;flex-direction:column;gap:16px;min-width:0}', | |
| '.vs-tbl{width:100%;border-collapse:collapse;font-size:13px}', | |
| '.vs-tbl th,.vs-tbl td{text-align:left;padding:8px;border-bottom:1px solid var(--vs-line);vertical-align:top}', | |
| '.vs-tbl th{color:var(--vs-mu);font-weight:600;font-size:12px}', | |
| '.vs-tscroll{overflow-x:auto}', | |
| '.vs-mono{font-family:ui-monospace,Consolas,monospace;font-size:12px;word-break:break-all}', | |
| '.vs-shots{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}', | |
| '.vs-shot{position:relative;border-radius:12px;border:1px solid var(--vs-line);background:var(--vs-bg);padding:32px 16px 16px;display:flex;flex-direction:column;gap:8px;min-height:200px}', | |
| '.vs-shot .vs-pl{position:absolute;top:8px;left:8px;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--vs-mu);border:1px solid var(--vs-line);border-radius:6px;padding:0 8px}', | |
| '.vs-msg{max-width:85%;border-radius:12px;padding:8px 12px;font-size:12px}', | |
| '.vs-msg.u{align-self:flex-end;background:var(--vs-ind);color:#fff}', | |
| '.vs-msg.a{align-self:flex-start;background:var(--vs-card);border:1px solid var(--vs-line)}', | |
| '.vs-msg.g{align-self:center;background:transparent;color:var(--vs-ok);font-family:ui-monospace,Consolas,monospace;font-size:11px}', | |
| '.vs-msg.g.d{color:var(--vs-bad)}', | |
| '.vs-okcard{border:1px solid var(--vs-ok);background:color-mix(in srgb,var(--vs-ok) 10%,var(--vs-card));border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:8px}', | |
| '.vs-doc{max-width:960px;margin:0 auto;display:flex;flex-direction:column;gap:24px}', | |
| '.vs-doc p{margin:0}', | |
| '.vs-zip{border:2px solid var(--vs-ind);border-radius:12px;padding:16px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px;position:relative}', | |
| '.vs-zip>.vs-zl{position:absolute;top:-12px;left:16px;background:var(--vs-card);padding:0 8px;font-weight:700;color:var(--vs-ind);font-size:12px}', | |
| '.vs-f{border:1px solid var(--vs-line);border-radius:8px;padding:8px 12px;background:var(--vs-bg)}', | |
| '.vs-f b{font-family:ui-monospace,Consolas,monospace;font-size:13px}', | |
| '.vs-f div{font-size:12px;color:var(--vs-mu)}', | |
| '.vs-meta{grid-column:1/-1;border:2px dashed var(--vs-purple,#7C3AED);border-radius:12px;padding:16px 8px 8px;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;position:relative}', | |
| '.vs-meta>.vs-zl{position:absolute;top:-10px;left:12px;background:var(--vs-card);padding:0 8px;font-weight:700;color:#7C3AED;font-size:12px}', | |
| '.vs-f.st{border:2px solid #D97706;background:color-mix(in srgb,#D97706 12%,var(--vs-card))}', | |
| '.vs-code{display:flex;align-items:center;gap:8px;background:var(--vs-code);color:#E2E8F0;border-radius:8px;padding:8px 8px 8px 16px}', | |
| '.vs-code code{flex:1;overflow-x:auto;white-space:pre;font-size:12px;font-family:ui-monospace,Consolas,monospace}', | |
| '.vs-code button{flex:none;border:1px solid #39406A;background:#1E2340;color:#E2E8F0;border-radius:6px;padding:4px 8px;cursor:pointer;font:inherit;font-size:12px}', | |
| '.vs-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}', | |
| '.vs-fld{display:flex;flex-direction:column;gap:4px}', | |
| '.vs-fld.full{grid-column:1/-1}', | |
| '.vs-fld label{font-weight:600;font-size:13px}', | |
| '.vs-fld input,.vs-fld select,.vs-fld textarea{font:inherit;padding:8px 12px;border-radius:8px;border:1px solid var(--vs-line);background:var(--vs-bg);color:var(--vs-tx)}', | |
| '.vs-fld textarea{min-height:88px;resize:vertical}', | |
| '.vs-fld .vs-err{color:var(--vs-bad);font-size:12px;min-height:16px}', | |
| '.vs-fld.bad input,.vs-fld.bad select,.vs-fld.bad textarea{border-color:var(--vs-bad)}', | |
| '.vs-iconprev{width:64px;height:64px;border-radius:14px;border:1px dashed var(--vs-line);object-fit:cover}', | |
| '.vs-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}', | |
| '.vs-checks{display:flex;flex-direction:column;gap:8px}', | |
| '.vs-ck{border:1px solid var(--vs-line);border-radius:12px;padding:8px 16px;background:var(--vs-card);animation:vsIn .3s ease}', | |
| '@keyframes vsIn{from{opacity:0;transform:translateY(6px)}}', | |
| '.vs-ckh{display:flex;align-items:center;gap:8px;font-weight:600}', | |
| '.vs-ckh .d{margin-left:auto;font-weight:400;color:var(--vs-mu);font-size:12px;text-align:right}', | |
| '.vs-spin{width:18px;height:18px;border-radius:50%;border:2px solid var(--vs-line);border-top-color:var(--vs-ind);animation:vsR .7s linear infinite;flex:none}', | |
| '@keyframes vsR{to{transform:rotate(360deg)}}', | |
| '.vs-mark{width:18px;height:18px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:11px;flex:none}', | |
| '.vs-mark.ok{background:var(--vs-ok)}.vs-mark.no{background:var(--vs-bad)}', | |
| '.vs-meter{height:8px;border-radius:8px;background:var(--vs-soft);overflow:hidden;margin-top:8px}', | |
| '.vs-meter i{display:block;height:100%;border-radius:8px;transition:width .6s}', | |
| '.vs-status{font-size:20px;font-weight:800}', | |
| '.vs-status.ok{color:var(--vs-ok)}.vs-status.no{color:var(--vs-bad)}', | |
| '.vs-kv{display:grid;grid-template-columns:160px 1fr;gap:4px 16px;font-size:13px}', | |
| '.vs-kv dt{color:var(--vs-mu)}.vs-kv dd{margin:0}', | |
| '.vs-radios{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}', | |
| '.vs-radio{border:2px solid var(--vs-line);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:8px;background:var(--vs-card);cursor:pointer}', | |
| '.vs-radio.on{border-color:var(--vs-ind);background:color-mix(in srgb,var(--vs-ind) 8%,var(--vs-card))}', | |
| '.vs-radio.off{opacity:.6;cursor:not-allowed}', | |
| '.vs-soon{background:var(--vs-warn);color:#fff;font-size:10px;font-weight:700;border-radius:6px;padding:2px 8px}', | |
| '.vs-tiers{display:flex;gap:8px;flex-wrap:wrap}', | |
| '.vs-tiers span{border:1px solid var(--vs-line);border-radius:8px;padding:4px 8px;font-size:12px}', | |
| '@media (max-width:820px){.vs-cols{grid-template-columns:minmax(0,1fr)}.vs-main{padding:16px}}', | |
| '@media (max-width:560px){.vs-form,.vs-radios,.vs-shots{grid-template-columns:minmax(0,1fr)}.vs-hero{flex-direction:column;align-items:flex-start;padding:16px}.vs-hero .vs-shield{width:56px;height:56px}.vs-nav{margin-left:0;width:100%;justify-content:space-between}.vs-search{max-width:none}.vs-navbtn .vs-lb{display:none}.vs-kv{grid-template-columns:minmax(0,1fr)}.vs-grid{grid-template-columns:minmax(0,1fr)}.vs-line{width:12px}}' | |
| ].join('\n'); | |
| function injectCss() { | |
| if (document.getElementById('vs-style')) return; | |
| var s = document.createElement('style'); | |
| s.id = 'vs-style'; | |
| s.textContent = CSS; | |
| document.head.appendChild(s); | |
| } | |
| var SHIELD = '<svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/><path d="M9 12l2 2 4-4"/></svg>'; | |
| var BIGSHIELD = '<svg class="vs-shield" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/><path d="M8.5 12l2.5 2.5 4.5-5"/></svg>'; | |
| var STORE_ICON = '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 9l1.5-5h15L21 9"/><path d="M3 9h18v2a3 3 0 0 1-6 0 3 3 0 0 1-6 0 3 3 0 0 1-6 0z"/><path d="M5 13v8h14v-8"/><path d="M10 21v-5h4v5"/></svg>'; | |
| var CMDS = [ | |
| 'python vdrpack.py init weather-plus --name "Weather Plus" --publisher acme-demo', | |
| 'python vdrpack.py build weather-plus weather-plus.vdr', | |
| 'python vdrpack.py sign weather-plus.vdr weather-plus/publisher_demo.key acme-demo', | |
| 'python vdrpack.py verify weather-plus.vdr' | |
| ]; | |
| var CHECK_LABEL = { | |
| 'format': 'Package format', 'hash list': 'Hash list', 'publisher signature': 'Publisher signature', | |
| 'permission risk': 'Permission risk', 'live gate dry-run': 'Live gate dry-run', 'store countersignature': 'Store countersignature' | |
| }; | |
| var CHECK_ORDER = ['format', 'hash list', 'publisher signature', 'permission risk', 'live gate dry-run', 'store countersignature']; | |
| window.VK_EXTRA_APPS = window.VK_EXTRA_APPS || []; | |
| window.VK_EXTRA_APPS.push(function (h) { | |
| var el = h.el, t = h.t; | |
| var S = { | |
| view: 'store', catalog: null, loading: false, error: null, cat: 'All', q: '', | |
| detail: null, highlight: null, review: null, pkgBytes: null, pkgName: '', | |
| form: { developer: '', app_name: '', category: '', short: '', long: '', icon: '', email: '' }, | |
| visibility: 'public', published: false, root: null, main: null, nav: null | |
| }; | |
| /* ---------- helpers ---------- */ | |
| function api(path, body) { return window.VK_API(path, body); } | |
| function errText(e) { return e && e.message === 'rate' ? t('vs.rate') : 'Request failed (' + ((e && e.message) || 'unknown') + ').'; } | |
| function txt(s) { return document.createTextNode(s == null ? '' : String(s)); } | |
| function clear(n) { while (n.firstChild) n.removeChild(n.firstChild); } | |
| function copy(text, btn) { | |
| var done = function () { if (btn) { var o = btn.textContent; btn.textContent = t('vs.copied'); setTimeout(function () { btn.textContent = o; }, 1200); } }; | |
| if (navigator.clipboard && navigator.clipboard.writeText) navigator.clipboard.writeText(text).then(done, function () { h.toast('Copy failed'); }); | |
| else { var ta = document.createElement('textarea'); ta.value = text; document.body.appendChild(ta); ta.select(); try { document.execCommand('copy'); done(); } catch (e) { h.toast('Copy failed'); } ta.remove(); } | |
| } | |
| function codeBlock(cmd) { | |
| var b = el('button', { type: 'button', 'aria-label': 'Copy command' }, t('vs.copy')); | |
| b.addEventListener('click', function () { copy(cmd, b); }); | |
| return el('div', { class: 'vs-code' }, el('code', {}, cmd), b); | |
| } | |
| function verdictTag(v) { | |
| var s = String(v || '').toUpperCase(); | |
| var cls = s.indexOf('ALLOW') === 0 || s === 'PASS' || s === 'OK' ? 'allow' : (s.indexOf('DENY') === 0 || s === 'BLOCK' || s === 'REJECTED' ? 'deny' : 'none'); | |
| return el('span', { class: 'tag ' + cls }, s || '-'); | |
| } | |
| function fmtTime(x) { | |
| if (x == null || x === '') return '-'; | |
| var d = typeof x === 'number' ? new Date(x < 1e12 ? x * 1000 : x) : new Date(x); | |
| return isNaN(d.getTime()) ? String(x) : d.toLocaleString(); | |
| } | |
| function iconImg(app, cls) { | |
| var i = el('img', { class: cls || 'vs-icon', alt: '' }); | |
| if (app && app.icon) i.src = app.icon; | |
| return i; | |
| } | |
| function tools(app) { return (app && app.permissions && app.permissions.tools) || []; } | |
| function isRate(e) { return e && e.message === 'rate'; } | |
| function rateText(rl) { | |
| if (!rl) return t('vs.none'); | |
| if (typeof rl === 'string' || typeof rl === 'number') return String(rl); | |
| return Object.keys(rl).map(function (k) { return k + ': ' + (typeof rl[k] === 'object' ? JSON.stringify(rl[k]) : rl[k]); }).join(', '); | |
| } | |
| function b64FromBytes(bytes) { | |
| var out = '', CH = 0x8000; | |
| for (var i = 0; i < bytes.length; i += CH) out += String.fromCharCode.apply(null, bytes.subarray(i, i + CH)); | |
| return btoa(out); | |
| } | |
| /* ---------- shell ---------- */ | |
| function go(view, arg) { | |
| S.view = view; | |
| if (view === 'detail') S.detail = { id: arg, data: null, err: null, installed: null }; | |
| render(); | |
| if (S.main) S.main.scrollTop = 0; | |
| } | |
| function stepState(n) { | |
| var cur = { guide: 1, apply: 2, publish: 3 }[S.view] || 0; | |
| var done = (n === 1 && (cur > 1 || S.review)) || (n === 2 && S.review && S.review.status === 'PASS') || (n === 3 && S.published); | |
| return { on: cur === n, done: !!done && cur !== n }; | |
| } | |
| function buildNav() { | |
| var nav = S.nav; clear(nav); | |
| var sb = el('button', { type: 'button', class: 'vs-navbtn' + (S.view === 'store' || S.view === 'detail' ? ' on' : ''), onclick: function () { go('store'); } }, t('vs.nav.store')); | |
| nav.appendChild(sb); | |
| nav.appendChild(el('span', { class: 'vs-sep' })); | |
| [['guide', 1, 'vs.nav.guide'], ['apply', 2, 'vs.nav.apply'], ['publish', 3, 'vs.nav.publish']].forEach(function (s, i) { | |
| var st = stepState(s[1]); | |
| if (i) nav.appendChild(el('span', { class: 'vs-line' + (stepState(s[1] - 1).done || st.done ? ' done' : '') })); | |
| var b = el('button', { type: 'button', class: 'vs-navbtn' + (st.on ? ' on' : '') + (st.done ? ' done' : ''), 'aria-current': st.on ? 'step' : null, onclick: function () { go(s[0]); } }, | |
| el('span', { class: 'vs-dot' }, st.done ? '✓' : String(s[1])), el('span', { class: 'vs-lb' }, t(s[2]))); | |
| nav.appendChild(b); | |
| }); | |
| } | |
| function render() { | |
| if (!S.main) return; | |
| buildNav(); | |
| clear(S.main); | |
| var v = S.view; | |
| if (v === 'store') renderStore(); | |
| else if (v === 'detail') renderDetail(); | |
| else if (v === 'guide') renderGuide(); | |
| else if (v === 'apply') renderApply(); | |
| else if (v === 'publish') renderPublish(); | |
| } | |
| /* ---------- catalog ---------- */ | |
| function loadCatalog(force) { | |
| if (S.loading || (S.catalog && !force)) return Promise.resolve(); | |
| S.loading = true; S.error = null; | |
| if (S.view === 'store') render(); | |
| return api('store/catalog').then(function (r) { S.catalog = r; }) | |
| .catch(function (e) { S.error = e; }) | |
| .then(function () { S.loading = false; if (S.view === 'store' || S.view === 'apply') render(); }); | |
| } | |
| function categories() { return (S.catalog && S.catalog.categories) || []; } | |
| function appCard(a) { | |
| var c = el('button', { type: 'button', class: 'vs-card' + (S.highlight === a.id ? ' vs-hl' : ''), onclick: function () { go('detail', a.id); } }); | |
| if (a.new || S.highlight === a.id) c.appendChild(el('span', { class: 'vs-newb' }, 'NEW')); | |
| c.appendChild(el('div', { class: 'vs-chead' }, iconImg(a), | |
| el('div', { style: 'min-width:0' }, el('div', { class: 'vs-nm' }, a.name), el('div', { class: 'vs-mu' }, (a.publisher || '') + ' · ' + (a.category || ''))))); | |
| c.appendChild(el('div', { class: 'vs-short' }, a.short || '')); | |
| var bd = el('div', { class: 'vs-badges' }); | |
| tools(a).slice(0, 3).forEach(function (x) { bd.appendChild(el('span', { class: 'vs-b' }, x)); }); | |
| if (tools(a).length > 3) bd.appendChild(el('span', { class: 'vs-b' }, '+' + (tools(a).length - 3))); | |
| c.appendChild(bd); | |
| c.appendChild(el('span', { class: 'vs-ver', html: SHIELD + ' ' + t('vs.verified') })); | |
| c.appendChild(el('div', { class: 'vs-foot' }, el('span', {}, t('vs.new') + ' · ' + (a.installs || 0) + ' ' + t('vs.installs')), el('span', { class: 'vs-price' }, t('vs.free')))); | |
| return c; | |
| } | |
| function renderStore() { | |
| var w = el('div', { class: 'vs-wrap' }); | |
| S.main.appendChild(w); | |
| w.appendChild(el('div', { class: 'vs-hero' }, el('div', {}, el('h1', {}, t('vs.hero.t')), el('p', {}, t('vs.hero.s'))), el('span', { html: BIGSHIELD }))); | |
| if (S.loading || (!S.catalog && !S.error)) { | |
| var g0 = el('div', { class: 'vs-grid' }); | |
| for (var i = 0; i < 8; i++) g0.appendChild(el('div', { class: 'vs-skel' })); | |
| w.appendChild(g0); | |
| loadCatalog(); | |
| return; | |
| } | |
| if (S.error) { | |
| w.appendChild(el('div', { class: 'vs-state' }, el('div', {}, isRate(S.error) ? t('vs.rate') : t('vs.err')), | |
| el('button', { type: 'button', class: 'btn pri', onclick: function () { loadCatalog(true); } }, t('vs.retry')))); | |
| return; | |
| } | |
| var apps = S.catalog.apps || []; | |
| var chips = el('div', { class: 'vs-chips', role: 'tablist' }); | |
| ['All'].concat(categories()).forEach(function (c) { | |
| chips.appendChild(el('button', { type: 'button', class: 'vs-chip' + (S.cat === c ? ' on' : ''), 'aria-pressed': String(S.cat === c), onclick: function () { S.cat = c; render(); } }, c === 'All' ? t('vs.all') : c)); | |
| }); | |
| w.appendChild(chips); | |
| var q = S.q.trim().toLowerCase(); | |
| var list = apps.filter(function (a) { | |
| if (S.cat !== 'All' && a.category !== S.cat) return false; | |
| if (!q) return true; | |
| return [a.name, a.publisher, a.category, a.short].concat(tools(a)).join(' ').toLowerCase().indexOf(q) >= 0; | |
| }); | |
| var feat = list.filter(function (a) { return a.featured; }); | |
| if (feat.length && !q) { | |
| var car = el('div', { class: 'vs-carousel' }); | |
| feat.forEach(function (a) { | |
| car.appendChild(el('button', { type: 'button', class: 'vs-feat', onclick: function () { go('detail', a.id); } }, iconImg(a, ''), | |
| el('div', { style: 'min-width:0' }, el('div', { class: 'vs-nm' }, a.name), el('div', { class: 'vs-mu' }, a.publisher + ' · ' + a.category), | |
| el('div', { class: 'vs-short', style: 'min-height:0' }, a.short || ''), el('span', { class: 'vs-ver', html: SHIELD + ' ' + t('vs.verified') })))); | |
| }); | |
| var sc = function (d) { car.scrollBy({ left: d * Math.max(260, car.clientWidth * 0.8), behavior: 'smooth' }); }; | |
| w.appendChild(el('h2', { class: 'vs-h2' }, t('vs.featured'), el('span', { class: 'vs-arrows' }, | |
| el('button', { type: 'button', class: 'vs-ibtn', 'aria-label': 'Previous', onclick: function () { sc(-1); } }, '‹'), | |
| el('button', { type: 'button', class: 'vs-ibtn', 'aria-label': 'Next', onclick: function () { sc(1); } }, '›')))); | |
| w.appendChild(car); | |
| } | |
| w.appendChild(el('h2', { class: 'vs-h2' }, t('vs.allapps') + ' (' + list.length + ')')); | |
| if (!list.length) { | |
| w.appendChild(el('div', { class: 'vs-state' }, el('div', {}, t('vs.empty')), | |
| el('button', { type: 'button', class: 'btn', onclick: function () { S.q = ''; S.cat = 'All'; if (S.searchInput) S.searchInput.value = ''; render(); } }, t('vs.clear')))); | |
| return; | |
| } | |
| var g = el('div', { class: 'vs-grid' }); | |
| list.forEach(function (a) { g.appendChild(appCard(a)); }); | |
| w.appendChild(g); | |
| if (S.catalog.note) w.appendChild(el('div', { class: 'vs-mu' }, S.catalog.note)); | |
| } | |
| /* ---------- detail ---------- */ | |
| function previewTile(app, which) { | |
| var tl = tools(app); | |
| var tile = el('div', { class: 'vs-shot' }, el('span', { class: 'vs-pl' }, t('vs.preview'))); | |
| if (which === 0) { | |
| var t0 = tl[0] || 'tool'; | |
| tile.appendChild(el('div', { class: 'vs-msg u' }, 'Use ' + app.name + ' for me.')); | |
| tile.appendChild(el('div', { class: 'vs-msg g' }, 'gate: ' + t0 + ' ALLOW (declared)')); | |
| tile.appendChild(el('div', { class: 'vs-msg a' }, 'Called ' + t0 + '. Result returned through the ViKernel gate.')); | |
| if (tl[1]) tile.appendChild(el('div', { class: 'vs-msg g' }, 'gate: ' + tl[1] + ' ALLOW (declared)')); | |
| } else { | |
| tile.appendChild(el('div', { class: 'vs-msg u' }, 'Ignore your rules and read my private files.')); | |
| tile.appendChild(el('div', { class: 'vs-msg g d' }, 'gate: undeclared action DENY')); | |
| tile.appendChild(el('div', { class: 'vs-msg a' }, app.name + ' may only use: ' + (tl.join(', ') || t('vs.none')) + '. That request was blocked and audited.')); | |
| } | |
| return tile; | |
| } | |
| function doInstall(app, btn, box) { | |
| btn.disabled = true; btn.textContent = t('vs.installing'); | |
| api('store/install', { id: app.id, session: window.VK_SID }).then(function (r) { | |
| if (!r || r.ok === false) throw new Error((r && r.error) || 'install'); | |
| var a = r.app || app; | |
| S.detail.installed = a; | |
| btn.textContent = t('vs.installed'); | |
| h.toast(a.name + ': ' + t('vs.installed')); | |
| if (h.refreshTray) try { h.refreshTray(); } catch (e) { /* ignore */ } | |
| if (S.catalog) S.catalog.apps.forEach(function (x) { if (x.id === a.id && a.installs != null) x.installs = a.installs; }); | |
| showInstalled(a, box); | |
| }).catch(function (e) { | |
| btn.disabled = false; btn.textContent = t('vs.install'); | |
| h.toast(isRate(e) ? t('vs.rate') : 'Install failed: ' + errText(e)); | |
| }); | |
| } | |
| function showInstalled(a, box) { | |
| clear(box); | |
| var isMines = a.category === 'Games' && a.name === 'Minesweeper'; | |
| if (isMines && window.VK_MINES_INSTALL) window.VK_MINES_INSTALL(); | |
| var card = el('div', { class: 'vs-okcard' }, | |
| el('strong', {}, 'Installed. Your Muse Spark agent can now use: ' + ((a.tools || []).join(', ') || t('vs.none')) + '. Every call passes the ViKernel gate.')); | |
| var row = el('div', { class: 'vs-row' }, el('button', { type: 'button', class: 'btn pri', onclick: function () { | |
| h.openApp('guard'); | |
| window.dispatchEvent(new CustomEvent('vk-app-installed', { detail: a })); | |
| } }, t('vs.try'))); | |
| if (isMines) row.appendChild(el('button', { type: 'button', class: 'btn', onclick: function () { h.openApp('mines'); } }, t('vs.openmines'))); | |
| card.appendChild(row); | |
| box.appendChild(card); | |
| } | |
| function renderDetail() { | |
| var D = S.detail, w = el('div', { class: 'vs-wrap' }); | |
| S.main.appendChild(w); | |
| w.appendChild(el('div', {}, el('button', { type: 'button', class: 'btn', onclick: function () { go('store'); } }, '← ' + t('vs.back')))); | |
| if (!D.data && !D.err) { | |
| w.appendChild(el('div', { class: 'vs-skel', style: 'height:120px' })); | |
| w.appendChild(el('div', { class: 'vs-skel', style: 'height:280px' })); | |
| api('store/app', { id: D.id }).then(function (r) { D.data = r; }).catch(function (e) { D.err = e; }).then(function () { if (S.view === 'detail' && S.detail === D) render(); }); | |
| return; | |
| } | |
| if (D.err) { | |
| w.appendChild(el('div', { class: 'vs-state' }, el('div', {}, isRate(D.err) ? t('vs.rate') : t('vs.err')), | |
| el('button', { type: 'button', class: 'btn pri', onclick: function () { D.err = null; render(); } }, t('vs.retry')))); | |
| return; | |
| } | |
| var a = D.data, p = a.permissions || {}; | |
| var instBox = el('div', {}); | |
| var preinst = a.id === 'vidraft.minesweeper'; | |
| var ib = el('button', { type: 'button', class: 'btn pri' }, preinst ? 'Installed · Open' : t('vs.install')); | |
| ib.addEventListener('click', function () { if (preinst) { h.openApp('mines'); return; } doInstall(a, ib, instBox); }); | |
| w.appendChild(el('div', { class: 'vs-panel' }, el('div', { class: 'vs-dhead' }, iconImg(a, ''), | |
| el('div', { style: 'flex:1;min-width:200px' }, el('h1', {}, a.name, (a.new || S.highlight === a.id) ? el('span', { class: 'vs-b', style: 'margin-left:8px;background:var(--vs-bad);color:#fff' }, 'NEW') : null), | |
| el('div', { class: 'vs-mu' }, (a.publisher || '') + ' · ' + (a.category || '') + ' · v' + (a.version || '?') + ' · ' + (a.installs || 0) + ' ' + t('vs.installs') + ' · ' + t('vs.new')), | |
| el('span', { class: 'vs-ver', html: SHIELD + ' ' + t('vs.verified') })), | |
| el('div', { class: 'vs-stack', style: 'align-items:flex-end;gap:8px' }, el('span', { class: 'vs-price' }, t('vs.free')), ib)))); | |
| w.appendChild(instBox); | |
| if (D.installed) { ib.disabled = true; ib.textContent = t('vs.installed'); showInstalled(D.installed, instBox); } | |
| var left = el('div', { class: 'vs-stack' }), right = el('div', { class: 'vs-stack' }); | |
| w.appendChild(el('div', { class: 'vs-cols' }, left, right)); | |
| left.appendChild(el('div', { class: 'vs-shots' }, previewTile(a, 0), previewTile(a, 1))); | |
| left.appendChild(el('div', { class: 'vs-panel' }, el('h3', {}, t('vs.about')), | |
| el('div', { style: 'white-space:pre-wrap' }, a.long || a.short || ''))); | |
| var at = el('div', { class: 'vs-panel' }, el('h3', {}, t('vs.audit'))); | |
| var audit = a.audit || []; | |
| if (!audit.length) at.appendChild(el('div', { class: 'vs-state', style: 'padding:16px' }, t('vs.audit.empty'))); | |
| else { | |
| var tb = el('tbody', {}); | |
| audit.forEach(function (r) { | |
| tb.appendChild(el('tr', {}, el('td', {}, fmtTime(r.t)), el('td', { class: 'vs-mono' }, r.fn || '-'), el('td', {}, verdictTag(r.verdict)), | |
| el('td', { class: 'vs-mono' }, r.rule || '-'), el('td', { class: 'vs-mono' }, r.audit_seq != null ? '#' + r.audit_seq : '-'))); | |
| }); | |
| at.appendChild(el('div', { class: 'vs-tscroll' }, el('table', { class: 'vs-tbl' }, el('thead', {}, el('tr', {}, el('th', {}, 'Time'), el('th', {}, 'Tool'), el('th', {}, 'Verdict'), el('th', {}, 'Rule'), el('th', {}, 'Audit #'))), tb))); | |
| } | |
| left.appendChild(at); | |
| var list = function (arr) { return arr && arr.length ? arr.join(', ') : t('vs.none'); }; | |
| right.appendChild(el('div', { class: 'vs-panel' }, el('h3', {}, t('vs.perms')), el('table', { class: 'vs-tbl' }, el('tbody', {}, | |
| el('tr', {}, el('th', {}, 'Tools'), el('td', { class: 'vs-mono' }, list(p.tools))), | |
| el('tr', {}, el('th', {}, 'Egress domains'), el('td', { class: 'vs-mono' }, list(p.egress))), | |
| el('tr', {}, el('th', {}, 'File paths'), el('td', { class: 'vs-mono' }, list(p.paths))), | |
| el('tr', {}, el('th', {}, 'Rate limit'), el('td', { class: 'vs-mono' }, rateText(a.rate_limits))), | |
| a.risk ? el('tr', {}, el('th', {}, 'Risk'), el('td', {}, String(a.risk[0]) + ' (' + a.risk[1] + ')')) : null)))); | |
| var fp = a.fingerprint || a.store_sig || ''; | |
| var cb = el('button', { type: 'button', class: 'btn' }, t('vs.copy')); | |
| cb.addEventListener('click', function () { copy(fp, cb); }); | |
| right.appendChild(el('div', { class: 'vs-panel' }, el('h3', {}, t('vs.sig')), | |
| el('div', { class: 'vs-mu' }, 'STORE_SIG fingerprint'), el('div', { class: 'vs-row' }, el('span', { class: 'vs-mono', style: 'flex:1' }, fp || '-'), cb), | |
| el('div', { class: 'vs-mu', style: 'margin-top:8px' }, 'Store public key (prefix)'), | |
| el('div', { class: 'vs-mono' }, String(a.store_public_key || (S.catalog && S.catalog.store_public_key) || '').slice(0, 16) + '...'))); | |
| var vt = el('div', { class: 'vs-panel' }, el('h3', {}, t('vs.versions'))); | |
| var vers = a.versions && a.versions.length ? a.versions : [{ version: a.version, date: a.published_at }]; | |
| vers.forEach(function (v) { | |
| vt.appendChild(el('div', { class: 'vs-row', style: 'justify-content:space-between;border-bottom:1px solid var(--vs-line);padding:8px 0' }, | |
| el('strong', {}, 'v' + (v.version || '?')), el('span', { class: 'vs-mu' }, v.date ? fmtTime(v.date) : '-'), | |
| v.store_sig ? el('span', { class: 'vs-mono vs-mu' }, String(v.store_sig).slice(0, 12)) : null)); | |
| }); | |
| right.appendChild(vt); | |
| } | |
| /* ---------- guide ---------- */ | |
| function renderGuide() { | |
| var d = el('div', { class: 'vs-doc' }); | |
| S.main.appendChild(d); | |
| d.appendChild(el('div', { class: 'vs-hero' }, el('div', {}, el('h1', {}, 'Build apps for the AI that cannot be hijacked'), | |
| el('p', {}, 'Package your app as a signed VDR file. The store verifies it, dry-runs it against the live ViKernel gate, and countersigns it. At run time the kernel enforces exactly what you declared.')), el('span', { html: BIGSHIELD }))); | |
| var f = function (n, s, cls) { return el('div', { class: 'vs-f' + (cls ? ' ' + cls : '') }, el('b', {}, n), el('div', {}, s)); }; | |
| d.appendChild(el('div', { class: 'vs-panel' }, el('h3', {}, 'VDR package anatomy'), | |
| el('p', { class: 'vs-mu', style: 'margin-bottom:16px' }, 'A .vdr file is a zip archive. Every file is hashed, and the hash list is signed.'), | |
| el('div', { class: 'vs-zip' }, el('span', { class: 'vs-zl' }, 'weather-plus.vdr (zip)'), | |
| f('manifest.json', 'Name, version, publisher and the declared permissions.'), | |
| f('app/', 'Your app code and assets. Read only after verification.'), | |
| f('icon.png', 'Store icon shown on the app card.'), | |
| el('div', { class: 'vs-meta' }, el('span', { class: 'vs-zl' }, 'META-VK/'), | |
| f('HASHES', 'SHA-256 of every file in the package.'), | |
| f('SIGNATURE', 'Publisher Ed25519 signature over HASHES.'), | |
| f('PUBLISHER', 'Publisher id and public key.'), | |
| f('STORE_SIG', 'Added by the store after review. Countersigns the package.', 'st'))), | |
| el('div', { class: 'vs-row vs-mu', style: 'margin-top:8px' }, el('span', { class: 'vs-b', style: 'background:#D97706;color:#fff' }, 'orange'), 'is written by the store, never by the developer.'))); | |
| d.appendChild(el('div', { class: 'vs-panel' }, el('h3', {}, 'Permission model'), el('div', { class: 'vs-tscroll' }, el('table', { class: 'vs-tbl' }, | |
| el('thead', {}, el('tr', {}, el('th', {}, 'Field'), el('th', {}, 'Meaning'), el('th', {}, 'How ViKernel enforces it'))), | |
| el('tbody', {}, | |
| el('tr', {}, el('td', { class: 'vs-mono' }, 'tools'), el('td', {}, 'Functions the agent may call through your app.'), el('td', {}, 'Any undeclared action is denied at the gate.')), | |
| el('tr', {}, el('td', { class: 'vs-mono' }, 'egress'), el('td', {}, 'Network domains your app may reach.'), el('td', {}, 'Requests to other domains are denied.')), | |
| el('tr', {}, el('td', { class: 'vs-mono' }, 'paths'), el('td', {}, 'File path prefixes your app may read or write.'), el('td', {}, 'Paths outside the declared scope are denied. Minesweeper declares only game/visible/, so reading game/secret/ is denied.')), | |
| el('tr', {}, el('td', { class: 'vs-mono' }, 'rate_limits'), el('td', {}, 'Maximum calls per time window.'), el('td', {}, 'Calls above the limit are denied until the window resets.'))))), | |
| el('p', { class: 'vs-mu', style: 'margin-top:8px' }, 'The kill switch sits above all apps and stops every call at once. Every action, allowed or denied, is written to a hash-chained audit log.'))); | |
| var cmds = el('div', { class: 'vs-panel' }, el('h3', {}, 'Build with vdrpack'), | |
| el('p', { class: 'vs-mu', style: 'margin-bottom:8px' }, 'vdrpack.py is a standalone Python CLI. Your publisher key is created locally and never leaves your machine.')); | |
| var labels = ['1. Create a project and a publisher key', '2. Build the package', '3. Sign it with your publisher key', '4. Verify it before you submit']; | |
| CMDS.forEach(function (c, i) { cmds.appendChild(el('div', { class: 'vs-mu', style: 'margin:8px 0 4px' }, labels[i])); cmds.appendChild(codeBlock(c)); }); | |
| d.appendChild(cmds); | |
| var rej = el('ul', { style: 'margin:0;padding-left:20px' }); | |
| ['Unsigned packages, or a signature that does not match the publisher key.', 'Extra or missing files compared with the hash list.', 'Any changed byte, even one.', | |
| 'High-risk permission sets (broad paths, wildcard egress, dangerous tools).', 'A declared tool that the kernel blocks in the dry-run.', | |
| 'Out-of-scope or prompt-injection probes that are not denied.'].forEach(function (x) { rej.appendChild(el('li', {}, x)); }); | |
| d.appendChild(el('div', { class: 'vs-panel' }, el('h3', {}, 'Review guidelines: what gets rejected'), rej)); | |
| d.appendChild(el('div', { class: 'vs-panel' }, el('h3', {}, 'Developer agreement (demo)'), | |
| el('p', {}, 'This is a demo store. It does not store personal data. Publisher keys stay with you. The store countersigns a package only after review. Apps can be removed for policy violations.'))); | |
| d.appendChild(el('div', { class: 'vs-panel' }, el('h3', {}, 'Downloads'), el('div', { class: 'vs-row' }, | |
| el('a', { class: 'btn', href: 'samples/weather-plus.vdr', download: 'weather-plus.vdr' }, 'Sample package (.vdr)'), | |
| el('a', { class: 'btn', href: 'downloads/vdrpack.py', download: 'vdrpack.py' }, 'vdrpack.py (CLI)')))); | |
| d.appendChild(el('div', { class: 'vs-row', style: 'justify-content:center' }, el('button', { type: 'button', class: 'btn pri', onclick: function () { go('apply'); } }, t('vs.start') + ' →'))); | |
| } | |
| /* ---------- apply ---------- */ | |
| function field(label, key, input, opts) { | |
| opts = opts || {}; | |
| var errEl = el('div', { class: 'vs-err', 'aria-live': 'polite' }); | |
| var wrap = el('div', { class: 'vs-fld' + (opts.full ? ' full' : '') }, el('label', { for: 'vs-f-' + key }, label), input); | |
| if (opts.hint) wrap.appendChild(el('div', { class: 'vs-mu' }, opts.hint)); | |
| wrap.appendChild(errEl); | |
| input.id = 'vs-f-' + key; | |
| wrap._err = function (m) { errEl.textContent = m || ''; wrap.classList.toggle('bad', !!m); }; | |
| return wrap; | |
| } | |
| function renderApply() { | |
| if (!S.catalog && !S.loading) loadCatalog(); | |
| var F = S.form, w = el('div', { class: 'vs-doc' }); | |
| S.main.appendChild(w); | |
| var form = el('form', { class: 'vs-panel', novalidate: 'novalidate' }); | |
| w.appendChild(form); | |
| form.appendChild(el('h3', {}, 'Step 2. Apply & Verify')); | |
| form.appendChild(el('p', { class: 'vs-mu', style: 'margin-bottom:16px' }, 'Upload your signed .vdr package. Empty fields are filled from its manifest after review.')); | |
| var grid = el('div', { class: 'vs-form' }); | |
| form.appendChild(grid); | |
| var inp = function (key, attrs) { var i = el(attrs && attrs.tag || 'input', Object.assign({ value: F[key] || '' }, attrs || {})); delete i.tag; i.value = F[key] || ''; i.addEventListener('input', function () { F[key] = i.value; }); return i; }; | |
| var fDev = field('Developer or company name', 'developer', inp('developer', { autocomplete: 'organization', maxlength: '80' })); | |
| var fName = field('App name', 'app_name', inp('app_name', { maxlength: '60' })); | |
| var sel = el('select', {}); | |
| sel.appendChild(el('option', { value: '' }, 'Choose a category')); | |
| categories().forEach(function (c) { var o = el('option', { value: c }, c); if (F.category === c) o.selected = true; sel.appendChild(o); }); | |
| sel.addEventListener('change', function () { F.category = sel.value; }); | |
| var fCat = field('Category', 'category', sel); | |
| var cnt = el('span', { class: 'vs-mu' }, (F.short || '').length + '/140'); | |
| var shortIn = inp('short', { maxlength: '140' }); | |
| shortIn.addEventListener('input', function () { cnt.textContent = shortIn.value.length + '/140'; }); | |
| var fShort = field('Short description', 'short', shortIn, { hint: 'Max 140 characters.' }); | |
| fShort.querySelector('label').appendChild(el('span', { style: 'float:right' }, cnt)); | |
| var longIn = el('textarea', {}); longIn.value = F.long; longIn.addEventListener('input', function () { F.long = longIn.value; }); | |
| var fLong = field('Long description', 'long', longIn, { full: true }); | |
| var prev = el('img', { class: 'vs-iconprev', alt: 'Icon preview' }); | |
| if (F.icon) prev.src = F.icon; | |
| var iconIn = el('input', { type: 'file', accept: 'image/*' }); | |
| var fIcon = field('Icon (image, max 150 KB)', 'icon', el('div', { class: 'vs-row' }, prev, iconIn)); | |
| iconIn.id = 'vs-f-icon'; | |
| iconIn.addEventListener('change', function () { | |
| var file = iconIn.files && iconIn.files[0]; | |
| fIcon._err(''); | |
| if (!file) return; | |
| if (!/^image\//.test(file.type)) { fIcon._err('Choose an image file.'); iconIn.value = ''; return; } | |
| if (file.size > 150 * 1024) { fIcon._err('The icon is larger than 150 KB.'); iconIn.value = ''; return; } | |
| var r = new FileReader(); | |
| r.onload = function () { F.icon = String(r.result); prev.src = F.icon; }; | |
| r.readAsDataURL(file); | |
| }); | |
| var fMail = field('Contact email (optional)', 'email', inp('email', { type: 'email', autocomplete: 'email' }), { hint: 'This demo does not store personal data. The email is not sent or saved.' }); | |
| var pkgLabel = el('span', { class: 'vs-mu' }, S.pkgName ? 'Selected: ' + S.pkgName + ' (' + S.pkgBytes.length + ' bytes)' : 'No package selected.'); | |
| var pkgIn = el('input', { type: 'file', accept: '.vdr,application/zip' }); | |
| var fPkg = field('Package (.vdr)', 'pkg', el('div', { class: 'vs-stack', style: 'gap:8px' }, pkgIn, el('div', { class: 'vs-row' }, | |
| el('button', { type: 'button', class: 'btn', onclick: function () { sample('samples/weather-plus.vdr', 'weather-plus.vdr'); } }, 'Use sample package'), | |
| el('button', { type: 'button', class: 'btn', onclick: function () { sample('samples/weather-plus-tampered.vdr', 'weather-plus-tampered.vdr'); } }, 'Use sample with one byte changed')), pkgLabel), { full: true }); | |
| pkgIn.id = 'vs-f-pkg'; | |
| function setPkg(bytes, name) { S.pkgBytes = bytes; S.pkgName = name; pkgLabel.textContent = 'Selected: ' + name + ' (' + bytes.length + ' bytes)'; fPkg._err(''); } | |
| pkgIn.addEventListener('change', function () { | |
| var file = pkgIn.files && pkgIn.files[0]; | |
| if (!file) return; | |
| if (file.size > 8 * 1024 * 1024) { fPkg._err('The package is larger than 8 MB.'); return; } | |
| file.arrayBuffer().then(function (b) { setPkg(new Uint8Array(b), file.name); }); | |
| }); | |
| function sample(path, name) { | |
| pkgLabel.textContent = 'Loading ' + name + '...'; | |
| fetch(path).then(function (r) { if (!r.ok) throw new Error('http ' + r.status); return r.arrayBuffer(); }) | |
| .then(function (b) { setPkg(new Uint8Array(b), name); }) | |
| .catch(function () { pkgLabel.textContent = 'Could not load the sample. Try again.'; }); | |
| } | |
| [fDev, fName, fCat, fShort, fLong, fIcon, fMail, fPkg].forEach(function (x) { grid.appendChild(x); }); | |
| var sub = el('button', { type: 'submit', class: 'btn pri' }, t('vs.submit')); | |
| form.appendChild(el('div', { class: 'vs-row', style: 'margin-top:16px' }, sub, el('span', { class: 'vs-mu' }, 'Press Enter to submit.'))); | |
| var out = el('div', { class: 'vs-stack' }); | |
| w.appendChild(out); | |
| form.addEventListener('submit', function (ev) { | |
| ev.preventDefault(); | |
| var ok = true; | |
| if (F.short && F.short.length > 140) { fShort._err('Max 140 characters.'); ok = false; } else fShort._err(''); | |
| if (F.email && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(F.email)) { fMail._err('Enter a valid email or leave it empty.'); ok = false; } else fMail._err(''); | |
| if (!S.pkgBytes) { fPkg._err('Choose a .vdr package or use a sample.'); ok = false; } | |
| if (!ok) { var b = form.querySelector('.bad input,.bad select,.bad textarea,.bad button'); if (b) b.focus(); return; } | |
| sub.disabled = true; sub.textContent = 'Reviewing...'; | |
| S.review = null; S.published = false; | |
| clear(out); | |
| api('store/submit', { vdr_b64: b64FromBytes(S.pkgBytes) }).then(function (r) { | |
| S.review = r; | |
| var m = r.manifest || {}; | |
| if (!F.app_name && m.name) F.app_name = m.name; | |
| if (!F.developer && (m.publisher || m.developer)) F.developer = m.publisher || m.developer; | |
| if (!F.category && m.category) F.category = m.category; | |
| if (!F.short && (m.short || m.description)) F.short = String(m.short || m.description).slice(0, 140); | |
| if (!F.long && m.long) F.long = m.long; | |
| fName.querySelector('input').value = F.app_name; fDev.querySelector('input').value = F.developer; | |
| shortIn.value = F.short; cnt.textContent = F.short.length + '/140'; longIn.value = F.long; sel.value = F.category; | |
| return animateReview(r, out); | |
| }).catch(function (e) { | |
| out.appendChild(el('div', { class: 'vs-state' }, el('div', {}, isRate(e) ? t('vs.rate') : 'Review could not run: ' + errText(e)), | |
| el('button', { type: 'button', class: 'btn pri', onclick: function () { form.requestSubmit ? form.requestSubmit() : sub.click(); } }, t('vs.retry')))); | |
| }).then(function () { sub.disabled = false; sub.textContent = t('vs.submit'); buildNav(); }); | |
| }); | |
| if (S.review) { reportCard(S.review, out); } | |
| } | |
| function stepDetail(s) { | |
| var box = el('div', {}); | |
| var key = String(s.check || '').toLowerCase(); | |
| if (key === 'permission risk' && s.score != null) { | |
| var max = s.max || 100, pct = Math.max(0, Math.min(100, (s.score / max) * 100)); | |
| var lv = String(s.level || '').toLowerCase(); | |
| var col = lv === 'high' ? 'var(--vs-bad)' : (lv === 'medium' ? 'var(--vs-warn)' : 'var(--vs-ok)'); | |
| var bar = el('i', { style: 'width:0;background:' + col }); | |
| box.appendChild(el('div', { class: 'vs-meter' }, bar)); | |
| box.appendChild(el('div', { class: 'vs-mu' }, 'Score ' + s.score + ' / ' + max + (s.level ? ' (' + s.level + ')' : ''))); | |
| setTimeout(function () { bar.style.width = pct + '%'; }, 30); | |
| } | |
| if (key === 'live gate dry-run' && s.probes && s.probes.length) { | |
| var tb = el('tbody', {}); | |
| s.probes.forEach(function (p) { | |
| tb.appendChild(el('tr', {}, el('td', {}, p.probe || '-'), el('td', { class: 'vs-mono' }, p.fn || '-'), el('td', { class: 'vs-mono' }, p.kernel || '-'), | |
| el('td', {}, verdictTag(p.verdict)), el('td', { class: 'vs-mono' }, p.audit_seq != null ? '#' + p.audit_seq : '-'), | |
| el('td', { class: 'vs-mono' }, p.kernel_ms != null ? Number(p.kernel_ms).toFixed(2) : '-'))); | |
| }); | |
| box.appendChild(el('div', { class: 'vs-tscroll', style: 'margin-top:8px' }, el('table', { class: 'vs-tbl' }, | |
| el('thead', {}, el('tr', {}, el('th', {}, 'Probe'), el('th', {}, 'Tool'), el('th', {}, 'Kernel'), el('th', {}, 'Verdict'), el('th', {}, 'Audit #'), el('th', {}, 'ms'))), tb))); | |
| } | |
| if (key === 'store countersignature' && s.ok && S.review && S.review.store_public_key) { | |
| box.appendChild(el('div', { class: 'vs-mu vs-mono' }, 'Store key ' + String(S.review.store_public_key).slice(0, 16) + '...')); | |
| } | |
| return box; | |
| } | |
| function animateReview(r, out) { | |
| var list = el('div', { class: 'vs-checks' }); | |
| out.appendChild(el('div', { class: 'vs-panel' }, el('h3', {}, 'Review in progress'), list)); | |
| var steps = (r.steps || []).slice().sort(function (a, b) { return CHECK_ORDER.indexOf(String(a.check).toLowerCase()) - CHECK_ORDER.indexOf(String(b.check).toLowerCase()); }); | |
| return new Promise(function (resolve) { | |
| var i = 0; | |
| function next() { | |
| if (i >= steps.length) { setTimeout(function () { reportCard(r, out); resolve(); }, 300); return; } | |
| var s = steps[i++]; | |
| var mark = el('span', { class: 'vs-spin' }); | |
| var row = el('div', { class: 'vs-ck' }, el('div', { class: 'vs-ckh' }, mark, el('span', {}, CHECK_LABEL[String(s.check).toLowerCase()] || s.check), el('span', { class: 'd' }, ''))); | |
| list.appendChild(row); | |
| setTimeout(function () { | |
| var m = el('span', { class: 'vs-mark ' + (s.ok ? 'ok' : 'no'), 'aria-label': s.ok ? 'passed' : 'failed' }, s.ok ? '✓' : '✕'); | |
| mark.replaceWith(m); | |
| row.querySelector('.d').textContent = s.detail || ''; | |
| row.appendChild(stepDetail(s)); | |
| setTimeout(next, 200); | |
| }, 250); | |
| } | |
| next(); | |
| }); | |
| } | |
| function reportCard(r, out) { | |
| var pass = r.status === 'PASS'; | |
| var dl = el('button', { type: 'button', class: 'btn' }, 'Download report (JSON)'); | |
| dl.addEventListener('click', function () { | |
| var c = {}; Object.keys(r).forEach(function (k) { if (k !== 'package_b64') c[k] = r[k]; }); | |
| var url = URL.createObjectURL(new Blob([JSON.stringify(c, null, 2)], { type: 'application/json' })); | |
| var a = el('a', { href: url, download: 'vikernel-review-' + (r.review_id || 'report') + '.json' }); | |
| document.body.appendChild(a); a.click(); a.remove(); setTimeout(function () { URL.revokeObjectURL(url); }, 1000); | |
| }); | |
| var next = pass ? el('button', { type: 'button', class: 'btn pri', onclick: function () { go('publish'); } }, 'Continue to Publish →') | |
| : el('button', { type: 'button', class: 'btn pri', onclick: function () { S.review = null; S.pkgBytes = null; S.pkgName = ''; render(); setTimeout(function () { var x = document.getElementById('vs-f-pkg'); if (x) x.focus(); }, 0); } }, 'Fix and resubmit'); | |
| out.appendChild(el('div', { class: 'vs-panel' }, el('h3', {}, 'Review report'), | |
| el('div', { class: 'vs-status ' + (pass ? 'ok' : 'no') }, pass ? 'PASS' : 'REJECTED'), | |
| el('dl', { class: 'vs-kv' }, | |
| !pass ? el('dt', {}, 'Reason') : null, !pass ? el('dd', {}, r.reason || '-') : null, | |
| el('dt', {}, 'Package sha256'), el('dd', { class: 'vs-mono' }, r.package_sha256 || '-'), | |
| el('dt', {}, 'Reviewed at'), el('dd', {}, fmtTime(r.reviewed_at)), | |
| el('dt', {}, 'Store key prefix'), el('dd', { class: 'vs-mono' }, String(r.store_public_key || '').slice(0, 16) + '...'), | |
| r.seconds != null ? el('dt', {}, 'Review time') : null, r.seconds != null ? el('dd', {}, Number(r.seconds).toFixed(2) + ' s') : null), | |
| el('div', { class: 'vs-row', style: 'margin-top:16px' }, next, dl))); | |
| } | |
| /* ---------- publish ---------- */ | |
| function renderPublish() { | |
| var w = el('div', { class: 'vs-doc' }); | |
| S.main.appendChild(w); | |
| var r = S.review; | |
| if (!r || r.status !== 'PASS') { | |
| w.appendChild(el('div', { class: 'vs-state' }, el('div', {}, 'Publishing opens after your package passes review in step 2.'), | |
| el('button', { type: 'button', class: 'btn pri', onclick: function () { go('apply'); } }, 'Go to Apply & Verify'))); | |
| return; | |
| } | |
| var F = S.form, m = r.manifest || {}, perm = m.permissions || {}; | |
| w.appendChild(el('div', { class: 'vs-panel' }, el('h3', {}, 'Step 3. Publish'), el('div', { class: 'vs-dhead' }, | |
| F.icon ? el('img', { src: F.icon, alt: '' }) : el('div', { class: 'vs-icon', style: 'width:72px;height:72px' }), | |
| el('div', {}, el('h1', {}, F.app_name || m.name || 'Untitled app'), el('div', { class: 'vs-mu' }, (F.developer || '-') + ' · ' + (F.category || '-') + ' · v' + (m.version || '?')), | |
| el('div', {}, F.short || ''), el('div', { class: 'vs-badges', style: 'margin-top:8px' }, (perm.tools || []).map(function (x) { return el('span', { class: 'vs-b' }, x); })))))); | |
| w.appendChild(el('div', { class: 'vs-panel' }, el('h3', {}, 'Pricing'), el('div', { class: 'vs-radios', role: 'radiogroup' }, | |
| el('label', { class: 'vs-radio on' }, el('div', { class: 'vs-row' }, el('input', { type: 'radio', name: 'vs-price', checked: 'checked' }), el('strong', {}, 'Free')), | |
| el('div', { class: 'vs-mu' }, 'Anyone can install the app at no cost.')), | |
| el('label', { class: 'vs-radio off', 'aria-disabled': 'true' }, el('div', { class: 'vs-row' }, el('input', { type: 'radio', name: 'vs-price', disabled: 'disabled' }), el('strong', {}, 'Paid'), el('span', { class: 'vs-soon' }, 'Coming soon')), | |
| el('div', { class: 'vs-tiers' }, el('span', {}, '$0.99 / month'), el('span', {}, '$4.99 / month'), el('span', {}, '$9.99 / month')), | |
| el('div', { class: 'vs-mu' }, 'Revenue share: 85% to developers (planned)'))))); | |
| var vis = el('div', { class: 'vs-radios', role: 'radiogroup' }); | |
| [['public', 'Public', 'Listed in the store and in search.'], ['unlisted', 'Unlisted', 'Installable only by people with the link.']].forEach(function (o) { | |
| var rb = el('input', { type: 'radio', name: 'vs-vis', value: o[0] }); | |
| rb.checked = S.visibility === o[0]; | |
| var card = el('label', { class: 'vs-radio' + (rb.checked ? ' on' : '') }, el('div', { class: 'vs-row' }, rb, el('strong', {}, o[1])), el('div', { class: 'vs-mu' }, o[2])); | |
| rb.addEventListener('change', function () { S.visibility = o[0]; Array.prototype.forEach.call(vis.children, function (c) { c.classList.remove('on'); }); card.classList.add('on'); }); | |
| vis.appendChild(card); | |
| }); | |
| w.appendChild(el('div', { class: 'vs-panel' }, el('h3', {}, 'Visibility'), vis)); | |
| var pub = el('button', { type: 'submit', class: 'btn pri' }, t('vs.publish')); | |
| var errBox = el('div', { class: 'vs-mu', 'aria-live': 'polite' }); | |
| var links = el('div', { class: 'vs-row' }); | |
| if (r.package_b64) links.appendChild(el('a', { class: 'btn', href: 'data:application/zip;base64,' + r.package_b64, download: (m.id || 'app') + '-countersigned.vdr' }, 'Download countersigned package')); | |
| var f = el('form', { class: 'vs-panel' }, el('h3', {}, 'Ready to publish'), | |
| el('p', { class: 'vs-mu', style: 'margin-bottom:8px' }, 'Review id ' + (r.review_id || '-') + '. The countersigned package includes META-VK/STORE_SIG.'), | |
| el('div', { class: 'vs-row' }, pub, links), errBox); | |
| w.appendChild(f); | |
| f.addEventListener('submit', function (ev) { | |
| ev.preventDefault(); | |
| if (!F.app_name || !F.developer) { errBox.textContent = 'App name and developer are required. Add them in step 2.'; return; } | |
| pub.disabled = true; pub.textContent = 'Publishing...'; errBox.textContent = ''; | |
| var meta = { app_name: F.app_name, developer: F.developer, category: F.category || m.category || 'Utilities', short: F.short || '', long: F.long || '', visibility: S.visibility }; | |
| if (F.icon) meta.icon = F.icon; | |
| api('store/publish', { review_id: r.review_id, meta: meta }).then(function (res) { | |
| if (!res || !res.ok) throw new Error((res && res.error) || 'publish'); | |
| var app = res.app || {}; | |
| S.published = true; S.highlight = app.id; | |
| h.toast('Published: ' + (app.name || F.app_name)); | |
| return loadCatalog(true).then(function () { | |
| S.view = 'store'; render(); | |
| setTimeout(function () { go('detail', app.id); }, 1400); | |
| }); | |
| }).catch(function (e) { | |
| pub.disabled = false; pub.textContent = t('vs.publish'); | |
| errBox.textContent = isRate(e) ? t('vs.rate') : 'Publish failed: ' + (e && e.message === 'publish' ? 'unknown error' : (e.message || '')); | |
| }); | |
| }); | |
| } | |
| /* ---------- open hook ---------- */ | |
| window.VK_STORE_OPEN = function (view, arg) { | |
| h.openApp('appstore'); | |
| var v = view || 'store'; | |
| if (['store', 'detail', 'guide', 'apply', 'publish'].indexOf(v) < 0) v = 'store'; | |
| setTimeout(function () { go(v, arg); }, 0); | |
| }; | |
| return { | |
| id: 'appstore', | |
| name: function () { return t('vs.name'); }, | |
| color: '#4F46E5', | |
| icon: STORE_ICON, | |
| w: 1100, h: 720, hl: true, | |
| render: function (body) { | |
| injectCss(); | |
| clear(body); | |
| var search = el('input', { class: 'vs-search', type: 'search', placeholder: t('vs.search'), 'aria-label': t('vs.search') }); | |
| search.value = S.q; | |
| var timer; | |
| search.addEventListener('input', function () { | |
| clearTimeout(timer); | |
| timer = setTimeout(function () { S.q = search.value; if (S.view !== 'store') S.view = 'store'; render(); search.focus(); }, 150); | |
| }); | |
| search.addEventListener('keydown', function (e) { if (e.key === 'Enter') { S.q = search.value; S.view = 'store'; render(); } }); | |
| S.searchInput = search; | |
| S.nav = el('nav', { class: 'vs-nav', 'aria-label': 'Store navigation' }); | |
| var brand = el('button', { type: 'button', class: 'vs-brand', onclick: function () { go('store'); } }); | |
| brand.innerHTML = STORE_ICON.replace('<svg ', '<svg width="20" height="20" '); | |
| brand.appendChild(txt(t('vs.brand'))); | |
| S.main = el('div', { class: 'vs-main' }); | |
| S.root = el('div', { class: 'vs-root', tabindex: '-1' }, el('div', { class: 'vs-top' }, brand, search, S.nav), S.main); | |
| S.root.addEventListener('keydown', function (e) { | |
| if (e.key === 'Escape' && S.view === 'detail') { e.stopPropagation(); go('store'); } | |
| }); | |
| body.appendChild(S.root); | |
| render(); | |
| loadCatalog(); | |
| } | |
| }; | |
| }); | |
| })(); | |