Generate extension-api .d.ts and .js files using tsc (#1387)

Signed-off-by: Jari Kolehmainen <jari.kolehmainen@gmail.com>

src/common/utils/debouncePromise.ts

@@ -4,6 +4,6 @@ export function debouncePromise<T, F extends any[]>(func: (...args: F) => T | Pr
   let timer: NodeJS.Timeout;
   return (...params: any[]) => new Promise((resolve, reject) => {
     clearTimeout(timer);
-    timer = setTimeout(() => resolve(func.apply(this, params)), timeout);
+    timer = global.setTimeout(() => resolve(func.apply(this, params)), timeout);
   });
 }

src/extensions/extension-api.ts

@@ -1,4 +1,4 @@
-// Extension-api types generation bundle (used by rollup.js)
+// Extension-api types generation bundle
 
 export * from "./core-api"
 export * from "./renderer-api"

src/extensions/npm/extensions/.gitignore

@@ -1,2 +1,3 @@
-api.d.ts
+dist/
 yarn.lock
+__mocks__/

src/extensions/npm/extensions/package.json

@@ -5,9 +5,12 @@
   "version": "0.0.0",
   "copyright": "© 2020, Mirantis, Inc.",
   "license": "MIT",
-  "types": "api.d.ts",
+  "main": "dist/src/extensions/extension-api.js",
+  "types": "dist/src/extensions/extension-api.d.ts",
   "files": [
-    "api.d.ts"
+    "dist/**/*.ts",
+    "__mocks__/*.ts",
+    "dist/**/*.js"
   ],
   "author": {
     "name": "Mirantis, Inc.",

src/extensions/rollup.config.js

@@ -1,5 +0,0 @@
-// Workaround for using Typescript in Rollup configutation
-// https://stackoverflow.com/questions/54711437/does-rollup-support-typescript-in-rollup-config-file
-
-require('ts-node').register();
-module.exports = require('./rollup.config.ts');

src/extensions/rollup.config.ts

@@ -1,57 +0,0 @@
-// Generating declaration types for extensions-api
-// Rollup: https://rollupjs.org/guide/en/
-// Plugin docs: https://github.com/Swatinem/rollup-plugin-dts
-
-import { OutputChunk, Plugin, RollupOptions } from 'rollup';
-import json from '@rollup/plugin-json';
-import dts from "rollup-plugin-dts";
-import ignoreImport from 'rollup-plugin-ignore-import'
-
-const config: RollupOptions = {
-  input: "src/extensions/extension-api.ts",
-  output: [
-    { file: "src/extensions/npm/extensions/api.d.ts", format: "es", }
-  ],
-  plugins: [
-    dts(),
-    dtsModuleWrap({ name: "@k8slens/extensions" }),
-    ignoreImport({ extensions: ['.scss'] }),
-    json(),
-  ],
-};
-
-function dtsModuleWrap({ name }: { name: string }): Plugin {
-  return {
-    name,
-    generateBundle: (options, bundle) => {
-      const apiTypes = Object.values(bundle)[0] as OutputChunk; // extension-api.d.ts
-      const typeRefs: string[] = []
-      const declarations: string[] = []
-      const apiLines = apiTypes.code.split("\n")
-      let outputCode = ""
-
-      apiLines.forEach(line => {
-        if (line.startsWith("///")) {
-          typeRefs.push(line)
-        } else {
-          declarations.push(line)
-        }
-      })
-
-      // print external @types refs first
-      if (typeRefs.length) {
-        outputCode += typeRefs.join("\n") + "\n\n"
-      }
-
-      // wrap declarations into global module definition
-      outputCode += `declare module "${name}" {\n`
-      outputCode += declarations.map(line => `\t${line}`).join("\n")
-      outputCode += `\n}`
-
-      // save
-      apiTypes.code = outputCode;
-    }
-  }
-}
-
-export default [config];