📖 Overview
Note app with AI · Markdown · Semantic Search · RAG Q&A · Code Analysis · Share API · Public Library · OG Image (1200x630) · Expiry Link · 28 features · Public viewer at /quick-note-view/ · AI Maker at /quick-note-maker/
🛠️ Tech Stack
vanilla HTMLvanilla JSvanilla CSSIndexedDBlocalStorageMiniMax APIOpenAI APIAnthropic APIPillow (server-side OG)
🏷️ Tags
- note
- markdown
- ai
- semantic-search
- rag
- share
- public-url
- base64
- og-image
- expiry
- code-analysis
Quick Note - AI Note App + Public Sharing
released 2026-07-09🗣️ User Command
ออกแบบ ให้เรียก API ไว้ใน AI สร้าง Note และคนมาดูได้
🤖 AI Response
v5.0.1 — Fixed JS bugs from v5.0: (1) openShareModal uses form values directly instead of relying on currentNote (which was null after saveNote() closes editor), (2) All share functions exposed via Object.assign(window) — was missing from v5.0, (3) Removed duplicate preview declaration that caused TDZ error. Now Share API + Public Library work end-to-end.
✅ What Changed
- ["\u2705 v5.0.1 \u2014 Bug Fixes", "\ud83d\udd27 Fixed: openShareModal builds note from form values (currentNote is null after saveNote closes editor)", "\ud83d\udd27 Fixed: All share functions exposed via Object.assign", "\ud83d\udd27 Fixed: Removed duplicate const preview declaration", "\ud83d\udd27 Share button now reliably opens modal with correct URL", "\ud83d\udd27 Copy URL / Open URL / Native Share / Save to Public Library all work"]
Quick Note - AI Note App + Public Sharing
released 2026-07-09🗣️ User Command
ออกแบบ ให้เรียก API ไว้ใน AI สร้าง Note และคนมาดูได้
🤖 AI Response
v5.0 — Share API + Public Library · ปุ่ม 🔗 แชร์ ในทุก note → สร้าง share URL แบบ base64-encoded (ไม่ต้อง server) · ส่งให้ AI เรียก /quick-note-maker/ เพื่อ generate URL · คนทั่วไปเปิดดูผ่าน /quick-note-view/ · Public Library pill ใน sidebar เก็บรายการ shared notes ใน localStorage · ไม่มี external URLs
✅ What Changed
- ["\u2705 v5.0 \u2014 Share API + Public Library", "\ud83d\udd17 Share button (\ud83d\udd17 \u0e41\u0e0a\u0e23\u0e4c) \u0e43\u0e19\u0e17\u0e38\u0e01 note", "\ud83d\udce4 \u0e2a\u0e23\u0e49\u0e32\u0e07 public URL \u0e41\u0e1a\u0e1a base64-encoded (\u0e44\u0e21\u0e48\u0e15\u0e49\u0e2d\u0e07 server)", "\ud83d\udc65 \u0e04\u0e19\u0e17\u0e31\u0e48\u0e27\u0e44\u0e1b\u0e40\u0e1b\u0e34\u0e14\u0e14\u0e39\u0e1c\u0e48\u0e32\u0e19 /quick-note-view/ (read-only)", "\ud83e\udd16 AI \u0e40\u0e23\u0e35\u0e22\u0e01 /quick-note-maker/ \u0e44\u0e14\u0e49 (GET/POST \u2192 share URL)", "\ud83c\udf10 Public Library pill \u0e43\u0e19 sidebar \u2014 \u0e40\u0e01\u0e47\u0e1a shared notes", "\ud83d\udccb Copy URL \u00b7 \ud83d\udcbe Download \u00b7 \u2197\ufe0f Native share \u00b7 ESC to close", "\ud83c\udfa8 8 colors \u00b7 Markdown rendering \u00b7 Mobile responsive", "\ud83c\udff7\ufe0f Author field \u00b7 Public Library toggle (\u0e40\u0e01\u0e47\u0e1a\u0e43\u0e19 localStorage)"]
v4.4.4
released 2026-07-08🗣️ User Command
debug
🤖 AI Response
added debug log
✅ What Changed
- ["v4.4.4: added debug log"]
v4.4.3 debug
released 2026-07-08🗣️ User Command
debug
🤖 AI Response
Added console.log to trace
✅ What Changed
- ["v4.4.3: Debug logging"]
v4.4.2 dedup
released 2026-07-08🗣️ User Command
dedup call
🤖 AI Response
Removed redundant setCodeMode call in openCodeModal (it was triggering extra runCodeAnalysis)
✅ What Changed
- ["v4.4.2: Removed redundant setCodeMode call in openCodeModal that was triggering double runCodeAnalysis"]
Quick Note v4.4.1 — Code analysis mode fix
released 2026-07-08🗣️ User Command
fix mode switch
🤖 AI Response
setCodeMode now re-runs analysis with new mode
✅ What Changed
- ["v4.4.1: setCodeMode now re-runs analysis when mode is switched (previously just updated UI)"]
Quick Note v4.4 — AI Code Analysis
released 2026-07-08🗣️ User Command
มีฟังชั่น Ai วิเคราะห์ code ยัง
🤖 AI Response
v4.4: เพิ่ม AI Code Analysis — 5 modes (อธิบาย/หา bug/refactor/ใส่ comment/test) แยก code blocks จาก markdown, ส่ง LLM พร้อม system prompt เฉพาะแต่ละ mode, แสดงผลใน modal พร้อม Copy ปุ่ม
✅ What Changed
- ["v4.4 AI Code Analysis:", "1. Modal #codeModal \u2014 full-screen \u0e1e\u0e23\u0e49\u0e2d\u0e21 5 mode buttons", "2. extractCodeBlocks() \u2014 detect + inline code", "3. 5 analysis modes: \ud83d\udcd6 \u0e2d\u0e18\u0e34\u0e1a\u0e32\u0e22 / \ud83d\udc1b \u0e2b\u0e32 Bug / \u2728 Refactor / \ud83d\udcdd \u0e43\u0e2a\u0e48 Comment / \ud83e\uddea Test", "4. \u0e41\u0e15\u0e48\u0e25\u0e30 mode \u0e21\u0e35 system prompt \u0e40\u0e09\u0e1e\u0e32\u0e30 (\u0e40\u0e02\u0e49\u0e21\u0e07\u0e27\u0e14, \u0e15\u0e2d\u0e1a\u0e40\u0e1b\u0e47\u0e19 list, \u0e21\u0e35 code fix, etc.)", "5. Palette action '\u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c Code (AI)' shortcut C", "6. Source code \u0e41\u0e2a\u0e14\u0e07\u0e43\u0e19 scrollable code block \u0e01\u0e48\u0e2d\u0e19 analysis", "7. Copy \u0e1b\u0e38\u0e48\u0e21 copy analysis \u0e44\u0e1b clipboard", "8. Code \u0e16\u0e39\u0e01\u0e15\u0e31\u0e14\u0e17\u0e35\u0e48 4000 chars (LLM context limit)", "9. Reuse parseMarkdown() \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a render analysis", "10. Size: 2857 \u2192 3030 lines (+173)"]
Quick Note v4.3 — Manual + In-app docs
released 2026-07-08🗣️ User Command
ทำคู่มือ และภาพโปรแกรมจริงใส่ไปในโปรเจค
🤖 AI Response
v4.3: เพิ่ม Manual modal ใน app + คู่มือฉบับสมบูรณ์บน CodeHub project + 14 screenshots ครอบคลุมทุก feature. Manual มี 5 tabs (เริ่มต้น/Features/AI/Shortcuts/FAQ). Palette action คู่มือ shortcut Ctrl+/.
✅ What Changed
- Manual modal — full-screen in app พร้อม 5 tabs (🚀 เริ่มต้น, ✨ Features, 🧠 AI, ⌨️ Shortcuts, ❓ FAQ)
- Keyboard shortcut Ctrl+/ เปิด Manual
- Palette action 'คู่มือการใช้งาน' (shortcut ?)
- MANUAL.md ฉบับเต็ม ~9KB บน CodeHub project folder
- 14 screenshots ครอบคลุมทุก feature (main/editor/preview/palette/semantic/RAG/sort/dark)
- project.json อัปเดต: README path + screenshot_paths + tech_stack
- Size: 2573 → 2857 lines (+284)
Quick Note v4.2.2 — Embedding fix
released 2026-07-08🗣️ User Command
fix embed on AI fail
🤖 AI Response
Refactored saveNote: ALWAYS run indexNoteEmbedding, even if AI enhancement fails. Previously the embedding was gated behind successful AI call. Now embedding runs in catch block too.
✅ What Changed
- ["Bug fix v4.2.2: indexNoteEmbedding now always runs on save, even if AI enhancement fails. Previously failed LLM call would skip embedding entirely. Also moved PALETTE_ACTIONS.unshift earlier in script (proper execution order)."]
Quick Note v4.2.1 — RAG Q&A fix
released 2026-07-08🗣️ User Command
fix TDZ error
🤖 AI Response
Fixed PALETTE_ACTIONS unshift order: moved to end of script after const declaration. Also guarded with typeof check.
✅ What Changed
- ["Fix v4.2.1: PALETTE_ACTIONS.unshift moved from ASK section to end of script (after const declaration). Added typeof guard for safety. Status indicator now shows indexed N/M."]
Quick Note v4.2 — RAG Q&A (ถามโน้ตของฉัน)
released 2026-07-08🗣️ User Command
ทำเลย RAG Q&A
🤖 AI Response
v4.2: เพิ่ม 'ถามโน้ตของฉัน' modal — ใช้ semanticSearch top 5 notes + LLM ตอบคำถาม. Pipeline: embed query → cosine sim top 5 → build context → prompt LLM with citations [Note N] → render markdown.
✅ What Changed
- Ask modal — full-screen พร้อม input + answer area + sources strip + status indicator
- Pipeline: semanticSearch(q,5) → context top notes (score>0.15) → callLLM
- Citation badges [Note N] clickable → openEditor(noteId) — citeใน answer เป็น clickable
- Source strip แสดง top notes พร้อม similarity score %
- Status indicator: indexed N/M + warning + link 'index เพิ่ม'
- Palette action 'ถามโน้ตของฉัน (AI)' shortcut Q
- Reuse parseMarkdown() สำหรับ render answer
- System prompt สอน AI ใช้ context เท่านั้น ห้าม external knowledge
- Empty state: ไม่พบข้อมูล → แนะนำ index ทั้งหมด
- Bug fix v4.2.1: PALETTE_ACTIONS.unshift moved to AFTER const declaration (TDZ)
- Bug fix v4.2.2: indexNoteEmbedding now always runs on save (even if AI enhancement fails)
- Size: 2384 → 2573 lines (+189)
Quick Note v4.1 — Markdown
released 2026-07-08🗣️ User Command
ต่อเลย Markdown rendering
🤖 AI Response
v4.1: เพิ่ม markdown parser inline (H1-H3, bold, italic, strikethrough, code, link, lists, todo, blockquote, hr). Toolbar ใน editor (B I S H1 H2 H3 list 1. ☐ link code ❝). Tab toggle เขียน/ดูตัวอย่าง (Ctrl+Enter shortcut). Card preview strips markdown syntax ด้วย mdToPlain
✅ What Changed
- Inline markdown parser — H1-H3, **bold**, *italic*, ~~strike~~, `code`, [text](url), - list, 1. list, - [ ] todo, > blockquote, --- hr
- Editor toolbar — 14 ปุ่ม format ที่ cursor (B I S H1 H2 H3 • 1. ☐ 🔗 ❝ ---)
- Tab toggle: ✏️ เขียน / 👁 ดูตัวอย่าง (Ctrl+Enter shortcut)
- Card preview strips markdown ด้วย mdToPlain() — **bold** กลายเป็น bold text
- Reset to edit tab เมื่อเปิด editor
- CSS: .md-toolbar + .md-preview styles + heading/list/code/blockquote styling
- Size: 2150 → 2384 lines (+234 lines)
- Backward compat: notes เก่าที่ไม่มี markdown ก็แสดงเหมือนเดิม
Quick Note v4.0 — Quick Wins
released 2026-07-08🗣️ User Command
Quick wins ทำได้ทันที (< 30 นาที)
🤖 AI Response
เพิ่ม 5 features ในชุดเดียว: Cmd+K command palette, sort options ใหม่ (pinned/color/size), search history (10 อันดับ), Mobile FAB (+), note count badges ปรับปรุง
✅ What Changed
- Cmd+K command palette (⌘K) — 12 actions + note search, fuzzy match, arrow-key nav, ESC close
- Search history — last 10 searches เก็บ localStorage, dropdown on focus, clear all
- Sort options เพิ่ม — ปักหมุดก่อน, ตามสี, ใหญ่→เล็ก (4 → 7 options)
- Mobile FAB — floating + button ลอยล่างขวา บน mobile (max-width 768px)
- Note count badges — sidebar + tag chips แสดง count ครบทุกหมวด
- Bonus: ⌘N สร้างโน้ตใหม่, ⌘/ toggle semantic search
Quick Note v3.0.2 — Init DB on load
released 2026-07-08🗣️ User Command
init DB on load
🤖 AI Response
Bug fix: openDB() now called on init() to ensure both attachments and embeddings stores exist before user uses any storage feature. Previously stores only got created lazily on first use which delayed embeddings initialization.
✅ What Changed
- ["Bug fix v3.0.2: openDB() now called on page init to create stores upfront, ensures embeddings store exists before bulk indexing. Fixes semantic search not working on first visit."]
Quick Note v3.0.1 — Embedding store fix
released 2026-07-08🗣️ User Command
embedding store fix
🤖 AI Response
Bumped DB_VER to 3 to force re-create embeddings IndexedDB store
✅ What Changed
- ["Bug fix: bump DB_VER 2\u21923 to force re-create embeddings store"]
Quick Note v3.0 — Semantic Search
released 2026-07-08🗣️ User Command
ขอไอเดียทำเพิ่ม และถ้าทำแล้วก็ Ship auto
🤖 AI Response
เพิ่ม Semantic Search เป็น Phase 2: ใช้ MiniMax embo-01 (1536 dim) หรือ OpenAI text-embedding-3-small generate vector per note, เก็บใน IndexedDB. Search ใช้ cosine similarity ใน browser — instant 0 cost. มี toggle ใน search bar เลือก keyword/semantic. Auto-index on save (background). มี bulk Index All Notes button ใน settings. ค่าใช้จ่าย ~$0.005/100 notes (MiniMax embo-01) vs ~$0.01 GPT-4o-mini
✅ What Changed
- Semantic Search (🧠) — vector embeddings สำหรับแต่ละ note
- IndexedDB store ใหม่: embeddings (Float32Array 1536 dim)
- Embedding providers: MiniMax embo-01 + OpenAI text-embedding-3-small
- Auto-generate embedding on save (background, parallel with AI features)
- Manual bulk index: ปุ่ม Index All Notes ใน Settings
- Toggle ใน search bar: keyword (เดิม) vs semantic (AI)
- Cosine similarity computed ใน browser — instant 0 cost
- แสดง score % บนการ์ด note (AI 87% chip)
- AI indicator badge ใน search bar
- Empty state: กำลังค้นหา note ที่มีความหมายคล้าย...
- Cached semantic results ระหว่าง search
- Settings: autoEmbed toggle (default on)
- Total: 6 versions (v1.0-v3.0)
- Size: 68KB → 80KB (+12KB for embeddings + UI)
Quick Note v2.0 — Shipped via ship.py to codehub.sj88ai.com
released 2026-07-08🗣️ User Command
ไอ้สัดก็ app ที่มึงทำเอาขึ้นเลย app note
🤖 AI Response
Shipped Quick Note ผ่าน /workspace/ship.py (Phase 17) — ใช้คำสั่งเดียวจบ: ssh upload → nginx location inject → reload → verify live URL 200 → publish version. URL เป็น internal https://codehub.sj88ai.com/quick-note/ เท่านั้น ไม่มี external link
✅ What Changed
- Shipped via /workspace/ship.py (Phase 17) — one-command deploy
- Auto nginx location injection (location ^~ /quick-note/ { alias /mnt/16tb/codehub/apps/quick-note/ })
- Auto nginx reload + verify HTTPS 200
- Auto CodeHub version publish to project library
- Live URL: https://codehub.sj88ai.com/quick-note/ (internal only)
- Fixed v1.0-v1.3 deployed_url from external to internal
- Fixed v1.3 description reference from /app/quick-note/ to /quick-note/
- Fixed project.json live_url + description to internal URL only
- Rebuilt static site + synced database
- Total: 5 versions (v1.0, v1.1, v1.2, v1.3, v2.0)
- Files: 1 (index.html, 68894 bytes / 1600 lines)
Quick Note v1.3 — Deployed on codehub.sj88ai.com/app/quick-note/
released 2026-07-08🗣️ User Command
กูบอกแล้วห้ามมีลิงค์ไปข้างนอก [external-VPS-redacted] — ต้องสร้างลิงค์ภายใน https://codehub.sj88ai.com เท่านั้น
🤖 AI Response
ขอโทษครับ! แก้แล้ว — deploy app ไป /mnt/16tb/codehub/apps/quick-note/ แล้วเพิ่ม nginx location ^~ /app/quick-note/ { alias /mnt/16tb/codehub/apps/quick-note/; ... } ให้เสิร์ฟจาก codehub.sj88ai.com/app/quick-note/ ตรงๆ ไม่ต้องผ่าน VPS อื่น
✅ What Changed
- Use /admin form (proper UI workflow)
- X-Admin-Token unlock via password field
- Form auto-fills project metadata (icon, color, category preserved)
- Upload via web form (auto-rebuild + DB sync)
- Version stamp updated in sidebar
- Code files via code_files_json textarea
- Screenshot via file input
- Click Upload + Rebuild to publish
Quick Note v1.2 — CodeHub CI/CD Integration
released 2026-07-08🗣️ User Command
เอา App ไปติดตั้งใน CodeHub จริงๆ + ทุกครั้งที่อัพเวอร์ชั่นเพิ่ม change log auto
🤖 AI Response
Build codehub_publish.py + deploy_and_publish.py tools. v1.2 includes version stamp ใน sidebar + auto-publish workflow. /app/
✅ What Changed
- CodeHub publishing pipeline: codehub_publish.py (single version publish CLI)
- Combined deploy_and_publish.py: deploy to VPS + publish to CodeHub in one command
- /app/
/ URL pattern via nginx rewrite (301 → /project/ /) - /app/
/timeline/ and /app/ /diff/ aliases - Version stamp shown in sidebar ('v1.2 • CodeHub CI')
- X-Admin-Token auth for /api/admin/upload
- REST field mappings: project_name
- live_url
- what_changed (newline split)
- tags/tech_stack (comma split)
- Auto-rebuild on upload (returncode 0)
- Database sync via MCP sync_database tool
- Multi-screenshot support via primary screenshot field
- Fix: project.json fields preserved (icon/color/category) — manually set via SSH
- GitHub-style timeline view (already supported by CodeHub builder)
Quick Note v1.1 — AI Integration (MiniMax/OpenAI/Anthropic)
released 2026-07-08🗣️ User Command
LLM minimax ก็มี ไปศึกษามาใหม่ ถูกกว่าอีก
🤖 AI Response
เพิ่ม AI integration ด้วย MiniMax เป็น default (M2.5 model ~/bin/bash.30/.20 per 1M tokens, ถูกกว่า GPT-4o-mini เกือบครึ่ง ภาษาไทยเก่งกว่า). 3 providers: MiniMax/OpenAI/Anthropic ผ่าน Settings modal. AI features: Smart Title (auto-generate title จาก body), Auto Tags (AI แนะนำ 2-4 tags), TL;DR Summary (สรุปสั้นๆ บนการ์ด), Auto Color (AI เลือกสีตามเนื้อหา). Manual AI button (✨) ใน editor + Background AI ตอน save. Cache read /bin/bash.03/1M (ลด 95% cost เมื่อ system prompt ซ้ำ)
✅ What Changed
- AI Settings modal (⚙️) with 3 providers: MiniMax (default)
- OpenAI
- Anthropic
- BYOK (Bring Your Own Key) — API key เก็บใน localStorage
- 4 AI features: Smart Title
- Auto Tags
- TL;DR Summary
- Auto Color
- ✨ AI button in editor — manual trigger สำหรับ enhance note
- Background AI on save — auto-generate title+summary เมื่อ body ยาวพอ
- 🧪 Test connection button — verify API key ก่อนใช้
- Provider-specific models: MiniMax M2.5/M2.7/Text-01
- OpenAI gpt-4o-mini/4o
- Claude 3.5 Haiku/Sonnet
- AI status indicator (✨ MiniMax) ใน editor-foot
- JSON-mode prompt: AI returns {title
- summary
- tags[]
- color} เป๊ะ
- Cost: ~/bin/bash.02/100 notes with MiniMax-M2.5
Quick Note v1.0 — Personal Note App with Image + Video Attach
released 2026-07-08🗣️ User Command
ออกแบบ โปรแกรม Note ส่วนตัว แนบไฟล์รูป แนบ vdo ได้
🤖 AI Response
Single-file HTML + IndexedDB (เก็บ blob รูป/VDO) + localStorage (note meta). ลากวางไฟล์, วางจากคลิปบอร์ด, ปักหมุด, แท็ก, สีการ์ด 5 สี, dark mode, search/filter, Export/Import JSON, ถังขยะ+กู้คืน, view grid/list
✅ What Changed
- Note CRUD (create/edit/delete/restore)
- Image attach (drag-drop
- paste
- file picker
- URL)
- Video attach (file picker
- URL)
- Pin important notes
- Tag system + 5 color labels
- Search by title/body/tag
- Filter by tag/color/pin
- Dark mode toggle
- Grid/List view
- Trash with restore
- Export/Import JSON backup
- Drag-drop attachments
- Paste image from clipboard (Ctrl+V)
- Keyboard shortcuts (Ctrl+N
- Esc)
- localStorage + IndexedDB storage
