Callout Picker

Obsidian için minimalist, görsel bir callout ekleme eklentisi. Standart callout bloklarını tek tıkla ekleyin veya seçili metni sarın.

A minimalist, visual callout picker for Obsidian. Insert standard callouts, wrap text, and customize default titles easily.

Kurulum

Manuel Kurulum

1. Releases sayfasından en son sürümü indirin veya kaynak koddan derleyin:

   git clone https://github.com/alitekdemir/callout-picker.git
   cd callout-picker
   npm install
   NODE_ENV=production npm run build
   

2. Şu 3 dosyayı vault'unuzdaki .obsidian/plugins/callout-picker/ klasörüne kopyalayın:

   • main.js
   • manifest.json
   • styles.css

3. Obsidian'ı yeniden başlatın (veya eklentileri yenileyin)

4. Settings → Community Plugins → Callout Picker → etkinleştirin

Kullanım

Callout Picker'ı Açma

Üç farklı yol ile açabilirsiniz:

Modal Arayüzü

Modal açıldığında 13 callout türü 3 sütunlu ızgara düzeninde gösterilir.

Her kart şunları içerir:

• Renkli sol kenarlık (callout rengi)
• Lucide ikonu
• Callout adı
• Varsa alias'lar (diğer adlar)
• Ayarlanmış varsayılan başlık (varsa, italik)

┌──────────────────────────────────────────────────┐
│ CALLOUT SEÇ                         ↑↓←→ · Enter │
├─────────────┬─────────────┬──────────────────────┤
│ │ Note      │ │ Abstract  │ │ Info               │
│ │           │ │ summary…  │ │                    │
├─────────────┼─────────────┼──────────────────────┤
│ │ Tip       │ │ Success   │ │ Question           │
│ │ hint…     │ │ check…    │ │ help…              │
├─────────────┼─────────────┼──────────────────────┤
│ │ Warning   │ │ Failure   │ │ Danger             │
│ │ caution…  │ │ fail…     │ │ error              │
├─────────────┼─────────────┼──────────────────────┤
│ │ Bug       │ │ Example   │ │ Quote              │
│ │           │ │           │ │ cite               │
└─────────────┴─────────────┴──────────────────────┘

Klavye Navigasyonu

Editör Davranışı

Seçili Metin Varsa → Sarma (Wrap)

Metni seçin, ardından bir callout türü seçin:

Önce:

Bu önemli bir uyarıdır.

Sonra (warning seçildiğinde, varsayılan başlık "Dikkat"):

> [!warning] Dikkat
> Bu önemli bir uyarıdır.

Çok satırlı seçimde:

> [!warning]
> Birinci satır
> İkinci satır
> Üçüncü satır

Seçili Metin Yoksa → Boş Callout Ekle

İmleç konumuna boş bir callout bloğu eklenir, imleç > kısmına yerleşir:

> [!tip]
> |  ← imleç burada

Ayarlar

Settings → Community Plugins → Callout Picker → Options

Dil Seçimi

Varsayılan Başlıklar

Her callout türü için özel bir varsayılan başlık belirleyebilirsiniz.

Örnek: warning için Dikkat yazarsanız:

> [!warning] Dikkat
>

Başlık alanı boş bırakılırsa callout başlıksız eklenir:

> [!warning]
>

Desteklenen Callout Türleri

Geliştirme

git clone https://github.com/alitekdemir/callout-picker.git
cd callout-picker
npm install
 
# Geliştirme modunda çalıştır (watch)
npm run dev
 
# Production build
NODE_ENV=production npm run build

Teknoloji Yığını

• TypeScript — tip güvenli plugin kodu
• Svelte 4 — reaktif modal arayüzü
• esbuild — hızlı bundler

Klasör Yapısı

callout-picker/
├── src/
│   ├── main.ts                    # Plugin giriş noktası
│   ├── types.ts                   # PluginSettings arayüzü
│   ├── i18n.ts                    # TR/EN çeviriler
│   ├── calloutData.ts             # 13 callout tanımı + SVG ikonlar
│   ├── CalloutPickerModal.ts      # Obsidian Modal + editör mantığı
│   ├── SettingsTab.ts             # Ayarlar sekmesi
│   └── components/
│       └── CalloutPicker.svelte   # Görsel ızgara bileşeni
├── main.js                        # Derlenmiş çıktı (Obsidian yükler)
├── manifest.json
├── styles.css
├── esbuild.config.mjs
└── package.json

Lisans

MIT © Ali Tekdemir · Projeye Destek Olun