@ozmos/vite-plugin-viper/src/viper.js

Vite plugin for Viper

import { exec, execSync } from "node:child_process";
import fs from "node:fs/promises";
import path from "node:path";
import { promisify } from "node:util";
import { createFilter } from "vite";

const execAsync = promisify(exec);

const VUE_PHP_REGEX = /<php>([\s\S]*?)<\/php>/g;
const REACT_PHP_REGEX =
  /export\s+const\s+php\s*=\s*\/\*\*\s*@php\s*\*\/\s*`\s*(.*?)\s*`/gs;

export class Viper {
  static instance = null;
  devServer = null;
  routes = [];

  constructor(config) {
    this.config = config;
  }

  static async make() {
    if (Viper.instance) {
      return Viper.instance;
    }
    const { stdout } = await execAsync("php artisan viper:config");
    const config = JSON.parse(stdout);
    const viper = new Viper(config);
    await viper.init();
    Viper.instance = viper;
    return viper;
  }

  pageGlob() {
    if (this.config.mode === "adjacent") {
      return "**/*.php";
    }

    if (this.config.framework === "react") {
      return "**/*.tsx";
    }

    return "**/*.vue";
  }

  async init() {
    await fs.mkdir(this.absoluteOutputPath(["compiled"]), { recursive: true });
  }

  relativePagesDirectory() {
    return this.config.pages_path || "resources/js/pages";
  }

  absolutePagesDirectory() {
    return path.resolve(this.relativePagesDirectory());
  }

  absoluteOutputPath(parts = []) {
    return path.resolve(this.config.output_path, ...parts);
  }

  async compileFile(id, content, generateRoutes = true) {
    const filter = createFilter(this.pageGlob());

    if (!filter(id) || !id.startsWith(this.absolutePagesDirectory())) {
      return content;
    }

    try {
      const { stdout } = await execAsync(
        `php artisan viper:compile --filename="${id}" --transform=${generateRoutes ? "true" : "false"}`,
      );
      if (stdout) {
        console.log(stdout.toString());
      }
    } catch (error) {
      if (error instanceof Error && "stderr" in error) {
        const parsed = JSON.parse(error?.stderr?.toString?.() || "{}");
        this.devServer?.ws.send({
          type: "error",
          err: {
            message: parsed.message,
            stack: content,
            id,
          },
        });
      }
    }

    if (this.config.mode === "adjacent") {
      return content;
    }

    const regex =
      this.config.framework === "react" ? REACT_PHP_REGEX : VUE_PHP_REGEX;

    return content.replace(regex, "");
  }

  generate() {
    console.log(execSync("php artisan viper:generate").toString());
  }
}