01Nasıl çalışırHow it works

Panoptent üç parçadan oluşur. Önizlemedeki seçim katmanı tıkladığın öğenin kaynak konumunu, metnini ve stillerini toplar. VS Code'daki Panoptent eklentisi değişiklikleri kuyrukta tutar, düz metinleri doğrudan dosyaya yazar ve kalanı tek bir istem olarak Claude Code'a verir. Claude dosyayı düzenleyince dev sunucunun hot reload'u sayfayı günceller.

Panoptent has three parts. The selection overlay in the preview collects the clicked element's source location, text and styles. The Panoptent extension in VS Code queues changes, writes plain text edits straight to disk, and hands the rest to Claude Code as a single prompt. When Claude edits the file, your dev server's hot reload updates the page.

Ayrı bir API anahtarı gerekmez: istekler VS Code'daki Claude Code eklentisine (mevcut aboneliğin) gider. React/Next.js, Vue/Nuxt, Vite ve düz HTML projelerinde çalışır.

No separate API key: requests go to the Claude Code extension in VS Code, using your existing subscription. Works with React/Next.js, Vue/Nuxt, Vite and plain HTML.

02KurulumInstallation

Gereksinimler

Requirements

• VS Code 1.85 veya üstü
• Claude Code VS Code eklentisi, oturum açılmış
• Projenin dev sunucusu (npm run dev, pnpm dev …)
• İsteğe bağlı: Chrome 116+ (tarayıcı eklentisi için)

• VS Code 1.85 or newer
• Claude Code for VS Code, signed in
• Your project's dev server (npm run dev, pnpm dev …)
• Optional: Chrome 116+ for the browser extension

VS Code eklentisi

VS Code extension

1. VS Code'da Extensions panelini aç (Ctrl/⌘+Shift+X), Panoptent ara ve Install'a bas. Ya da Marketplace sayfasından kur. Güncellemeler otomatik gelir.
2. Sol menüde göz simgesi, sağ altta durum çubuğunda küçük bir göz belirir.

1. In VS Code open Extensions (Ctrl/⌘+Shift+X), search Panoptent and press Install — or install from the Marketplace page. Updates arrive automatically.
2. An eye icon appears in the activity bar, and a small eye in the status bar.

İnternetsiz kurulum: Releases'tan .vsix indir → Extensions → ⋯ → Install from VSIX…

Offline install: download the .vsix from Releases → Extensions → ⋯ → Install from VSIX…

Chrome eklentisi (isteğe bağlı)

Chrome extension (optional)

1. Releases'tan panoptent-chrome-x.y.z.zip dosyasını indir ve kalıcı bir klasöre aç (Chrome bu klasörü kullanmaya devam eder).
2. Chrome'da chrome://extensions → sağ üstten Geliştirici modunu aç.
3. Paketlenmemiş öğe yükle → açtığın klasörü seç.
4. Araç çubuğuna sabitlemek için yapboz simgesi → Panoptent → raptiye.

1. Download panoptent-chrome-x.y.z.zip from Releases and unzip it to a permanent folder (Chrome keeps using it).
2. Open chrome://extensions → enable Developer mode (top right).
3. Load unpacked → select the folder.
4. Pin it: puzzle icon → Panoptent → pin.

Güncelleme: yeni zip'i aynı klasöre aç (üzerine yaz) ve chrome://extensions sayfasında Panoptent kartındaki ⟳'a bas.

Updating: unzip the new version over the same folder and press ⟳ on the Panoptent card in chrome://extensions.

03İlk kullanımFirst run

1. Projeni VS Code'da aç ve dev sunucusunu başlat.
2. Önerilir: Komut Paleti → Panoptent: code-inspector'ı Otomatik Kur, sonra dev sunucusunu yeniden başlat (ayrıntılar).
3. Sol menüdeki göz → Önizlemeyi Aç → dev sunucusunun adresini onayla (ör. http://localhost:3000). Ya da Chrome'da siteni aç → eklenti simgesi → Bu sekmede Panoptent'i aç.
4. Seç'e bas, bir öğeye tıkla, kutuya isteğini yaz, Ctrl/⌘+Enter ile kuyruğa ekle.
5. Alttaki çubukta Uygula. İstek, VS Code'da açık Claude Code konuşmasına eklenir; orada Enter'a bas.

1. Open your project in VS Code and start the dev server.
2. Recommended: Command Palette → Panoptent: Set Up code-inspector Automatically, then restart the dev server (details).
3. Activity bar eye → Open Preview → confirm your dev server URL (e.g. http://localhost:3000). Or open your site in Chrome → extension icon → Turn on Panoptent in this tab.
4. Press Select, click an element, type your request, press Ctrl/⌘+Enter to queue it.
5. Press Apply in the bottom bar. The request is added to your open Claude Code conversation — press Enter there.

04Seçme ve düzenlemeSelecting & editing

05Stil paneliStyle panel

Kutudaki Stil sekmesi, değerleri önizlemede anında dener; koda henüz hiçbir şey yazılmaz. Beğenince Kuyruğa ekle. Uygula'da Claude, denediğin değerleri projenin kendi yaklaşımına çevirir: Tailwind kullanıyorsan sınıflara, CSS modülü ya da scoped stil kullanıyorsan oraya. Satır içi style yazmaz.

The Style tab previews values live; nothing is written to code yet. Happy with it? Add to queue. On Apply, Claude translates the values into your project's own approach — Tailwind classes, CSS modules or scoped styles — never inline style.

Ayarlanabilenler: metin rengi, arka plan, yazı boyutu ve kalınlığı, hizalama, dört kenar için iç ve dış boşluk, köşe yuvarlaklığı, kenarlık kalınlığı ve rengi, opaklık ve sınıf ekle (ör. shadow-lg rounded-xl). Stil değişikliklerini sıfırla denemeyi geri alır.

Adjustable: text color, background, font size and weight, alignment, padding and margin per side, corner radius, border width and color, opacity, and Add class (e.g. shadow-lg rounded-xl). Reset style changes resets the trial.

06Kuyruk ve UygulaQueue & Apply

Emergent'teki akışın aynısı: sayfanın birçok yerine değişiklik ekle, kontrol et, sonra tek seferde uygula. Her değişiklik önizlemede görünür ama dosyaya yazılmaz.

The same flow as Emergent: add changes across the page, review them, then apply once. Every change is visible in the preview but not written to disk.

• ↶ / ↷ — kuyruktaki son işlemi geri al / yinele (Ctrl/⌘+Z, Ctrl/⌘+Shift+Z)
• Listele — kuyruğu göster; satırları tek tek çıkar
• Temizle — hepsini at, önizlemeyi eski hâline getir
• Uygula — metin değişiklikleri AI kullanılmadan doğrudan dosyaya yazılır; geri kalanı tek bir istem olarak Claude Code'a gider

• ↶ / ↷ — undo / redo the last queue action (Ctrl/⌘+Z, Ctrl/⌘+Shift+Z)
• List — show the queue; remove rows one by one
• Clear — drop everything and restore the preview
• Apply — text edits are written straight to disk without AI; everything else goes to Claude Code as one prompt

Kuyruk, sayfayı yenilesen de kaybolmaz ve önizlemede yeniden uygulanır.

The queue survives page reloads and is re-applied to the preview.

07Claude Code'a gönderimSending to Claude Code

İki mod var. Varsayılan olan, VS Code'daki Claude Code panelidir:

There are two modes. The default is the Claude Code panel in VS Code:

Açık Claude Code konuşmasına ekle işaretini kaldırırsan her istek yeni bir Claude Code sekmesinde, önceden doldurulmuş olarak açılır.

Untick Add to the open Claude Code conversation to open each request in a new, pre-filled Claude Code tab instead.

Tasarım kuralları. Projede design.md gibi bir tasarım dosyası varsa Panoptent her isteğe "bu dosyadaki kurallara uy" satırını ekler; Claude dosyayı konuşma başına bir kez okur. Dosyayı paneldeki Tasarım kuralları satırından (Chrome'da Ayarlar sekmesinden) seçebilir ya da kapatabilirsin.

Design rules. If the project has a design file such as design.md, Panoptent adds a "follow the rules in this file" line to every request; Claude reads the file once per conversation. Pick another file or turn it off from the Design rules row in the panel (in Chrome: the Settings tab).

Gönderilen tam istem her zaman Output → Panoptent kanalında görünür.

The exact prompt is always visible in Output → Panoptent.

MCP sunucusu: her yapay zekâ aracından kullanMCP server: use it from any AI agent

Panoptent yerel bir MCP sunucusu da açar. Böylece terminaldeki Claude Code, Cursor, Windsurf ya da MCP destekleyen başka bir araç, seçtiğin öğeleri ve kuyruğu kendisi okur; sohbetin ortasında “seçtiğim butonu büyüt” demen yeterli olur. Uygula akışı istersen aynen kalır; istersen aşağıdaki MCP gönderim seçeneğini kullanırsın.

Panoptent also runs a local MCP server. Claude Code in the terminal, Cursor, Windsurf or any other MCP client can then read your selection and queue itself; in the middle of a conversation just say “make the selected button bigger”. Keep the usual Apply flow, or use the MCP send option below.

Bağlamak için Komut Paleti → Panoptent: Claude Code'u Bağla (MCP); aşağıdaki komutu senin yerine bu proje için çalıştırır. Elle yapmak istersen Panoptent: MCP Bağlantı Komutunu Kopyala ile kopyalayıp projendeki bir terminale yapıştır:

To connect: Command Palette → Panoptent: Connect Claude Code (MCP); it runs the command below for this project. To do it by hand, use Panoptent: Copy MCP Connect Command and paste it in a terminal in your project:

claude mcp add --transport http panoptent http://127.0.0.1:47821/mcp

Cursor, Windsurf ve diğerleri için bu adresi HTTP (streamable) türünde bir MCP sunucusu olarak ekle. Birden fazla VS Code penceresi açıksa her biri sıradaki portu alır (47822, …); komut doğru portu kopyalar.

For Cursor, Windsurf and others, add the same address as an HTTP (streamable) MCP server. With several VS Code windows open, each takes the next port (47822, …); the command copies the right one.

Gönderim yeri: Claude Code (MCP). Bu seçenekle Uygula istek dosyası eklemez. Claude Code'a yapıştıracağın tek satırlık bir komut kopyalar (Panoptent değişiklik paketi PT-…’i uygula…); Claude ayrıntıları get_apply ile alır, bitince mark_applied çağırır. Geri alma aynen çalışır. Uygula'ya hiç basmadan Claude Code'a /mcp__panoptent__apply_queue yazarsan tüm kuyruk doğrudan uygulanır.

Send to: Claude Code (MCP). With this option Apply doesn't attach a request file. It copies a one-line command for your Claude Code conversation (Apply the Panoptent change set PT-…); Claude fetches the details with get_apply and calls mark_applied when done. Undo works as usual. Or skip Apply entirely: type /mcp__panoptent__apply_queue in Claude Code to apply the whole queue.

08Geri almaUndo

↶ Son uygulamayı geri al, son Uygula'da yalnızca Panoptent'in ve onun gönderdiği isteğin yaptığı değişiklikleri geri alır.

↶ Undo last apply reverts only what Panoptent and the request it sent changed in the last Apply.

1. Her Uygula bir kimlik taşır (PT-…) ve bu kimlik Claude'a giden isteğe yazılır.
2. Claude Code her konuşmayı ve her dosya düzenlemesinin tam yamasını kendi kayıt dosyasına yazar. Panoptent kimliği bulur, o istekten bir sonraki mesajına kadarki düzenlemeleri alır.
3. Bu düzenlemeler, Panoptent'in kendi yazdığı metinler ve kaydettiği görsellerle birlikte satır satır tersine uygulanır. Önce etkilenecek dosyaları gösteren bir onay penceresi çıkar.

1. Each Apply carries an id (PT-…) that is written into the prompt sent to Claude.
2. Claude Code logs every conversation with the full patch of each file edit. Panoptent finds the id and takes the edits made from that request up to your next message.
3. Those edits — plus text Panoptent wrote and images it saved — are reversed hunk by hunk, after a confirmation dialog listing the affected files.

09Chrome eklentisiChrome extension

Aynı deneyimi kendi Chrome'unda kullanmanı sağlar: giriş yaptığın sayfalar, eklentilerin, DevTools ve gerçek cihaz emülasyonu yanında. Düzenlemeyi yine VS Code'daki Panoptent ve Claude Code yapar.

Use the same experience in your own Chrome: logged-in pages, your extensions, DevTools and real device emulation. The editing is still done by Panoptent and Claude Code in VS Code.

Bağlanma (bir kez)

Pairing (once)

1. VS Code'da projen açık olsun (sağ altta göz simgesi = köprü hazır).
2. Chrome'da dev siteni aç → eklenti simgesi → Bu sekmede Panoptent'i aç (Alt+Shift+P).
3. VS Code'da "Chrome bağlanmak istiyor" penceresi → İzin ver. Chrome bir anahtar saklar; sonraki bağlantılar sorusuz olur.

1. Have your project open in VS Code (eye in the status bar = bridge ready).
2. Open your dev site in Chrome → extension icon → Turn on Panoptent in this tab (Alt+Shift+P).
3. VS Code asks "Chrome wants to connect" → Allow. Chrome stores a key; later connections are silent.

Sayfadaki çubuk

The in-page bar

Bağlantı durumu, Seç (Alt+Shift+E), kuyruk sayısı, ↶ ↷, Listele, Uygula, Son uygulamayı geri al, ⚙ ayarlar ve – ile küçültme (sağ altta küçük bir göze dönüşür). Logoya basınca Kuyruk / Etkinlik / Ayarlar paneli açılır.

Connection status, Select (Alt+Shift+E), queue count, ↶ ↷, List, Apply, Undo last apply, ⚙ settings and – to minimize (collapses to a small eye bottom-right). Click the logo for the Queue / Activity / Settings drawer.

Dil

Language

Çekmecedeki Ayarlar sekmesinde Dil seçimi var: VS Code ayarı (otomatik), English, Türkçe. Bağlıyken Chrome, VS Code'daki panoptent.language ayarını izler (orada değiştirirsen sayfadaki çubuk da anında değişir); bağlı değilken kendi seçimini ya da tarayıcının dilini kullanır. Eklenti penceresi de aynı dili izler.

The drawer's Settings tab has a Language select: VS Code setting (auto), English, Türkçe. Once connected, Chrome follows the panoptent.language setting in VS Code (change it there and the in-page bar switches instantly); when not connected it uses its own choice or the browser language. The popup follows the same language.

Birden fazla VS Code penceresi

Several VS Code windows

Her pencere kendi portunu açar (47811–47820). Chrome, seçtiğin öğenin dosya yoluna bakarak doğru pencereyi kendisi seçer; istersen eklenti penceresinden ya da Ayarlar sekmesinden değiştirebilirsin.

Each window opens its own port (47811–47820). Chrome picks the right window from the selected element's file path; you can switch it in the popup or the Settings tab.

localhost dışındaki adresler

Non-localhost addresses

Eklenti localhost, 127.0.0.1 ve *.localhost adreslerinde hazır bekler. Başka bir adreste (ör. ağdaki test sunucusu) eklenti simgesinden açabilirsin; sayfayı yeniledikten sonra yeniden açman gerekebilir.

The extension is ready on localhost, 127.0.0.1 and *.localhost. On other hosts (e.g. a staging server on your network) open it from the extension icon; you may need to re-open it after a reload.

10code-inspector ile kesin eşleştirmeExact mapping with code-inspector

code-inspector-plugin, geliştirme sırasında her öğeye data-insp-path="src/app/page.tsx:17:9:button" gibi görünmez bir etiket ekler. Panoptent bunu okuyarak Claude'a "şu dosyanın şu satırı" der; Claude aramaya zaman ve token harcamaz. Yalnızca geliştirme modunda çalışır, canlı siteyi etkilemez.

code-inspector-plugin adds an invisible tag like data-insp-path="src/app/page.tsx:17:9:button" to each element during development. Panoptent reads it and tells Claude "this file, this line" — no searching, fewer tokens. Dev mode only; production builds are untouched.

Otomatik kurulum

Automatic setup

Komut Paleti → Panoptent: code-inspector'ı Otomatik Kur (ya da paneldeki Otomatik kur). Frontend klasörünü bulur (birden çoksa sorar), paketi doğru paket yöneticisiyle (npm / pnpm / yarn / bun) kurar ve yapılandırmayı Panoptent'le çakışmayacak ayarlarla Claude'a düzenletir. Sonra dev sunucusunu yeniden başlat; "✓ Kaynak eşleştirme aktif" görünmeli.

Command Palette → Panoptent: Set Up code-inspector Automatically (or Set up automatically in the panel). It finds your frontend folder (asks if there are several), installs the package with the right package manager (npm / pnpm / yarn / bun), and has Claude update the config with Panoptent-friendly options. Restart the dev server; you should see "✓ Source mapping is active".

Elle kurulum

Manual setup

npm i -D code-inspector-plugin

// vite.config.ts
import { codeInspectorPlugin } from 'code-inspector-plugin';

export default defineConfig({
  plugins: [
    codeInspectorPlugin({ bundler: 'vite', hotKeys: false, showSwitch: false, hideConsole: true }),
    // react() / vue() …
  ],
});

// next.config.ts
import type { NextConfig } from 'next';
import { codeInspectorPlugin } from 'code-inspector-plugin';

const opts = { hotKeys: false, showSwitch: false, hideConsole: true } as const;

const nextConfig: NextConfig = {
  turbopack: { rules: codeInspectorPlugin({ bundler: 'turbopack', ...opts }) },
  webpack: (config) => {
    config.plugins.push(codeInspectorPlugin({ bundler: 'webpack', ...opts }));
    return config;
  },
};
export default nextConfig;

// next.config.js
const { codeInspectorPlugin } = require('code-inspector-plugin');

module.exports = {
  webpack: (config) => {
    config.plugins.push(
      codeInspectorPlugin({ bundler: 'webpack', hotKeys: false, showSwitch: false, hideConsole: true }),
    );
    return config;
  },
};

// nuxt.config.ts
import { codeInspectorPlugin } from 'code-inspector-plugin';

export default defineNuxtConfig({
  vite: {
    plugins: [codeInspectorPlugin({ bundler: 'vite', hotKeys: false, showSwitch: false, hideConsole: true })],
  },
});

hotKeys: false, code-inspector'ın kendi Shift+Alt tık kısayolunu kapatır; Panoptent zaten seçince kodu açtığı için gerek kalmaz ve çakışma olmaz. hideDomPathAttr seçeneğini kullanma, Panoptent o etiketi okuyor.

hotKeys: false disables code-inspector's own Shift+Alt click shortcut — Panoptent already opens the code on select, so there's no conflict. Do not use hideDomPathAttr; Panoptent reads that attribute.

code-inspector olmadan da çalışır: React 18 ve öncesinde React'in geliştirme bilgisi, Vue'da bileşen dosyası kullanılır; hiçbiri yoksa Claude öğeyi metin, sınıf ve bileşen adlarından arar. Angular ve Blazor/Razor desteklenmez ama Panoptent yine çalışır.

It also works without code-inspector: React ≤18 dev info and Vue component files are used; otherwise Claude searches by text, classes and component names. Angular and Blazor/Razor aren't supported by code-inspector, but Panoptent still works.

11VS Code paneliThe VS Code panel

• Panel konumu: sağ üstteki sol / alt / sağ simgeleri. Altta konumlanınca panel üç sütuna bölünür.
• Boyut: ayırıcıyı sürükle; çift tık paneli gizler.
• Gizle/göster: ☰ (rozet bekleyen değişiklik sayısını gösterir).
• Ekran genişliği: Tam / Tablet (1024px) / Mobil (390px).
• Hızlı metin: seçilenler kartındaki metin kutusu + Kaydet doğrudan dosyaya yazar.
• Dil: araç çubuğundaki dil seçimi (Otomatik (VS Code) / English / Türkçe). Panel, sayfa üstü araçlar ve bağlı Chrome anında değişir.

• Dock: left / bottom / right icons top-right. Docked at the bottom, the panel splits into three columns.
• Size: drag the splitter; double-click hides the panel.
• Hide/show: ☰ (badge shows pending changes).
• Viewport: Full / Tablet (1024px) / Mobile (390px).
• Quick text: the field in a selection card + Save writes straight to the file.
• Language: the language select in the toolbar (Auto (VS Code) / English / Türkçe). The panel, the page overlay and connected Chrome tabs switch instantly.

12AyarlarSettings

VS Code → Ayarlar → "Panoptent" ile ara.

VS Code → Settings → search "Panoptent".

13KısayollarShortcuts

14Güvenlik ve gizlilikSecurity & privacy

• Her şey yerel. Panoptent'in kendi sunucusu yok; veri yalnızca bilgisayarındaki VS Code, Chrome ve Claude Code arasında dolaşır. Claude'a giden içerik, Claude Code'u normal kullanırken gidenle aynıdır.
• Köprü yalnızca 127.0.0.1 üzerinde dinler ve yalnızca tarayıcı eklentisi kökenlerinden (chrome-extension://) bağlantı kabul eder. Normal web siteleri bağlanamaz.
• İlk bağlantı onay ister. Onaylanan tarayıcıya bir anahtar verilir. Silmek için: Panoptent: Chrome Eşleştirmelerini Sil. Köprüyü tamamen kapatmak için panoptent.chromeBridge.
• MCP sunucusu da yalnızca 127.0.0.1 üzerinde dinler, yalnızca seçimini ve kuyruğunu okur (bir de Claude'un işin bittiğini bildirmesine izin verir) ve web sayfalarından gelen istekleri (Origin başlığı olanları) reddeder. Kapatmak için panoptent.mcpServer.
• Sayfa kodu istek üretemez. Chrome'da değişiklikler yalnızca senin gerçek tıklaman ya da tuşa basmanla kabul edilir.
• Commit yok. Panoptent git geçmişine, dallara ya da staging alanına dokunmaz. İstek dosyaları .claude/panoptent/ altında, git'te yok sayılır.
• CLI modu varsayılan olarak acceptEdits ile çalışır: dosya düzenlemelerine izin verir, diğer terminal komutlarını reddeder.

• Everything is local. Panoptent has no server of its own; data moves only between VS Code, Chrome and Claude Code on your machine. What reaches Claude is the same as when you use Claude Code directly.
• The bridge listens on 127.0.0.1 only and accepts connections only from browser-extension origins (chrome-extension://). Regular websites can't connect.
• First connection requires approval. The approved browser gets a key. Remove keys with Panoptent: Remove Chrome Pairings; disable the bridge with panoptent.chromeBridge.
• The MCP server also listens on 127.0.0.1 only, only reads your selection and queue (and lets Claude mark changes as done), and refuses requests from web pages (those with an Origin header). Turn it off with panoptent.mcpServer.
• Page scripts can't inject requests. In Chrome, changes are accepted only right after a real click or key press.
• No commits. Panoptent never touches git history, branches or the index. Request files live in .claude/panoptent/, git-ignored.
• CLI mode defaults to acceptEdits: file edits allowed, other shell commands refused.

15Sorun gidermeTroubleshooting

Sorun devam ederse Output → Panoptent çıktısıyla birlikte bir issue aç.

Still stuck? Open an issue with the Output → Panoptent log.

16GeliştirmeDevelopment

git clone https://github.com/ceritli/panoptent.git
cd panoptent
npm install
npm run typecheck
npm run package          # → panoptent-x.y.z.vsix
npm run package:chrome   # → panoptent-chrome-x.y.z.zip

Klasörü VS Code'da açıp F5 ile eklentiyi geliştirme penceresinde çalıştırabilirsin. Chrome için npm run package:chrome sonrası chrome/ klasörünü paketlenmemiş olarak yükle (ortak seçim katmanı bu adımda kopyalanır).

Open the folder in VS Code and press F5 to run the extension in a development host. For Chrome, load chrome/ unpacked after npm run package:chrome (it copies the shared overlay into the folder).

Yeni sürüm: package.json ve chrome/manifest.json sürümünü artır, CHANGELOG.md'ye not ekle ve main'e gönder. GitHub Actions iki paketi derleyip vX.Y.Z sürümünü Releases'a koyar (istersen v* etiketi göndermek de çalışır).

To release: bump the version in package.json and chrome/manifest.json, add a CHANGELOG.md entry and push to main. GitHub Actions builds both packages and publishes release vX.Y.Z (pushing a v* tag works too).

Yeni dil eklemek

Adding a language

Metinler kullanıldıkları dosyada durur; İngilizce her eksik anahtar için yedek dildir. Yeni bir dil için: media/i18n.js (çekirdek metinler ve LANGS listesi); media/overlay.js, media/panel.js, chrome/content.js ve chrome/popup.js başındaki PanoptentI18n.add({ en, tr }) bloklarına yeni bir blok; src/*.ts içindeki addStrings blokları (ve src/i18n.ts'teki dil listesi); package.nls.<dil>.json; chrome/_locales/<dil>/messages.json; kurulum rehberi için media/SETUP.<dil>.md. Son olarak package.json'daki panoptent.language seçeneklerine ekle.

Strings live next to the code that uses them; English is the fallback for any missing key. For a new language add: media/i18n.js (core strings and the LANGS list); a block in the PanoptentI18n.add({ en, tr }) calls at the top of media/overlay.js, media/panel.js, chrome/content.js and chrome/popup.js; the addStrings blocks in src/*.ts (and the language list in src/i18n.ts); package.nls.<lang>.json; chrome/_locales/<lang>/messages.json; and media/SETUP.<lang>.md for the setup guide. Finally add it to the panoptent.language options in package.json.

Katkıda bulun

Contributing

Her türlü katkıya açığız: hata bildirimi, fikir, belge düzeltmesi, yeni dillere çeviri, ekran görüntüsü, test ve kod. Önceden izin istemene gerek yok; issue aç ya da main'e pull request gönder. Ayrıntılar: CONTRIBUTING.md.

Contributions of every kind are welcome: bug reports, ideas, docs fixes, translations into new languages, screenshots, tests and code. No need to ask first — open an issue or send a pull request against main. Details: CONTRIBUTING.md.