generator-d365-ts-webresource/generators/app/index.js

A simple scaffold to generate D365 WebResources in Typescript

import Generator from "yeoman-generator";
import { join } from "path";

export default class extends Generator {
  namespace = undefined;
  filename = "ClientHooks";

  async prompting() {
    const answers = await this.prompt([
      {
        type: "input",
        name: "namespace",
        message: "Namespace (eg: Company.ProjectName)",
      },
      {
        type: "input",
        name: "filename",
        message: "Compiled Web Resource Name",
        default: this.filename,
      },
    ]);
    this.namespace = answers.namespace
      .split(".")
      .filter((x) => x !== null && x !== undefined && x.trim() != "")
      .map((x) => `"${x}"`)
      .join(", ");
    this.filename = answers.filename;
  }

  async writing() {
    const templatesRoot = join(this.resolved, "../../../templates");
    this.sourceRoot(templatesRoot);

    this.fs.copy(
      this.templatePath(".eslintrc.json"),
      this.destinationPath(".eslintrc.json")
    );
    this.fs.copy(
      this.templatePath("x.gitignore"),
      this.destinationPath(".gitignore")
    );
    this.fs.copy(
      this.templatePath(".prettierrc.json"),
      this.destinationPath(".prettierrc.json")
    );
    this.fs.copy(
      this.templatePath("package.json"),
      this.destinationPath("package.json")
    );
    this.fs.copy(
      this.templatePath("tsconfig.json"),
      this.destinationPath("tsconfig.json")
    );
    this.fs.copyTpl(
      this.templatePath("webpack.common.js.template"),
      this.destinationPath("webpack.common.js"),
      {
        filename: this.filename,
        clientName: this.namespace,
      }
    );
    this.fs.copy(
      this.templatePath("webpack.dev.js"),
      this.destinationPath("webpack.dev.js")
    );
    this.fs.copy(
      this.templatePath("webpack.prod.js"),
      this.destinationPath("webpack.prod.js")
    );

    // copying code files

    const sourcesRoot = join(templatesRoot, "src");
    this.sourceRoot(sourcesRoot);
    this.destinationRoot("src");

    this.fs.copy(
      this.templatePath("index.ts"),
      this.destinationPath("index.ts")
    );
    this.fs.copy(
      this.templatePath("Form/AccountForm.ts"),
      this.destinationPath("Form/AccountForm.ts")
    );
    this.fs.copy(
      this.templatePath("Ribbon/AccountRibbon.ts"),
      this.destinationPath("Ribbon/AccountRibbon.ts")
    );

    // copying services

    const servicesRoot = join(sourcesRoot, "services");
    this.sourceRoot(servicesRoot);
    this.destinationRoot("src/services");

    this.fs.copy(
      this.templatePath("EnvVarUtils.ts"),
      this.destinationPath("EnvVarUtils.ts")
    );

    this.fs.copy(
      this.templatePath("FlowUtils.ts"),
      this.destinationPath("FlowUtils.ts")
    );
  }

  install() {
    this.spawnCommandSync("npm", "install");
  }
}