index.js

#!/usr/bin/env node

// Base variables
const fs = require("fs-extra");
const path = require("path");
const prompts = require("prompts");
const colors = require('colors/safe');
const argv = require('minimist')(process.argv.slice(2));
const slugify = require('slugify');
const { renderToFolder } = require("template-file");

const frameworks = [
  {
    name: colors.brightYellow("Svelte"),
    template_name: "svelte"
  },
  {
    name: colors.brightCyan("React"),
    template_name: "react"
  },
];

const ext_permissions = [
  { value: "activeTab" },
  { value: "alarms" },
  { value: "background" },
  { value: "bookmarks" },
  { value: "browsingData" },
  { value: "certificateProvider" },
  { value: "clipboardRead" },
  { value: "clipboardWrite" },
  { value: "contentSettings" },
  { value: "contextMenus" },
  { value: "cookies" },
  { value: "debugger" },
  { value: "declarativeContent" },
  { value: "declarativeNetRequest" },
  { value: "declarativeNetRequestFeedback" },
  { value: "declarativeWebRequest" },
  { value: "desktopCapture" },
  { value: "documentScan" },
  { value: "downloads" },
  { value: "enterprise.deviceAttributes" },
  { value: "enterprise.hardwarePlatform" },
  { value: "enterprise.networkingAttributes" },
  { value: "enterprise.platformKeys" },
  { value: "experimental" },
  { value: "fileBrowserHandler" },
  { value: "fileSystemProvider" },
  { value: "fontSettings" },
  { value: "gcm" },
  { value: "geolocation" },
  { value: "history" },
  { value: "identity" },
  { value: "idle" },
  { value: "loginState" },
  { value: "management" },
  { value: "nativeMessaging" },
  { value: "notifications" },
  { value: "pageCapture" },
  { value: "platformKeys" },
  { value: "power" },
  { value: "printerProvider" },
  { value: "printing" },
  { value: "printingMetrics" },
  { value: "privacy" },
  { value: "processes" },
  { value: "proxy" },
  { value: "scripting" },
  { value: "search" },
  { value: "sessions" },
  { value: "signedInDevices" },
  { value: "storage" },
  { value: "system.cpu" },
  { value: "system.display" },
  { value: "system.memory" },
  { value: "system.storage" },
  { value: "tabCapture" },
  { value: "tabGroups" },
  { value: "tabs" },
  { value: "topSites" },
  { value: "tts" },
  { value: "ttsEngine" },
  { value: "unlimitedStorage" },
  { value: "vpnProvider" },
  { value: "wallpaper" },
  { value: "webNavigation" },
  { value: "webRequest" },
  { value: "webRequestBlocking" }
]

async function launch() {

  let orignal_name = "My extension";

  const questions = [
    {
      type: 'text',
      name: 'name',
      message: `Name your extension:`,
      initial: orignal_name,
      onState: (state) => {
        build_dir = slugify(state.value.trim() || orignal_name, {lower: true});
      },
      validate: value => !value.trim() ? `Please enter a name!` : true
    },
    {
      type: 'text',
      name: 'description',
      message: 'What does your extension do?',
      initial: "Just an extension built with browser-extension-builder"
    },
    {
      type: 'select',
      name: 'framework',
      message: 'Select a framework:',
      initial: 0,
      choices: frameworks.map((framework) => {
        return {
          title: framework.name,
          value: framework.template_name
        }
      })
    },
    {
      type: 'confirm',
      name: 'permissions',
      message: 'Do you want to define permissions of your extension?',
      initial: false
    },
    {
      type: prev => prev ? 'autocompleteMultiselect' : null,
      name: 'permissionNames',
      message: 'Select permissions (You can always change them later): ',
      choices: ext_permissions,
      hint: '- Space to select. Return to submit'
    },
    {
      type: 'confirm',
      name: 'webextPolyfill',
      message: 'Do you want `webextension-polyfill` package?',
      initial: true
    },
  ];

  const promptCancelled = (prompt, answers) => {
    throw new Error('Abort.');
  }
  try {

    const response = await prompts(questions, {onCancel: promptCancelled});
    const { name, description, framework, permissionNames, webextPolyfill } = response;
    let dir_name = slugify(name.trim(), {lower: true});

    const copy_filter = (src, dest) => {
      const file_name = path.basename(src);
      if (file_name === "package.json") {
        renderToFolder(src, path.dirname(dest), {
          name: dir_name,
          description,
          commaAftrDep: () => webextPolyfill ? "," : "",
          polyfillDep: () => webextPolyfill ? `"webextension-polyfill": "^0.7.0"` : ""
        });
        return false;
      } else if (file_name === "manifest.json") {
        renderToFolder(src, path.dirname(dest), {
          name: name, 
          description, 
          permissionNames: () => permissionNames ? JSON.stringify(permissionNames) : "[]"
        });
        return false;
      } else {
        return true;
      }
    }
    console.log(colors.cyan("\nGenerating template..."));
    const framework_path = path.join(__dirname, "templates", framework);
    fs.copySync(framework_path, path.join(process.cwd(), dir_name), { filter: copy_filter });

    console.log(colors.brightCyan(`\nCloned template in "${dir_name}".`));
    
    console.log(colors.brightGreen("\nDone. We recommend you to read the `README.md` that is generated with your project.\n"));
    
    } catch (e) {
    console.log(colors.brightRed(e.message));
    return;
  }
}

launch();