Add rollup for plugin build

packages/cli/src/commands/plugin/assets.d.ts

@@ -94,3 +94,7 @@ declare module '*.module.sass' {
   const classes: { readonly [key: string]: string };
   export default classes;
 }
+
+declare module 'rollup-plugin-image-files' {
+  export default function image(): any;
+}

packages/cli/src/commands/plugin/build.ts

@@ -14,43 +14,17 @@
  * limitations under the License.
  */
 
-import { Command } from 'commander';
-import fs from 'fs-extra';
-import path from 'path';
-import recursive from 'recursive-readdir';
-import { run } from '../../helpers/run';
+const rollup = require('rollup'); // "import" is not working for some reason...
+import rollupConfig from './rollup.config';
 
-const copyStaticAssets = async () => {
-  const pluginRoot = fs.realpathSync(process.cwd());
-  const source = path.resolve(pluginRoot, 'src');
-  const destination = path.resolve(pluginRoot, 'dist', 'cjs');
-  const assetFiles = await recursive(source, [
-    '**/*.tsx',
-    '**/*.ts',
-    '**/*.js',
-  ]);
-  assetFiles.forEach(file => {
-    const fileToBeCopied = file.replace(source, destination);
-    const dirForFileToBeCopied = path.dirname(fileToBeCopied);
-    fs.ensureDirSync(dirForFileToBeCopied);
-    fs.copyFileSync(file, file.replace(source, destination).toString());
-  });
-};
-
-export default async (cmd: Command) => {
-  const args = [
-    '--outDir',
-    'dist/cjs',
-    '--noEmit',
-    'false',
-    '--module',
-    'CommonJS',
-  ];
-
-  if (cmd.watch) {
-    args.push('--watch');
-  }
-
-  await copyStaticAssets();
-  await run('tsc', args);
+export default async () => {
+  const inputOptions = {
+    input: rollupConfig.input,
+    plugins: rollupConfig.plugins,
+  };
+  const outputOptions = rollupConfig.output;
+
+  const bundle = await rollup.rollup(inputOptions);
+  await bundle.generate(outputOptions);
+  await bundle.write(outputOptions);
 };

packages/cli/src/commands/plugin/rollup.config.ts

@@ -0,0 +1,43 @@
+/*
+ * Copyright 2020 Spotify AB
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import peerDepsExternal from 'rollup-plugin-peer-deps-external';
+import typescript from 'rollup-plugin-typescript2'; // @rollup/plugin-typescript
+import commonjs from '@rollup/plugin-commonjs';
+import resolve from '@rollup/plugin-node-resolve';
+import postcss from 'rollup-plugin-postcss';
+import image from 'rollup-plugin-image-files';
+
+export default {
+  input: 'src/index.ts',
+  output: {
+    file: 'build/index.esm.js',
+    format: 'esm',
+    sourcemap: true,
+  },
+
+  plugins: [
+    peerDepsExternal(),
+    resolve(),
+    commonjs({
+      include: ['node_modules/**', '../../node_modules/**'],
+      exclude: ['**/*.stories.js'],
+    }),
+    postcss(),
+    image(),
+    typescript(),
+  ],
+};

packages/cli/src/index.ts

@@ -143,4 +143,6 @@ process.on('unhandledRejection', rejection => {
 });
 
 main(process.argv);
-// main([process.argv[0], process.argv[1], '--version']);
+// process.chdir('../../plugins/welcome');
+// console.log(`DEBUG: ${process.cwd()}`);
+// main([process.argv[0], process.argv[1], 'plugin:build']);