@hienlh/ppm 0.6.0 → 0.6.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hienlh/ppm",
-  "version": "0.6.0",
+  "version": "0.6.1",
   "description": "Personal Project Manager — mobile-first web IDE with AI assistance",
   "module": "src/index.ts",
   "type": "module",

package/src/services/sqlite.service.ts

@@ -34,10 +34,11 @@ interface CachedDb {
 class SqliteService {
   private cache = new Map<string, CachedDb>();
 
-  /** Resolve and validate db path within project */
+  /** Resolve db path — supports both project-relative and absolute paths */
   private resolvePath(projectPath: string, dbRelPath: string): string {
-    const abs = resolve(projectPath, dbRelPath);
-    if (!abs.startsWith(projectPath)) throw new Error("Access denied: path outside project");
+    const isAbsolute = /^(\/|[A-Za-z]:[/\\])/.test(dbRelPath);
+    const abs = isAbsolute ? dbRelPath : resolve(projectPath, dbRelPath);
+    if (!isAbsolute && !abs.startsWith(projectPath)) throw new Error("Access denied: path outside project");
     if (!existsSync(abs)) throw new Error(`Database not found: ${dbRelPath}`);
     return abs;
   }
@@ -117,7 +118,7 @@ class SqliteService {
     if (isSelect) {
       const stmt = db.query(sql);
       const rows = stmt.all() as Record<string, unknown>[];
-      const columns = rows.length > 0 ? Object.keys(rows[0]) : [];
+      const columns = rows.length > 0 ? Object.keys(rows[0]!) : [];
       return { columns, rows, rowsAffected: 0, changeType: "select" };
     }
 

package/src/web/components/editor/code-editor.tsx

@@ -11,6 +11,8 @@ import { Loader2, FileWarning, ExternalLink, Code, Eye, WrapText } from "lucide-
 
 /** Image extensions renderable inline */
 const IMAGE_EXTS = new Set(["png", "jpg", "jpeg", "gif", "webp", "svg", "ico"]);
+/** SQLite extensions — redirect to sqlite viewer */
+const SQLITE_EXTS = new Set(["db", "sqlite", "sqlite3"]);
 
 function getFileExt(filename: string): string {
   return filename.split(".").pop()?.toLowerCase() ?? "";
@@ -54,9 +56,15 @@ export function CodeEditor({ metadata, tabId }: CodeEditorProps) {
   const ext = filePath ? getFileExt(filePath) : "";
   const isImage = IMAGE_EXTS.has(ext);
   const isPdf = ext === "pdf";
+  const isSqlite = SQLITE_EXTS.has(ext);
   const isMarkdown = ext === "md" || ext === "mdx";
   const [mdMode, setMdMode] = useState<"edit" | "preview">("preview");
 
+  // Redirect .db files to sqlite viewer by changing tab type
+  useEffect(() => {
+    if (isSqlite && tabId) updateTab(tabId, { type: "sqlite" });
+  }, [isSqlite, tabId, updateTab]);
+
   // Detect external (absolute) file path — not relative to project
   const isExternalFile = filePath ? /^(\/|[A-Za-z]:[/\\])/.test(filePath) : false;
 

package/src/web/components/sqlite/sqlite-data-grid.tsx

@@ -73,6 +73,7 @@ function DataTable({ columns, rows, schema, onCellUpdate }: {
   const commitEdit = useCallback(() => {
     if (!editingCell) return;
     const row = rows[editingCell.rowIdx];
+    if (!row) return;
     const rowid = row.rowid as number;
     const oldVal = row[editingCell.col];
     if (String(oldVal ?? "") !== editValue) {

package/src/web/components/sqlite/use-sqlite.ts

@@ -28,7 +28,7 @@ export function useSqlite(projectName: string, dbPath: string) {
     try {
       const data = await api.get<TableInfo[]>(`${base}/tables?${qs}`);
       setTables(data);
-      if (data.length > 0 && !selectedTable) setSelectedTable(data[0].name);
+      if (data.length > 0 && !selectedTable) setSelectedTable(data[0]!.name);
     } catch (e) {
       setError((e as Error).message);
     } finally {

package/dist/web/assets/code-editor-DjIL6ta3.js

@@ -1 +0,0 @@
-import{n as e,o as t,r as n,t as r}from"./jsx-runtime-B4BJKQ1u.js";import{a as i,t as a}from"./tab-store-L0a7ao4c.js";import{n as o}from"./settings-store-BGF8--S9.js";import{t as s}from"./utils-C2KxHr1H.js";import{i as c,r as l,t as u}from"./api-client-ANLU-Irq.js";import{T as d}from"./index-BwLVvoev.js";import{t as f}from"./markdown-renderer-CIfiE3o8.js";import{n as p,t as m}from"./use-monaco-theme-RFoGvnp0.js";var h=e(`file-exclamation-point`,[[`path`,{d:`M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z`,key:`1oefj6`}],[`path`,{d:`M12 9v4`,key:`juzpu7`}],[`path`,{d:`M12 17h.01`,key:`p32p05`}]]),g=t(n(),1),_=r(),v=new Set([`png`,`jpg`,`jpeg`,`gif`,`webp`,`svg`,`ico`]);function y(e){return e.split(`.`).pop()?.toLowerCase()??``}function b(e){return{js:`javascript`,jsx:`javascript`,ts:`typescript`,tsx:`typescript`,py:`python`,html:`html`,css:`css`,scss:`scss`,json:`json`,md:`markdown`,mdx:`markdown`,yaml:`yaml`,yml:`yaml`,sh:`shell`,bash:`shell`}[y(e)]??`plaintext`}function x({metadata:e,tabId:t}){let n=e?.filePath,r=e?.projectName,[i,l]=(0,g.useState)(null),[f,x]=(0,g.useState)(`utf-8`),[T,E]=(0,g.useState)(!0),[D,O]=(0,g.useState)(null),[k,A]=(0,g.useState)(!1),j=(0,g.useRef)(null),M=(0,g.useRef)(``),N=(0,g.useRef)(null),{tabs:P,updateTab:F}=a(),{wordWrap:I,toggleWordWrap:L}=o(),R=m(),z=P.find(e=>e.id===t),B=n?y(n):``,V=v.has(B),H=B===`pdf`,U=B===`md`||B===`mdx`,[W,G]=(0,g.useState)(`preview`),K=n?/^(\/|[A-Za-z]:[/\\])/.test(n):!1;(0,g.useEffect)(()=>{if(!n||!K&&!r)return;if(V||H){E(!1);return}E(!0),O(null);let e=K?`/api/fs/read?path=${encodeURIComponent(n)}`:`${c(r)}/files/read?path=${encodeURIComponent(n)}`;return u.get(e).then(e=>{l(e.content),e.encoding&&x(e.encoding),M.current=e.content,E(!1)}).catch(e=>{O(e instanceof Error?e.message:`Failed to load file`),E(!1)}),()=>{j.current&&clearTimeout(j.current)}},[n,r,V,H,K]),(0,g.useEffect)(()=>{if(!z)return;let e=n?s(n):`Untitled`,t=k?`${e} \u25CF`:e;z.title!==t&&F(z.id,{title:t})},[k]);let q=(0,g.useCallback)(async e=>{if(n&&!(!K&&!r))try{K?await u.put(`/api/fs/write`,{path:n,content:e}):await u.put(`${c(r)}/files/write`,{path:n,content:e}),A(!1)}catch{}},[n,r,K]);function J(e){let t=e??``;l(t),M.current=t,A(!0),j.current&&clearTimeout(j.current),j.current=setTimeout(()=>q(M.current),1e3)}let Y=(0,g.useCallback)((e,t)=>{N.current=e,e.addCommand(t.KeyMod.Alt|t.KeyCode.KeyZ,()=>o.getState().toggleWordWrap()),t.languages.typescript.typescriptDefaults.setDiagnosticsOptions({noSemanticValidation:!0,noSyntaxValidation:!0,noSuggestionDiagnostics:!0}),t.languages.typescript.javascriptDefaults.setDiagnosticsOptions({noSemanticValidation:!0,noSyntaxValidation:!0,noSuggestionDiagnostics:!0})},[]);return!n||!K&&!r?(0,_.jsx)(`div`,{className:`flex items-center justify-center h-full text-text-secondary text-sm`,children:`No file selected.`}):T?(0,_.jsxs)(`div`,{className:`flex items-center justify-center h-full gap-2 text-text-secondary`,children:[(0,_.jsx)(d,{className:`size-5 animate-spin`}),(0,_.jsx)(`span`,{className:`text-sm`,children:`Loading file...`})]}):D?(0,_.jsx)(`div`,{className:`flex items-center justify-center h-full text-error text-sm`,children:D}):V?(0,_.jsx)(C,{filePath:n,projectName:r}):H?(0,_.jsx)(w,{filePath:n,projectName:r}):f===`base64`?(0,_.jsxs)(`div`,{className:`flex flex-col items-center justify-center h-full gap-3 text-text-secondary`,children:[(0,_.jsx)(h,{className:`size-10 text-text-subtle`}),(0,_.jsx)(`p`,{className:`text-sm`,children:`This file is a binary format and cannot be displayed.`}),(0,_.jsx)(`p`,{className:`text-xs text-text-subtle`,children:n})]}):(0,_.jsx)(`div`,{className:`flex flex-col h-full w-full overflow-hidden`,children:U&&W===`preview`?(0,_.jsx)(S,{content:i??``}):(0,_.jsx)(`div`,{className:`flex-1 overflow-hidden`,children:(0,_.jsx)(p,{height:`100%`,language:b(n),value:i??``,onChange:J,onMount:Y,theme:R,options:{fontSize:13,fontFamily:`Menlo, Monaco, Consolas, monospace`,wordWrap:I?`on`:`off`,minimap:{enabled:!1},scrollBeyondLastLine:!1,automaticLayout:!0,lineNumbers:`on`,folding:!0,bracketPairColorization:{enabled:!0}},loading:(0,_.jsx)(d,{className:`size-5 animate-spin text-text-subtle`})})})})}function S({content:e}){return(0,_.jsx)(f,{content:e,className:`flex-1 overflow-auto p-4`})}function C({filePath:e,projectName:t}){let[n,r]=(0,g.useState)(null),[i,a]=(0,g.useState)(!1);return(0,g.useEffect)(()=>{let n,i=`${c(t)}/files/raw?path=${encodeURIComponent(e)}`,o=l();return fetch(i,{headers:o?{Authorization:`Bearer ${o}`}:{}}).then(e=>{if(!e.ok)throw Error(`Failed`);return e.blob()}).then(e=>{let t=URL.createObjectURL(e);n=t,r(t)}).catch(()=>a(!0)),()=>{n&&URL.revokeObjectURL(n)}},[e,t]),i?(0,_.jsxs)(`div`,{className:`flex flex-col items-center justify-center h-full gap-3 text-text-secondary`,children:[(0,_.jsx)(h,{className:`size-10 text-text-subtle`}),(0,_.jsx)(`p`,{className:`text-sm`,children:`Failed to load image.`})]}):n?(0,_.jsx)(`div`,{className:`flex items-center justify-center h-full p-4 bg-surface overflow-auto`,children:(0,_.jsx)(`img`,{src:n,alt:e,className:`max-w-full max-h-full object-contain`})}):(0,_.jsx)(`div`,{className:`flex items-center justify-center h-full`,children:(0,_.jsx)(d,{className:`size-5 animate-spin text-text-subtle`})})}function w({filePath:e,projectName:t}){let[n,r]=(0,g.useState)(null),[a,o]=(0,g.useState)(!1);(0,g.useEffect)(()=>{let n,i=`${c(t)}/files/raw?path=${encodeURIComponent(e)}`,a=l();return fetch(i,{headers:a?{Authorization:`Bearer ${a}`}:{}}).then(e=>{if(!e.ok)throw Error(`Failed`);return e.blob()}).then(e=>{let t=URL.createObjectURL(new Blob([e],{type:`application/pdf`}));n=t,r(t)}).catch(()=>o(!0)),()=>{n&&URL.revokeObjectURL(n)}},[e,t]);let s=(0,g.useCallback)(()=>{n&&window.open(n,`_blank`)},[n]);return a?(0,_.jsxs)(`div`,{className:`flex flex-col items-center justify-center h-full gap-3 text-text-secondary`,children:[(0,_.jsx)(h,{className:`size-10 text-text-subtle`}),(0,_.jsx)(`p`,{className:`text-sm`,children:`Failed to load PDF.`})]}):n?(0,_.jsxs)(`div`,{className:`flex flex-col h-full`,children:[(0,_.jsxs)(`div`,{className:`flex items-center justify-between px-3 py-1.5 border-b border-border bg-background shrink-0`,children:[(0,_.jsx)(`span`,{className:`text-xs text-text-secondary truncate`,children:e}),(0,_.jsxs)(`button`,{onClick:s,className:`flex items-center gap-1 text-xs text-text-secondary hover:text-text-primary transition-colors`,children:[(0,_.jsx)(i,{className:`size-3`}),` Open in new tab`]})]}),(0,_.jsx)(`iframe`,{src:n,title:e,className:`flex-1 w-full border-none`})]}):(0,_.jsx)(`div`,{className:`flex items-center justify-center h-full`,children:(0,_.jsx)(d,{className:`size-5 animate-spin text-text-subtle`})})}export{x as CodeEditor};