[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_151":152,"_153":154},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_18":19,"_17":-7,"_114":-5,"_20":115,"_22":116,"_117":118,"_119":120,"_25":121,"_24":-5,"_122":-5,"_123":-5,"_124":53,"_125":126,"_127":44,"_128":-5,"_129":-5,"_130":131},"routes/_app.x.$handle.$name.branch.$branch.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":-7,"_25":26,"_27":-5,"_28":-5,"_29":-5,"_30":-5,"_31":-5},"handle","gikapat331","name","Zzzzzzzzzzzzzz","branchName","main","version","path","","project",{"_33":61,"_13":14,"_45":62,"_63":-5,"_64":53,"_65":66,"_67":66,"_68":19,"_69":-5,"_70":71,"_72":37,"_73":44,"_74":-5,"_75":-5,"_76":77,"_78":79,"_80":-5,"_81":-5,"_82":-5,"_83":-5,"_84":85,"_86":85,"_87":88,"_89":88,"_90":88,"_91":85,"_92":85,"_93":94,"_95":96,"_97":98,"_99":53},"tree",[56],"file","contents",[32],"upstream","pull","ahead","behind","envVars",{"_33":34,"_13":35,"_36":37,"_38":-5,"_39":40,"_41":42,"_43":44,"_45":46,"_17":47,"_48":49,"_50":51,"_52":53,"_54":-5,"_18":55},"id","4e1a7c0d-4891-4a47-a25e-6b6ab2f3e35a","main.ts","fileId","b979bc76-8ae9-11f1-bed3-1607ee4eb77e","parentId","branchId","7768515a-0834-474f-ba6d-bc0314160630","branchVersion",8,"latest",true,"createdAt",["D",1785287869608],7,"fileType","http","content","export default async (req: Request) => {\n const url = new URL(req.url);\n const img = url.searchParams.get(\"img\");\n const download = url.searchParams.get(\"download\");\n\n // Serve individual SVG image (for canvas conversion)\n if (img !== null) {\n const idx = parseInt(img);\n const svg = generateMockup(idx);\n if (!svg) return new Response(\"Not found\", { status: 404 });\n return new Response(svg, {\n headers: {\n \"Content-Type\": \"image/svg+xml\",\n \"Cache-Control\": \"public, max-age=86400\",\n },\n });\n }\n\n // Serve gallery page\n const projects = getProjects();\n const cards = projects.map((p, i) => `\n

\n $\"${p.title}\"$ \n ${p.tag}\n

${p.title}

${p.desc}

\n \n

`).join(\"\\n\");\n\n const html = `\n\n\n\n\nПортфолио — примеры работ\n\n\n\n

Портфолио работ

Примеры сайтов: лендинги, визитки, магазины

\n ${cards}\n

\n \n

\n\n\n`;\n\n return new Response(html, {\n headers: { \"Content-Type\": \"text/html; charset=utf-8\" },\n });\n};\n\ninterface Project {\n title: string;\n desc: string;\n tag: string;\n}\n\nfunction getProjects(): Project[] {\n return [\n { title: \"Лендинг — Ресторан\", desc: \"Тёмный элегантный дизайн, меню, бронирование столиков\", tag: \"Лендинг\" },\n { title: \"Лендинг — Фитнес клуб\", desc: \"Энергичный дизайн, тарифы, расписание занятий\", tag: \"Лендинг\" },\n { title: \"Сайт-визитка — Юрист\", desc: \"Строгий стиль, услуги, форма консультации\", tag: \"Визитка\" },\n { title: \"Магазин — Одежда\", desc: \"Минимализм, сетка товаров, корзина, фильтры\", tag: \"Магазин\" },\n { title: \"Лендинг — Недвижимость\", desc: \"Премиум стиль, каталог объектов, заявки\", tag: \"Лендинг\" },\n { title: \"Визитка — Салон красоты\", desc: \"Нежный дизайн, услуги, онлайн-запись\", tag: \"Визитка\" },\n { title: \"Лендинг — IT стартап\", desc: \"Современный градиент, тарифы, отзывы\", tag: \"Лендинг\" },\n { title: \"Магазин — Косметика\", desc: \"Пастельные тона, витрина, корзина, отзывы\", tag: \"Магазин\" },\n ];\n}\n\n// ─── SVG mockups ─────────────────────────────────────────────\n\nfunction generateMockup(idx: number): string | null {\n const mockups = [\n mockupRestaurant,\n mockupFitness,\n mockupLawyer,\n mockupClothingStore,\n mockupRealEstate,\n mockupBeautySalon,\n mockupITStartup,\n mockupCosmeticsStore,\n ];\n if (idx < 0 || idx >= mockups.length) return null;\n return mockups[idx]();\n}\n\nconst W = 800;\nconst H = 600;\n\nfunction browserFrame(inner: string, bg: string): string {\n return ``;\n}\n\n// 1. Restaurant — dark elegant\nfunction mockupRestaurant(): string {\n return browserFrame(`\n \n \n BELLA CUCINA\n Меню · Бронь · Контакты\n \n \n Итальянская кухня\n Аутентичные блюда от шеф-повара из Тосканы\n \n Забронировать стол\n \n \n \n \n Паста Тальятеле\n Домашняя паста с\n грибным соусом\n 690 ₽\n \n \n \n \n Ризотто Морепродукты\n Кремовое ризотто с\n морепродуктами\n 890 ₽\n \n \n \n \n Тирамису\n Классический десерт\n с маскарпоне\n 450 ₽\n \n \n \n ул. Тверская 12 · +7 (495) 123-45-67 · Пн–Вс 12:00–23:00\n `, \"#1a1410\");\n}\n\n// 2. Fitness — energetic dark\nfunction mockupFitness(): string {\n return browserFrame(`\n \n \n ⚡ POWERFIT\n Занятия · Тренеры · Тарифы\n \n \n Трансформируй\n своё тело\n Первое занятие — бесплатно\n \n Записаться\n \n \n 500+\n участников\n 15\n тренеров\n 24/7\n доступ\n \n \n \n \n Базовый\n 1 990 ₽\n в месяц\n \n Выбрать\n \n \n \n Премиум\n 3 990 ₽\n в месяц\n \n Выбрать\n \n \n \n VIP\n 6 990 ₽\n в месяц\n \n Выбрать\n \n \n \n ул. Спортивная 5 · +7 (495) 777-88-99 · Открыто 24/7\n `, \"#0d1a12\");\n}\n\n// 3. Lawyer — professional navy\nfunction mockupLawyer(): string {\n return browserFrame(`\n \n \n \n ИВАНОВ И ПАРТНЁРЫ\n Услуги · Кейсы · Контакты\n \n \n Юридические услуги\n Опыт более 15 лет · 500+ выигранных дел\n \n Получить консультацию\n \n \n \n \n Корпоративное право\n Регистрация, договоры,\n слияния и поглощения\n \n \n \n \n Семейное право\n Развод, раздел имущества,\n алименты, опека\n \n \n \n \n Уголовные дела\n Защита на следствии\n и в суде\n \n \n \n \n 15+\n лет практики\n 500+\n выигранных дел\n 98%\n успешных исходов\n \n \n \n Москва, ул. Тверская 20 · +7 (495) 333-44-55\n `, \"#f5f6f8\");\n}\n\n// 4. Clothing store — minimal\nfunction mockupClothingStore(): string {\n return browserFrame(`\n \n \n \n M I N I M A L\n Новинки\n Корзина (2)\n \n \n \n Новая коллекция\n Весна / Лето 2024\n \n Смотреть всё\n \n \n ${[0, 1, 2, 3].map((i) => {\n const x = i * 185;\n return `\n \n \n \n Футболка оверсайз\n 2 490 ₽\n `;\n }).join(\"\")}\n \n \n \n ${[0, 1, 2].map((i) => {\n const x = i * 185;\n return `\n \n \n \n Джинсы\n 4 990 ₽\n \n Купить\n `;\n }).join(\"\")}\n \n `, \"#fafafa\");\n}\n\n// 5. Real estate — premium blue\nfunction mockupRealEstate(): string {\n return browserFrame(`\n \n \n \n PREMIUM ESTATE\n Каталог · Услуги · О нас\n \n \n Премиальная недвижимость\n Квартиры и дома в Москве и Подмосковье\n \n \n Район, метро, цена...\n \n Найти\n \n \n ${[0, 1, 2].map((i) => {\n const x = i * 250;\n return `\n \n \n \n \n ПРОДАЖА\n 3-комн. квартира\n Район: Патриаршие пруды\n 42 000 000 ₽\n `;\n }).join(\"\")}\n \n \n \n \n Нужна консультация? +7 (495) 100-20-30 · Оставить заявку →\n \n `, \"#f8f9fb\");\n}\n\n// 6. Beauty salon — pink elegant\nfunction mockupBeautySalon(): string {\n return browserFrame(`\n \n \n \n LUMIERE\n Услуги · Мастера · Запись\n \n \n \n Студия красоты\n Стрижка · Окрашивание · Маникюр · Брови\n \n Онлайн-запись\n \n \n ${[\n { t: \"Стрижка\", p: \"от 1 200 ₽\" },\n { t: \"Окрашивание\", p: \"от 3 500 ₽\" },\n { t: \"Маникюр\", p: \"от 1 800 ₽\" },\n { t: \"Брови\", p: \"от 900 ₽\" },\n ].map((s, i) => {\n const x = i * 185;\n return `\n \n \n \n ${s.t}\n ${s.p}\n `;\n }).join(\"\")}\n \n \n \n Наши мастера\n ${[0, 1, 2, 3].map((i) => {\n const x = i * 185;\n return `\n \n \n \n Анна\n Топ-стилист\n ★ 4.9 · 320 отз.\n `;\n }).join(\"\")}\n \n \n \n ул. Малая Бронная 8 · +7 (495) 555-66-77 · Ежедневно 10:00–21:00\n `, \"#fff5f8\");\n}\n\n// 7. IT startup — modern gradient\nfunction mockupITStartup(): string {\n return browserFrame(`\n \n \n \n \n \n \n \n \n NEURA\n Продукт · Тарифы · Документация\n \n AI-платформа для\n бизнеса\n Автоматизация рутины с помощью искусственного интеллекта\n \n Попробовать\n \n Демо →\n \n \n \n \n \n \n \n const ai = neura.init({\n model: \"gpt-4\",\n auto: true\n });\n → 2 341 задач авто\n \n \n \n ${[\n { n: \"Старт\", p: \"0 ₽\", f: \"#1a1530\", t: \"#a06cc4\" },\n { n: \"Бизнес\", p: \"4 990 ₽\", f: \"#2a1545\", t: \"#fff\", b: true },\n { n: \"Enterprise\", p: \"от 50 000 ₽\", f: \"#1a1530\", t: \"#a06cc4\" },\n ].map((tier, i) => {\n const x = i * 250;\n return `\n \n \n ${tier.n}\n ${tier.p}\n в месяц\n \n Выбрать\n `;\n }).join(\"\")}\n \n \n \n Нам доверяют: Сбер Яндекс Ozon ВКонтакте Тинькофф\n \n \n hello@neura.ai · +7 (495) 000-11-22\n `, \"#1a0a2e\");\n}\n\n// 8. Cosmetics store — pastel\nfunction mockupCosmeticsStore(): string {\n return browserFrame(`\n \n \n \n B L O O M\n Каталог · Новинки · Корзина\n \n \n \n Натуральная косметика\n Чистые составы · Без SLS · Vegan\n \n В каталог\n \n \n ${[\n { n: \"Крем для лица\", p: \"1 290 ₽\", c: \"#f5d8c8\" },\n { n: \"Сыворотка\", p: \"2 490 ₽\", c: \"#e8c8b8\" },\n { n: \"Шампунь\", p: \"890 ₽\", c: \"#d8c8b8\" },\n { n: \"Масло для тела\", p: \"1 590 ₽\", c: \"#e8d8c8\" },\n ].map((s, i) => {\n const x = i * 185;\n return `\n \n \n \n ${s.n}\n ${s.p}\n `;\n }).join(\"\")}\n \n \n \n Отзывы покупателей\n ${[0, 1, 2].map((i) => {\n const x = i * 250;\n return `\n \n \n ★★★★★ Мария К.\n Отличный крем, кожа\n стала мягче за неделю!\n `;\n }).join(\"\")}\n \n `, \"#fefaf6\");\n}\n","deleted",false,"label",[35],{"_33":34,"_13":35,"_36":37,"_38":-5,"_39":40,"_41":42,"_43":44,"_45":57,"_17":47,"_48":49,"_50":51,"_52":53,"_54":-5,"_58":59,"_18":60},["D",1785287869608],"children",[],[35],"8c95d237-f09b-46ac-adfa-65acc69559bf",["D",1785287186857],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","userId","79eb0fdf-6d14-4aaa-b02f-78d9ed29dbf0","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","019fa923-ca50-777b-9930-e3b3ffc80e74","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_113":19},"org",{"_11":12,"_108":19,"_109":19,"_70":71,"_110":111,"_112":53},"branch",{"_17":42,"_13":16,"_33":40,"_100":61,"_101":-5,"_102":-5,"_103":-5,"_104":-5,"_105":-5,"_106":14,"_107":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_33":61,"_13":14,"_45":147,"_63":-5,"_64":53,"_65":66,"_67":66,"_68":19,"_69":-5,"_70":71,"_72":37,"_73":44,"_74":-5,"_75":-5,"_76":77,"_78":79,"_80":-5,"_81":-5,"_82":-5,"_83":-5,"_84":85,"_86":85,"_87":88,"_89":88,"_90":88,"_91":85,"_92":85,"_93":148,"_95":149,"_97":150,"_99":53},[144],"files",[144],"counts",{"_134":77,"_135":136,"_137":77,"_31":138,"_139":140},[132],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_33":34,"_13":35,"_36":37,"_38":-5,"_39":40,"_41":42,"_43":44,"_45":46,"_17":47,"_48":49,"_50":51,"_52":53,"_54":-5,"_18":133},[35],"pulls","branches",1,"forks",{"_141":77,"_143":77},"connections",{"_141":77,"_142":77},"count","unfilledCount","emptyCount",{"_33":34,"_13":35,"_36":37,"_38":-5,"_39":40,"_41":42,"_43":44,"_45":57,"_17":47,"_48":49,"_50":51,"_52":53,"_54":-5,"_58":145,"_18":146},[],[35],["D",1785287186857],{"_11":12,"_113":19},{"_11":12,"_108":19,"_109":19,"_70":71,"_110":111,"_112":53},{"_17":42,"_13":16,"_33":40,"_100":61,"_101":-5,"_102":-5,"_103":-5,"_104":-5,"_105":-5,"_106":14,"_107":12},"ctx",{"_93":-5,"_129":184,"_185":186,"_187":188,"_189":53,"_190":53,"_191":53,"_192":44,"_193":-5,"_194":-7,"_195":-7,"_196":77,"_197":53,"_198":53,"_199":-5,"_200":53,"_201":53,"_202":53,"_203":-5},"ENV",{"_155":156,"_157":158,"_159":16,"_160":161,"_162":163,"_164":165,"_166":167,"_168":169,"_170":171,"_172":173,"_174":175,"_176":177,"_178":179,"_180":181,"_182":183},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Code