@nuraly/lumenjs 0.2.0 → 0.5.0

package/dist/runtime/webrtc.js

@@ -54,16 +54,11 @@ export class WebRTCManager {
             throw err;
         }
         try {
-            // Always request video so both peers negotiate a video track in the SDP.
-            // For audio-only calls the video track is immediately disabled (black frame)
-            // but stays in the SDP as sendrecv, allowing replaceTrack for screen sharing.
-            this._localStream = await navigator.mediaDevices.getUserMedia({ video: true, audio });
+            // Only request video when the call type is video.
+            // For audio-only calls, skip the camera entirely to avoid the permission
+            // prompt and camera LED. Screen sharing can add a video track later.
+            this._localStream = await navigator.mediaDevices.getUserMedia({ video, audio });
             this._callbacks.onLocalStream(this._localStream);
-            if (!video) {
-                for (const vt of this._localStream.getVideoTracks()) {
-                    vt.enabled = false;
-                }
-            }
             for (const track of this._localStream.getTracks()) {
                 this._pc?.addTrack(track, this._localStream);
             }
@@ -232,19 +227,24 @@ export class GroupWebRTCManager {
         return result;
     }
     /** Acquire local media — call once before adding peers */
-    async startLocalMedia(video = true, audio = true) {
+    async startLocalMedia(video = true, audio = true, deviceIds) {
         if (!navigator.mediaDevices?.getUserMedia) {
             const err = new Error('Media devices unavailable — HTTPS is required for calls');
             this._callbacks.onError(err);
             throw err;
         }
         try {
-            this._localStream = await navigator.mediaDevices.getUserMedia({ video: true, audio });
+            const audioConstraint = audio
+                ? (deviceIds?.audioInputId ? { deviceId: { exact: deviceIds.audioInputId } } : true)
+                : false;
+            const videoConstraint = video
+                ? (deviceIds?.videoInputId ? { deviceId: { exact: deviceIds.videoInputId } } : true)
+                : false;
+            this._localStream = await navigator.mediaDevices.getUserMedia({
+                audio: audioConstraint,
+                video: videoConstraint,
+            });
             this._callbacks.onLocalStream(this._localStream);
-            if (!video) {
-                for (const vt of this._localStream.getVideoTracks())
-                    vt.enabled = false;
-            }
             return this._localStream;
         }
         catch (err) {
@@ -252,6 +252,40 @@ export class GroupWebRTCManager {
             throw err;
         }
     }
+    /** Replace the audio track on all peer connections (for switching mic mid-call) */
+    async replaceAudioTrack(newTrack) {
+        // Replace in local stream
+        if (this._localStream) {
+            const old = this._localStream.getAudioTracks()[0];
+            if (old) {
+                this._localStream.removeTrack(old);
+                old.stop();
+            }
+            this._localStream.addTrack(newTrack);
+        }
+        // Replace on all peer connections
+        for (const [, entry] of this._peers) {
+            const sender = entry.pc.getSenders().find(s => s.track?.kind === 'audio');
+            if (sender)
+                await sender.replaceTrack(newTrack);
+        }
+    }
+    /** Replace the video track on all peer connections (for switching camera mid-call) */
+    async replaceVideoTrack(newTrack) {
+        if (this._localStream) {
+            const old = this._localStream.getVideoTracks()[0];
+            if (old) {
+                this._localStream.removeTrack(old);
+                old.stop();
+            }
+            this._localStream.addTrack(newTrack);
+        }
+        for (const [, entry] of this._peers) {
+            const sender = entry.pc.getSenders().find(s => s.track?.kind === 'video');
+            if (sender)
+                await sender.replaceTrack(newTrack);
+        }
+    }
     /** Create a peer connection for a remote user and optionally create an offer */
     async addPeer(userId, isCaller) {
         if (this._peers.has(userId))

package/dist/shared/html-to-markdown.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Convert simple HTML to markdown.
+ * Handles the subset of HTML that Lit SSR produces for LumenJS pages.
+ * Not a full HTML parser — intentionally minimal.
+ */
+export declare function htmlToMarkdown(html: string): string;

package/dist/shared/html-to-markdown.js

@@ -0,0 +1,73 @@
+/**
+ * Convert simple HTML to markdown.
+ * Handles the subset of HTML that Lit SSR produces for LumenJS pages.
+ * Not a full HTML parser — intentionally minimal.
+ */
+export function htmlToMarkdown(html) {
+    let md = html;
+    // Extract content from declarative shadow DOM (<template shadowroot="open">...</template>)
+    md = md.replace(/<template\s+shadowroot(?:mode)?="open"[^>]*>([\s\S]*?)<\/template>/gi, '$1');
+    // Remove script/style tags and their content
+    md = md.replace(/<script[\s\S]*?<\/script>/gi, '');
+    md = md.replace(/<style[\s\S]*?<\/style>/gi, '');
+    md = md.replace(/<template[\s\S]*?<\/template>/gi, '');
+    // Remove Lit SSR markers (<!--lit-part-->, <!--/lit-part-->, etc.)
+    md = md.replace(/<!--[\s\S]*?-->/g, '');
+    // Headings
+    md = md.replace(/<h1[^>]*>([\s\S]*?)<\/h1>/gi, (_, c) => `# ${strip(c)}\n\n`);
+    md = md.replace(/<h2[^>]*>([\s\S]*?)<\/h2>/gi, (_, c) => `## ${strip(c)}\n\n`);
+    md = md.replace(/<h3[^>]*>([\s\S]*?)<\/h3>/gi, (_, c) => `### ${strip(c)}\n\n`);
+    md = md.replace(/<h4[^>]*>([\s\S]*?)<\/h4>/gi, (_, c) => `#### ${strip(c)}\n\n`);
+    // Links
+    md = md.replace(/<a[^>]*href="([^"]*)"[^>]*>([\s\S]*?)<\/a>/gi, (_, href, text) => `[${strip(text)}](${href})`);
+    // Bold / italic
+    md = md.replace(/<(strong|b)[^>]*>([\s\S]*?)<\/\1>/gi, (_, __, c) => `**${strip(c)}**`);
+    md = md.replace(/<(em|i)[^>]*>([\s\S]*?)<\/\1>/gi, (_, __, c) => `*${strip(c)}*`);
+    // Inline code
+    md = md.replace(/<code[^>]*>([\s\S]*?)<\/code>/gi, (_, c) => `\`${strip(c)}\``);
+    // Code blocks (pre > code or pre alone)
+    md = md.replace(/<pre[^>]*>\s*<code[^>]*>([\s\S]*?)<\/code>\s*<\/pre>/gi, (_, c) => `\n\`\`\`\n${decodeEntities(strip(c))}\n\`\`\`\n\n`);
+    md = md.replace(/<pre[^>]*>([\s\S]*?)<\/pre>/gi, (_, c) => `\n\`\`\`\n${decodeEntities(strip(c))}\n\`\`\`\n\n`);
+    // List items
+    md = md.replace(/<li[^>]*>([\s\S]*?)<\/li>/gi, (_, c) => `- ${strip(c).trim()}\n`);
+    // Table → simple text rows
+    md = md.replace(/<tr[^>]*>([\s\S]*?)<\/tr>/gi, (_, c) => {
+        const cells = [...c.matchAll(/<t[hd][^>]*>([\s\S]*?)<\/t[hd]>/gi)].map((m) => strip(m[1]).trim());
+        return cells.length > 0 ? `| ${cells.join(' | ')} |\n` : '';
+    });
+    // Paragraphs and divs → newlines
+    md = md.replace(/<\/p>/gi, '\n\n');
+    md = md.replace(/<br\s*\/?>/gi, '\n');
+    md = md.replace(/<\/div>/gi, '\n');
+    // Images
+    md = md.replace(/<img[^>]*alt="([^"]*)"[^>]*>/gi, (_, alt) => alt ? `[${alt}]` : '');
+    md = md.replace(/<img[^>]*>/gi, '');
+    // Strip all remaining HTML tags
+    md = md.replace(/<[^>]+>/g, '');
+    // Decode HTML entities
+    md = decodeEntities(md);
+    // Clean up whitespace
+    md = md.replace(/\n{3,}/g, '\n\n');
+    md = md.trim();
+    return md + '\n';
+}
+/** Strip HTML tags from a string. */
+function strip(html) {
+    return html.replace(/<[^>]+>/g, '').trim();
+}
+/** Decode common HTML entities. */
+function decodeEntities(text) {
+    return text
+        .replace(/&amp;/g, '&')
+        .replace(/&lt;/g, '<')
+        .replace(/&gt;/g, '>')
+        .replace(/&quot;/g, '"')
+        .replace(/&#39;/g, "'")
+        .replace(/&rarr;/g, '→')
+        .replace(/&larr;/g, '←')
+        .replace(/&middot;/g, '·')
+        .replace(/&copy;/g, '©')
+        .replace(/\\u003c/g, '<')
+        .replace(/&#x27;/g, "'")
+        .replace(/&nbsp;/g, ' ');
+}

package/dist/shared/utils.js

@@ -1,4 +1,5 @@
 import fs from 'fs';
+import path from 'path';
 /**
  * Strip the outer Lit SSR template markers from rendered HTML.
  * Lit SSR wraps every template render in <!--lit-part HASH-->...<!--/lit-part-->.
@@ -158,6 +159,13 @@ export function fileHasPrerender(filePath) {
  */
 export function fileHasLoader(filePath) {
     try {
+        // Check for co-located _loader.ts (folder route convention: index.ts + _loader.ts)
+        if (path.basename(filePath).replace(/\.(ts|js)$/, '') === 'index') {
+            const dir = path.dirname(filePath);
+            if (fs.existsSync(path.join(dir, '_loader.ts')) || fs.existsSync(path.join(dir, '_loader.js'))) {
+                return true;
+            }
+        }
         const content = fs.readFileSync(filePath, 'utf-8');
         return hasTopLevelExport(content, 'loader');
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nuraly/lumenjs",
-  "version": "0.2.0",
+  "version": "0.5.0",
   "description": "Full-stack Lit web component framework with file-based routing, server loaders, SSR, and API routes",
   "type": "module",
   "main": "dist/cli.js",
@@ -43,7 +43,7 @@
   "license": "MIT",
   "dependencies": {
     "@lit-labs/ssr": "^3.2.0",
-    "glob": "^10.3.0",
+    "glob": "^10.2.1",
     "lit": "^3.1.0",
     "vite": "^5.4.0"
   },

package/templates/blog/pages/index.ts

@@ -33,8 +33,8 @@ export async function loader() {
 }
 
 export class PageIndex extends LitElement {
-  static properties = { loaderData: { type: Object } };
-  loaderData: any = {};
+  static properties = { posts: { type: Array } };
+  posts: any[] = [];
 
   static styles = css`
     :host { display: block; }
@@ -49,7 +49,7 @@ export class PageIndex extends LitElement {
   `;
 
   render() {
-    const posts = this.loaderData.posts || [];
+    const posts = this.posts || [];
     return html`
       <h1>Blog</h1>
       <p class="subtitle">Thoughts and tutorials</p>

package/templates/blog/pages/posts/[slug].ts

@@ -29,8 +29,19 @@ export async function loader({ params }: { params: { slug: string } }) {
 }
 
 export class PagePost extends LitElement {
-  static properties = { loaderData: { type: Object }, slug: { type: String } };
-  loaderData: any = {};
+  static properties = {
+    title: { type: String },
+    date: { type: String },
+    content: { type: String },
+    readingTime: { type: Number },
+    notFound: { type: Boolean },
+    slug: { type: String },
+  };
+  title = '';
+  date = '';
+  content = '';
+  readingTime = 0;
+  notFound = false;
   slug = '';
 
   static styles = css`
@@ -44,7 +55,7 @@ export class PagePost extends LitElement {
   `;
 
   render() {
-    if (this.loaderData.notFound) {
+    if (this.notFound) {
       return html`
         <a class="back" href="/posts">← Back to posts</a>
         <p class="not-found">Post not found.</p>
@@ -52,9 +63,9 @@ export class PagePost extends LitElement {
     }
     return html`
       <a class="back" href="/">← Back to posts</a>
-      <h1>${this.loaderData.title}</h1>
-      <div class="date">${this.loaderData.date} · ${this.loaderData.readingTime} min read</div>
-      <p class="content">${this.loaderData.content}</p>
+      <h1>${this.title}</h1>
+      <div class="date">${this.date} · ${this.readingTime} min read</div>
+      <p class="content">${this.content}</p>
     `;
   }
 }

package/templates/blog/pages/tag/[tag].ts

@@ -11,8 +11,9 @@ export async function loader({ params }: { params: { tag: string } }) {
 }
 
 export class PageTag extends LitElement {
-  static properties = { loaderData: { type: Object } };
-  loaderData: any = {};
+  static properties = { tag: { type: String }, posts: { type: Array } };
+  tag = '';
+  posts: any[] = [];
 
   static styles = css`
     :host { display: block; }
@@ -28,12 +29,11 @@ export class PageTag extends LitElement {
   `;
 
   render() {
-    const { tag, posts } = this.loaderData;
     return html`
       <a class="back" href="/">← All posts</a>
-      <h1>Tagged: ${tag}</h1>
-      <p class="subtitle">${posts?.length || 0} post${posts?.length !== 1 ? 's' : ''}</p>
-      ${(posts || []).map((p: any) => html`
+      <h1>Tagged: ${this.tag}</h1>
+      <p class="subtitle">${this.posts?.length || 0} post${this.posts?.length !== 1 ? 's' : ''}</p>
+      ${(this.posts || []).map((p: any) => html`
         <div class="post">
           <a href="/posts/${p.slug}">${p.title}</a>
           <div class="meta">${p.date}</div>

package/templates/dashboard/pages/index.ts

@@ -31,11 +31,11 @@ export function subscribe({ push }: { push: (data: any) => void }) {
 
 export class PageIndex extends LitElement {
   static properties = {
-    loaderData: { type: Object },
-    liveData: { type: Object },
+    stats: { type: Array },
+    updatedAt: { type: String },
   };
-  loaderData: any = {};
-  liveData: any = null;
+  stats: any[] = [];
+  updatedAt = '';
 
   static styles = css`
     :host { display: block; }
@@ -50,8 +50,8 @@ export class PageIndex extends LitElement {
   `;
 
   render() {
-    const stats = this.liveData?.stats || this.loaderData.stats || [];
-    const isLive = !!this.liveData;
+    const stats = this.stats || [];
+    const isLive = !!this.updatedAt;
     return html`
       <h1>Overview</h1>
       <div class="grid">
@@ -64,7 +64,7 @@ export class PageIndex extends LitElement {
       </div>
       ${isLive ? html`
         <div class="status">
-          <span class="dot"></span>Live — updated ${this.liveData.updatedAt ? new Date(this.liveData.updatedAt).toLocaleTimeString() : ''}
+          <span class="dot"></span>Live — updated ${this.updatedAt ? new Date(this.updatedAt).toLocaleTimeString() : ''}
         </div>
       ` : ''}
     `;

package/templates/default/pages/index.ts

@@ -5,8 +5,8 @@ export async function loader() {
 }
 
 export class PageIndex extends LitElement {
-  static properties = { loaderData: { type: Object } };
-  loaderData: any = {};
+  static properties = { title: { type: String } };
+  title = '';
 
   static styles = css`
     :host { display: block; max-width: 640px; margin: 0 auto; padding: 2rem; font-family: system-ui; }
@@ -17,7 +17,7 @@ export class PageIndex extends LitElement {
 
   render() {
     return html`
-      <h1>${this.loaderData.title}</h1>
+      <h1>${this.title}</h1>
       <p>Edit <code>pages/index.ts</code> to get started.</p>
     `;
   }