jupyterlab/buildutils/src/create-theme.ts

/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/

import * as fs from 'fs-extra';
import * as inquirer from 'inquirer';
import * as path from 'path';
import * as utils from './utils';

let questions: inquirer.Question[] = [
  {
    type: 'input',
    name: 'name',
    message: 'name: '
  },
  {
    type: 'input',
    name: 'title',
    message: 'title: '
  },
  {
    type: 'input',
    name: 'description',
    message: 'description: '
  }
];

const template = `
import {
  JupyterFrontEnd, JupyterFrontEndPlugin
} from '@jupyterlab/application';

import {
  IThemeManager
} from '@jupyterlab/apputils';


/**
 * A plugin for the {{title}}
 */
const plugin: JupyterFrontEndPlugin<void> = {
  id: '{{name}}:plugin',
  requires: [IThemeManager],
  activate: (app: JupyterFrontEnd, manager: IThemeManager) => {
    manager.register({
      name: '{{title}}',
      isLight: true,
      load: () => manager.loadCSS('{{name}}/index.css'),
      unload: () => Promise.resolve(undefined)
    });
  },
  autoStart: true
};


export default plugin;
`;

void inquirer.prompt(questions).then(answers => {
  let { name, title, description } = answers;
  let dest = path.resolve(path.join('.', name));
  if (fs.existsSync(dest)) {
    console.error('Package already exists: ', name);
    process.exit(1);
  }
  fs.copySync(path.resolve('.', 'packages', 'theme-light-extension'), dest);
  let jsonPath = path.join(dest, 'package.json');
  let data = utils.readJSONFile(jsonPath);
  data.name = name;
  data.description = description;
  utils.writePackageData(jsonPath, data);

  // update the urls in urls.css
  let filePath = path.resolve('.', name, 'style', 'urls.css');
  let text = fs.readFileSync(filePath, 'utf8');
  text = text.split('@jupyterlab/theme-light-extension').join(name);
  fs.writeFileSync(filePath, text, 'utf8');

  // remove lib, node_modules and static.
  ['lib', 'node_modules', 'static'].forEach(folder => {
    let folderPath = path.join('.', name, folder);
    if (fs.existsSync(folderPath)) {
      fs.removeSync(folderPath);
    }
  });

  let readme = `${name}\n${description}\n`;
  fs.writeFileSync(path.join('.', name, 'README.md'), readme, 'utf8');

  let src = template.split('{{name}}').join(name);
  src = src.split('{{title}}').join(title);
  fs.writeFileSync(path.join('.', name, 'src', 'index.ts'), src, 'utf8');

  // Signify successful complation.
  console.log(`Created new theme ${name}`);
});