index.js

#!/usr/bin/env node

import prompts from 'prompts';
import path from 'node:path';
import fs from 'node:fs';
import { fileURLToPath } from 'node:url';
import { parseArgs } from 'node:util';

const MIN_NODE_VERSION = 20;
function checkNodeVersion() {
  const nodeVersion = process.version;
  const major = parseInt(nodeVersion.split('.')[0].slice(1));
  if (major < MIN_NODE_VERSION) {
    console.error(`Node.js version ${MIN_NODE_VERSION} or higher is required`);
    process.exit(1);
  }
}

checkNodeVersion();

const templateChoices = [
  { title: 'Vanilla', value: 'es6' },
  { title: 'React', value: 'react' },
  { title: 'Solid', value: 'solid' },
  { title: 'Preact', value: 'preact' },
  { title: 'Vue', value: 'vue' },
  { title: 'Svelte', value: 'svelte' },
  { title: 'Elm', value: 'elm' },
];
const templates = templateChoices.map((t) => t.value);

let {
  values: { name: componentName, template },
} = parseArgs({
  args: process.argv.slice(2),
  options: {
    name: {
      type: 'string',
    },
    template: {
      type: 'string',
    },
  },
});
if (template && !templates.includes(template)) {
  template = null;
}

let answers = await prompts([
  {
    type: componentName ? null : 'text',
    name: 'componentName',
    message: 'Component name',
    initial: 'oc-component',
  },
  {
    type: template ? null : 'select',
    name: 'template',
    message: 'Select a template',
    choices: templateChoices,
  },
]);

if (!componentName) {
  componentName = answers.componentName;
}
if (!template) {
  template = answers.template;
}

if (!componentName || !template) {
  process.exit(1);
}

try {
  fs.mkdirSync(`./${componentName}`);
} catch (err) {
  if (err.code === 'EEXIST') {
    console.log('Folder already exists');
    process.exit(1);
  }
  throw err;
}

const templateDir = path.resolve(
  fileURLToPath(import.meta.url),
  `../templates/${template}`
);

console.log();
console.log('Creating the template');
fs.cpSync(templateDir, `./${componentName}`, {
  recursive: true,
});
fs.writeFileSync(
  `./${componentName}/.gitignore`,
  ['node_modules', '_package'].join('\n'),
  'utf-8'
);
replaceJson(`./${componentName}/package.json`, (pkg) => ({
  ...pkg,
  name: componentName,
  scripts: {
    ...(pkg.scripts || {}),
    start: `oc dev .. --components ${componentName}`,
  },
}));

console.log('Finished. To start your oc for the first time:');
console.log();
console.log(`  cd ${componentName}`);
console.log('  npm install');
console.log('  npm start');

function replaceJson(file, transformer) {
  const json = JSON.parse(fs.readFileSync(file, 'utf-8'));
  const transformed = transformer(json);
  fs.writeFileSync(file, JSON.stringify(transformed, null, 2), 'utf-8');
}