@blueprintui/cli 0.0.5 → 0.0.6

package/.nvmrc

@@ -1 +1 @@
-16.15.0
+18.3.0

package/README.md

@@ -15,3 +15,23 @@ Web Component libraries. This project is still an experimental work in progress.
 | -------------- | ------------------------------------------ |
 | --config        | Path for `blueprint.config.js` file          |
 | --watch        | Runs build in watch mode for development   |
+
+
+### Configuration
+
+The `blueprint.config.js` can be used to customize certain aspects of the build.
+Below are the default values unless otherwise specified.
+
+```javascript
+export default { 
+  library: {
+    externals: [],
+    assets: ['./README.md', './LICENSE.md', './package.json'],
+    baseDir: './src',
+    outDir: './dist/lib',
+    entryPoints: ['./src/**/index.ts'],
+    tsconfig: './tsconfig.lib.json',
+    sourcemap: false,
+  }
+}
+```

package/custom-elements-manifest.config.mjs

@@ -2,10 +2,22 @@
 import { resolve } from 'path';
 
 const cwd = process.cwd();
+const baseSrc = resolve(cwd, 'src');
+
+let userConfig = { };
+if (process.env.BLUEPRINTUI_CONFIG) {
+  userConfig = await import(process.env.BLUEPRINTUI_CONFIG);
+}
+
+const config = {
+  baseDir: './src',
+  outDir: './dist/lib',
+  ...userConfig?.default?.library
+};
 
 export default {
-  globs: [resolve(cwd, './src/**/element.ts')],
-  outdir: './dist/lib',
+  globs: [resolve(cwd, config.baseDir)],
+  outdir: config.outDir,
   litelement: true,
   plugins: [tsExtensionPlugin(), baseDir(), orderElements()],
 };
@@ -19,12 +31,12 @@ export function orderElements() {
   };
 }
 
-export function baseDir(config = { baseDir: 'src' }) {
+export function baseDir() {
   return {
     name: 'base-dir',
     packageLinkPhase({ customElementsManifest }) {
       customElementsManifest.modules = JSON.parse(
-        JSON.stringify(customElementsManifest.modules).replaceAll(`"/${config.baseDir}/`, '"').replaceAll(`"${config.baseDir}/`, '"')
+        JSON.stringify(customElementsManifest.modules).replaceAll(`"/${baseSrc}`, '"').replaceAll(`"${baseSrc}`, '"')
       );
     },
   };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blueprintui/cli",
-  "version": "0.0.5",
+  "version": "0.0.6",
   "description": "",
   "main": "./index.mjs",
   "bin": {

package/rollup.config.mjs

@@ -7,7 +7,7 @@ import copy from 'rollup-plugin-copy';
 import del from 'rollup-plugin-delete';
 import minifyHTML from 'rollup-plugin-minify-html-literals';
 import execute from 'rollup-plugin-shell';
-import { fs, glob, path } from 'zx';
+import { $, fs, glob, path } from 'zx';
 import { extname } from 'path';
 import { terser } from 'rollup-plugin-terser';
 import { importAssertions } from 'acorn-import-assertions';
@@ -26,12 +26,11 @@ if (process.env.BLUEPRINTUI_CONFIG) {
 
 const config = {
   externals: [],
-  assets: ['./README.md', './LICENSE', './package.json'],
+  assets: ['./README.md', './LICENSE.md', './package.json'],
   baseDir: './src',
   outDir: './dist/lib',
-  entryPoints: ['./src/**/index.ts', './src/include/*.ts'],
+  entryPoints: ['./src/**/index.ts'],
   tsconfig: './tsconfig.lib.json',
-  customElementsManifestConfig: './custom-elements-manifest.config.mjs',
   sourcemap: false,
   ...userConfig.default?.library
 };
@@ -45,7 +44,7 @@ const project = {
   outDir: path.resolve(cwd, config.outDir),
   entryPoints: config.entryPoints.map(e => path.resolve(cwd, e)),
   tsconfig: path.resolve(cwd, config.tsconfig),
-  customElementsManifestConfig: path.resolve(__dirname, config.customElementsManifestConfig),
+  customElementsManifestConfig: config.customElementsManifestConfig ? path.resolve(cwd, config.customElementsManifestConfig) :  path.resolve(__dirname, './custom-elements-manifest.config.mjs'),
   prod: process.env.BLUEPRINTUI_BUILD === 'production',
   sourcemap: config.sourcemap
 }
@@ -79,7 +78,8 @@ export default [
       project.prod ? inlinePackageVersion() : [],
       project.prod ? postClean(): [],
       project.prod ? packageCheck() : [],
-      // project.prod ? customElementsAnalyzer() : [],
+      project.prod ? customElementsAnalyzer() : [],
+      project.prod ? cleanPackageJson() : []
     ],
   },
 ];
@@ -132,15 +132,25 @@ function customElementsAnalyzer() {
       if (copied) {
         return;
       } else {
-        await $`cem analyze --config ${project.customElementsManifestConfig}`;
-        const json = await fs.readJson(project.packageFile);
-        const packageFile = { ...json, customElements: './custom-elements.json', scripts: undefined, devDependencies: undefined };
-        await fs.writeFile(`${project.outDir}/package.json`, JSON.stringify(packageFile, null, 2));
+        const cemPath = path.resolve('node_modules', '@custom-elements-manifest/analyzer/index.js');
+        await $`${cemPath} analyze --config ${project.customElementsManifestConfig}`;
+        copied = true;
       }
     }
   };
 }
 
+function cleanPackageJson() {
+  return {
+    name: 'clean-package-json',
+    writeBundle: async () => {
+      const json = await fs.readJson(project.packageFile);
+      const packageFile = { ...json, scripts: undefined, devDependencies: undefined };
+      await fs.writeFile(`${project.outDir}/package.json`, JSON.stringify(packageFile, null, 2));
+    }
+  }
+}
+
 function cssOptimize() {
   return {
     load(id) { return id.slice(-4) === '.css' ? this.addWatchFile(path.resolve(id)) : null },