@css-doodle/cli/lib/read.js

Command-line tool for css-doodle to preview and generate images/videos

import os from 'node:os';
import fs from 'node:fs/promises';
import { resolve } from 'node:path';
import { stdin } from 'node:process';
import { checkExists, style } from './utils.js';

export async function read(path) {
    let result = { content: '', type: '' };

    if (path === undefined || path === '-') {
        let stdinActive = false;
        const onStdinData = () => stdinActive = true;
        stdin.on('data', onStdinData);

        result.type = 'stdin';
        const key = os.platform() === 'win32' ? 'CTRL+Z' : 'CTRL+D';
        const timeoutId = setTimeout(() => {
            if (!stdinActive) {
                console.log(
                    style.dim('Reading from stdin — press ') + style.bold.yellow(key) + style.dim(' to end input.\n'),
                );
            }
        }, 200);
        try {
            result.content = await readFromStdin();
        } finally {
            clearTimeout(timeoutId);
            stdin.off('data', onStdinData);
        }
    } else if (/^(https:\/\/)?codepen\.io/.test(path)) {
        result.type = 'codepen';
        const match = path.match(/^(https:\/\/)?codepen\.io\/([^\/]+)\/(pen|details|full)\/([^\/]+)$/) || [];
        const [user, id] = [match[2], match[4]];
        if (user && id) {
            result.content = `https://cdpn.io/${user}/fullpage/${id}?nocache=true&view=fullpage`;
        } else {
            throw new Error('unsupported CodePen url, should be like https://codepen.io/:user/pen/:id');
        }
    } else if (/^(https?:\/\/)/.test(path)) {
        result.type = 'webpage';
        result.content = path;
    } else if (/\.html$/.test(path)) {
        result.type = 'html';
        const resolvedPath = resolve(path);
        const exists = await checkExists(resolvedPath);
        if (exists) {
            result.content = `file://${resolvedPath}`;
        } else {
            throw new Error(`file not found: ${path}`);
        }
    } else if (/\.cssd?$/.test(path)) {
        const content = await readFile(path);
        result = { type: 'css', content };
    } else {
        throw new Error('invalid input, accept .html, .css, .cssd, CodePen link, or http(s) URL');
    }

    if (result.content) {
        result.content = result.content.trim();
    }

    if (!result.content) {
        throw new Error('empty input');
    }

    return result;
}

function readFromStdin() {
    return new Promise((resolve, reject) => {
        let content = '';
        const onData = (c) => content += c;
        const onEnd = () => {
            cleanup();
            resolve(content);
        };
        const onError = (e) => {
            cleanup();
            reject(e);
        };
        const cleanup = () => {
            stdin.off('data', onData);
            stdin.off('end', onEnd);
            stdin.off('error', onError);
        };

        stdin.setEncoding('utf8');
        stdin.on('data', onData);
        stdin.on('end', onEnd);
        stdin.on('error', onError);
    });
}

async function readFile(path) {
    try {
        return await fs.readFile(path, 'utf8');
    } catch (e) {
        if (e.code === 'ENOENT') {
            throw new Error(`file not found: ${path}`);
        }
        throw e;
    }
}