Support preview from stdin input

Author: yuanchuan

bin/handler.js

@@ -53,8 +53,13 @@ export async function handlePreview(source, options) {
         console.error(error.message);
         process.exit(1);
     } else {
-        let title = path.basename(source);
-        preview(source, title, options);
+        if (source === undefined) {
+            options.fromStdin = true;
+            preview(content, 'css-doodle', options);
+        } else {
+            let title = path.basename(source);
+            preview(source, title, options);
+        }
     }
 }
 

bin/index.js

@@ -49,7 +49,7 @@ program
 program
     .command('preview')
     .description('Open a window to preview the css-doodle file')
-    .argument('<source>', 'css-doodle source file to preview')
+    .argument('[source]', 'css-doodle source file to preview')
     .option('--fullscreen', 'open the preview in fullscreen mode')
     .action(handlePreview);
 

src/preview/index.js

@@ -1,4 +1,7 @@
 import crypto from 'node:crypto';
+import { tmpdir } from 'node:os';
+import { join } from 'node:path';
+import { writeFileSync } from 'node:fs';
 import { spawn } from 'node:child_process';
 
 import puppeteer from 'puppeteer';
@@ -8,6 +11,17 @@ import { previewServerPath, getBrowserPath, defaultAppArgs, config } from '../st
 const SIZE = '600,628';
 
 export function preview(sourceFile, title, options = {}) {
+    let source = sourceFile;
+    if (options.fromStdin) {
+        sourceFile = join(tmpdir(), crypto.randomUUID());
+        try {
+            writeFileSync(sourceFile, source);
+        } catch (e) {
+            console.error('error: failed to create a temporary file for preview.');
+            process.exit(1);
+        }
+    }
+
     const serverProcess = spawn('node', [previewServerPath, sourceFile], {
         detached: true,
         stdio: ['pipe', 'pipe', 'pipe', 'ipc']