mulmocast-vision 0.0.1

package/lib/utils.d.ts

@@ -0,0 +1,13 @@
+export declare const renderHTMLToImage: (html: string, outputPath: string, width: number, height: number) => Promise<void>;
+export declare const interpolate: (template: string, data: Record<string, string | undefined>) => string;
+export declare const getHTMLFile: (filename: string) => string;
+export declare const createPage: (outputFile: string, htmlBody: string, options?: {
+    htmlTemplateFile?: string;
+    headerStyle?: string;
+    htmlFile?: string;
+}) => Promise<string>;
+export declare const mkdir: (dirPath: string) => void;
+export declare const writeTools: (baseDir: string, tools: any) => void;
+export declare const getRootDir: () => string;
+export declare const getOutDir: () => string;
+export declare const debugLogger: (data: unknown) => void;

package/lib/utils.js

@@ -0,0 +1,80 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.debugLogger = exports.getOutDir = exports.getRootDir = exports.writeTools = exports.mkdir = exports.createPage = exports.getHTMLFile = exports.interpolate = exports.renderHTMLToImage = void 0;
+const fs_1 = __importDefault(require("fs"));
+const path_1 = __importDefault(require("path"));
+const puppeteer_1 = __importDefault(require("puppeteer"));
+const isCI = process.env.CI === "true";
+const rootDir = path_1.default.resolve(__dirname, "../");
+const renderHTMLToImage = async (html, outputPath, width, height) => {
+    // Use Puppeteer to render HTML to an image
+    const browser = await puppeteer_1.default.launch({
+        args: isCI ? ["--no-sandbox"] : [],
+    });
+    const page = await browser.newPage();
+    // Set the page content to the HTML generated from the Markdown
+    await page.setContent(html);
+    // Adjust page settings if needed (like width, height, etc.)
+    await page.setViewport({ width, height });
+    // Step 3: Capture screenshot of the page (which contains the Markdown-rendered HTML)
+    await page.screenshot({
+        path: outputPath,
+    });
+    await browser.close();
+};
+exports.renderHTMLToImage = renderHTMLToImage;
+const interpolate = (template, data) => {
+    return template.replace(/\$\{(.*?)\}/g, (_, key) => data[key.trim()] ?? "");
+};
+exports.interpolate = interpolate;
+const getHTMLFile = (filename) => {
+    return fs_1.default.readFileSync(path_1.default.resolve(rootDir, `./assets/templates/${filename}.html`), "utf-8");
+};
+exports.getHTMLFile = getHTMLFile;
+const createPage = async (outputFile, htmlBody, options) => {
+    const canvasSize = { width: 1536, height: 1024 };
+    const { htmlTemplateFile, headerStyle, htmlFile } = options ?? {};
+    const template = (0, exports.getHTMLFile)(htmlTemplateFile ?? "tailwind");
+    // console.log(template)
+    const htmlData = (0, exports.interpolate)(template, { htmlBody, headerStyle });
+    // console.log(htmlData);
+    await (0, exports.renderHTMLToImage)(htmlData, outputFile, canvasSize.width, canvasSize.height);
+    if (htmlFile) {
+        fs_1.default.writeFileSync(htmlFile, htmlData, "utf8");
+    }
+    return htmlData;
+};
+exports.createPage = createPage;
+const mkdir = (dirPath) => {
+    if (!fs_1.default.existsSync(dirPath)) {
+        fs_1.default.mkdirSync(dirPath, { recursive: true });
+    }
+};
+exports.mkdir = mkdir;
+const writeTools = (baseDir, tools) => {
+    fs_1.default.writeFileSync(path_1.default.resolve(baseDir, "tools.json"), JSON.stringify(tools, null, 2), "utf8");
+};
+exports.writeTools = writeTools;
+const getRootDir = () => {
+    return path_1.default.resolve(__dirname, "../");
+};
+exports.getRootDir = getRootDir;
+const getOutDir = () => {
+    const now = Date.now();
+    return path_1.default.resolve((0, exports.getRootDir)(), "outdir", String(now));
+};
+exports.getOutDir = getOutDir;
+const debugLogger = (data) => {
+    const logFile = path_1.default.resolve("/tmp/mcp.log");
+    try {
+        const json = JSON.stringify(data, null, 2); // pretty print
+        fs_1.default.appendFileSync(logFile, json + "\n", { encoding: "utf8" });
+    }
+    catch (err) {
+        console.error("Failed to write debug log:", err);
+    }
+};
+exports.debugLogger = debugLogger;

package/package.json

@@ -0,0 +1,51 @@
+{
+  "name": "mulmocast-vision",
+  "version": "0.0.1",
+  "description": "PlayGround",
+  "main": "lib/index.js",
+  "files": [
+    "./lib",
+    "./assets"
+  ],
+  "scripts": {
+    "build": "tsc",
+    "lint": "eslint src tests",
+    "format": "prettier --write '{src,tests,assets}/**/*.{ts,html}'",
+    "test": "node --test --require ts-node/register ./tests/test_*.ts",
+    "test_run": "node --test  --require ts-node/register ./tests/run_*.ts # just run locally",
+    "ai": "npx tsx ./src/presentation.ts",
+    "generate_all_images": "npx tsx ./tests/test.ts",
+    "ci_test": "NODE_ENV=test npx tsx ./tests/test.ts"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/receptron/mulmocast-vision"
+  },
+  "author": "Satoshi Nakajima, Isamu Arimoto",
+  "bugs": {
+    "url": "https://github.com/receptron/mulmocast-vision/issues"
+  },
+  "homepage": "https://github.com/receptron/mulmocast-vision",
+  "license": "AGPL-3.0-or-later",
+  "dependencies": {
+    "@graphai/openai_agent": "^2.0.7",
+    "@modelcontextprotocol/sdk": "^1.17.4",
+    "dotenv": "^17.2.1",
+    "graphai": "^2.0.14",
+    "nunjucks": "^3.2.4",
+    "puppeteer": "^24.17.0"
+  },
+  "devDependencies": {
+    "@types/nunjucks": "^3.2.6",
+    "eslint": "^9.34.0",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-prettier": "^5.5.4",
+    "prettier": "^3.6.2",
+    "typescript": "^5.9.2",
+    "typescript-eslint": "^8.40.0"
+  },
+  "types": "./lib/index.d.ts",
+  "directories": {
+    "lib": "lib"
+  }
+}