rollup-plugin-jsxbin/src/index.ts

Plugin for rollup with covert jsx file to jsxbin

const fs = require('fs');
const path = require('path');
const os = require('os');
const jsxbin = require('jsxbin');

export default function jsxbinRollup() {
  const name:string = 'jsxbin';
  return {
    name,
    async renderChunk(code: string) {
      const rand = Date.now()
      const tmpJSXFile: string = path.join(os.tmpdir(), `jsxbin-tmp-${rand}.jsx`);
      const tmpJSXBinFile: string = path.join(os.tmpdir(), `jsxbin-tmp-${rand}.jsxbin`);

      if (fs.existsSync(tmpJSXFile)) {
        fs.unlinkSync(tmpJSXFile);
      }
      if (fs.existsSync(tmpJSXBinFile)) {
        fs.unlinkSync(tmpJSXBinFile);
      }

      fs.writeFileSync(tmpJSXFile, code);

      await jsxbin(tmpJSXFile, tmpJSXBinFile);

      const jsxContents: string = fs.readFileSync(tmpJSXBinFile, 'utf8');
      fs.unlinkSync(tmpJSXBinFile);
      fs.unlinkSync(tmpJSXFile);

      return { code: jsxContents };
    }
  }
}