@blueprintui/cli 0.0.0 → 0.0.3

package/.nvmrc

@@ -0,0 +1 @@
+16.15.0

package/LICENSE.md

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2022 Crylan Software LLC
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,17 @@
+# BlueprintUI CLI (alpha)
+
+[![npm version](https://badge.fury.io/js/@blueprintui%2Fcli.svg)](https://badge.fury.io/js/@blueprintui%2Fcli)
+
+## Opinionated CLI for creating Web Component Libraries
+
+Blueprint CLI provides an out-of-the-box tool kit for compiling and creating
+Web Component libraries. This project is still an experimental work in progress.
+
+| Command      | Description                   |
+| ------------ | ----------------------------- |
+| build        | Build library for production |
+
+| Options        | Description                                |
+| -------------- | ------------------------------------------ |
+| --config        | Path for `blueprint.config.js` file          |
+| --watch        | Runs build in watch mode for development   |

package/import-assert.mjs

@@ -0,0 +1,114 @@
+import path from 'path';
+
+// temp workaround due to package "string-to-template-literal" not shipping valid esm module
+
+// string-to-template-literal
+var illegalChars = new Map();
+illegalChars.set('\\', '\\\\');
+illegalChars.set('`', '\\`');
+illegalChars.set('$', '\\$');
+function convert(s) {
+    if (!s) {
+        return '``';
+    }
+    var res = '';
+    for (var i = 0; i < s.length; i++) {
+        var c = s.charAt(i);
+        res += illegalChars.get(c) || c;
+    }
+    return "`" + res + "`";
+}
+
+// rollup-plugin-import-assert
+function getObjects(obj, key, val) {
+    let objects = [];
+    for (let prop in obj) {
+        if (!obj.hasOwnProperty(prop)) {
+            continue;
+        }
+        if (typeof obj[prop] == 'object') {
+            objects = objects.concat(getObjects(obj[prop], key, val));
+        }
+        else if (prop == key && obj[prop] == val || prop == key && val == '') { //
+            objects.push(obj);
+        }
+        else if (obj[prop] == val && key == '') {
+            if (objects.lastIndexOf(obj) == -1) {
+                objects.push(obj);
+            }
+        }
+    }
+    return objects;
+}
+const assertionMap = new Map();
+const filePattern = /\.(js|ts|jsx|tsx)$/;
+const getImportPath = (id, source) => path.resolve(path.dirname(id), source);
+export function importAssertionsPlugin() {
+    return {
+        name: 'rollup-plugin-import-assert',
+        transform(data, id) {
+            let code = data;
+            /** If the file is a JS-like file, continue */
+            if (filePattern.exec(id)) {
+                /** Get the AST data, must be using acorn-import-assertions for this to work */
+                const ast = this.parse(data);
+                /** @ts-ignore this does exist apparently */
+                const { body } = ast;
+                const importDeclarations = getObjects(body, 'type', 'ImportDeclaration');
+                const importExpressions = getObjects(body, 'type', 'ImportExpression');
+                importDeclarations.forEach(node => {
+                    if (node.assertions) {
+                        const [assertion] = node.assertions;
+                        const assert = { type: assertion.value.value };
+                        const importPath = getImportPath(id, node.source.value);
+                        assertionMap.set(importPath, assert);
+                    }
+                });
+                importExpressions.forEach(node => {
+                    // Skip dynamic imports with expressions
+                    // @example: import(`./foo/${bar}.js`); // NOK
+                    // @example: import(`./foo/bar.js`); // OK
+                    if (node.source.type === "TemplateLiteral" && node.source.quasis.length > 1) {
+                        return;
+                    }
+                    // @example: `import(foo);` NOK
+                    if (!node.source.value)
+                        return;
+                    const source = node.source.value || node.source.quasis[0].value.raw;
+                    const importPath = getImportPath(id, source);
+                    // TODO: We can still make this better
+                    if (node.hasOwnProperty('arguments') && getObjects(node, 'name', 'assert')) {
+                        const assert = { type: node.arguments[0].properties[0]?.value?.properties[0].value.value };
+                        assertionMap.set(importPath, assert);
+                        const matches = code.match(/import\(.*\)/gi);
+                        const replacements = matches.map(match => match.replace(/\{(\s?)assert:(\s?)\{.*\}/gi, ''));
+                        if (matches) {
+                            matches.forEach((match, index) => code = code.replace(match, replacements[index]));
+                            code.match(/import\(.*(\s?),(\s?)\)/gi).forEach(match => {
+                                code = code.replace(match, match.replace(',', ''));
+                            });
+                        }
+                    }
+                });
+            }
+            const assertion = assertionMap.get(id);
+            /** If an import assertion exists for the file, parse it differently */
+            if (assertion) {
+                const { type } = assertion;
+                let code = data;
+                if (type === 'css') {
+                    /** Parse files asserted as CSS to use constructible stylesheets */
+                    code = `const sheet = new CSSStyleSheet();sheet.replaceSync(${convert(data)});export default sheet;`;
+                }
+                else if (type === 'json') {
+                    /** Parse files asserted as JSON as a JS object */
+                    code = `export default ${data}`;
+                }
+                /** Return the new data and map it back to the original source file */
+                return { code, mappings: id };
+            }
+            /** If none of the above exists, just continue as normal */
+            return { code };
+        }
+    };
+}

package/index.mjs

@@ -1,13 +1,5 @@
 #!/usr/bin/env node
 
-// const path = require('path');
-// const url = require('url');
-// const loadConfigFile = require('rollup/loadConfigFile');
-// const rollupModule = require('rollup');
-// const commander = require('commander');
-// const { rollup, watch } = rollupModule;
-// const { program } = commander;
-
 import path from 'path';
 import * as url from 'url';
 import loadConfigFile from 'rollup/loadConfigFile';
@@ -26,18 +18,16 @@ program
   .option('--watch')
   .option('--prod')
   .description('build library')
-  .action((options, command) => {
+  .action(async (options, command) => {
     process.env.BLUEPRINTUI_BUILD = options.prod || !options.watch ? 'production' : 'development';
-    // const configPath = path.resolve(command.args[0]);
-    // const baseDir = configPath.replace('blueprint.config.js', '');
-    // const dist = resolve(baseDir, config.dist);
+    process.env.BLUEPRINTUI_CONFIG = command.args[0] ? path.resolve(command.args[0]) : path.resolve(process.cwd(), './rollup.config.js');
     buildRollup(options);
   });
 
 program.parse();
 
 function buildRollup(args) {
-  loadConfigFile(path.resolve(__dirname, './rollup.config.js'), {}).then(
+  loadConfigFile(path.resolve(__dirname, './rollup.config.mjs'), {}).then(
     async ({ options, warnings }) => {
       if (warnings.count) {
         console.log(`${warnings.count} warnings`);

package/package.json

@@ -1,18 +1,18 @@
 {
   "name": "@blueprintui/cli",
-  "version": "0.0.0",
+  "version": "0.0.3",
   "description": "",
   "main": "./index.mjs",
   "bin": {
     "bp": "./index.mjs"
   },
   "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
+    "publish": "npm publish --access public"
   },
-  "author": "",
+  "author": "Cory Rylan",
   "license": "MIT",
   "dependencies": {
-    "@custom-elements-manifest/analyzer": "^0.6.1",
+    "@custom-elements-manifest/analyzer": "^0.6.2",
     "@lit/ts-transformers": "^1.1.1",
     "@rollup/plugin-node-resolve": "^13.3.0",
     "@rollup/plugin-replace": "^4.0.0",

package/{rollup.config.js → rollup.config.mjs}

@@ -1,5 +1,5 @@
-import * as fs from 'fs-extra';
-import * as glob from 'glob';
+import fs from 'fs-extra';
+import glob from 'glob';
 import typescript from '@rollup/plugin-typescript';
 import nodeResolve from '@rollup/plugin-node-resolve';
 import replace from '@rollup/plugin-replace';
@@ -10,7 +10,8 @@ import minifyHTML from 'rollup-plugin-minify-html-literals';
 import execute from 'rollup-plugin-shell';
 import { terser } from 'rollup-plugin-terser';
 import { resolve, extname } from 'path';
-import { importAssertionsPlugin } from 'rollup-plugin-import-assert';
+import { importAssertionsPlugin } from './import-assert.mjs';
+// import { importAssertionsPlugin } from 'rollup-plugin-import-assert';
 import { importAssertions } from 'acorn-import-assertions';
 import { idiomaticDecoratorsTransformer, constructorCleanupTransformer } from '@lit/ts-transformers';
 import * as csso from 'csso';
@@ -20,19 +21,24 @@ import { dirname } from 'path';
 import { fileURLToPath } from 'url';
 
 const exec = promisify(_exec);
-const __filename = fileURLToPath(import.meta.url)
-const __dirname = dirname(__filename)
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = dirname(__filename);
 
+let userConfig = { };
+if (process.env.BLUEPRINTUI_CONFIG) {
+  userConfig = await import(process.env.BLUEPRINTUI_CONFIG);
+}
 
 const config = {
-  externals: [/^tslib/, /^lit/, /^@lit-labs\/context/, /^@floating-ui\/dom/, /^date-fns/, /^@blueprintui/],
+  externals: [],
   assets: ['./README.md', './LICENSE', './package.json'],
   baseDir: './src',
   outDir: './dist/lib',
   entryPoints: ['./src/**/index.ts', './src/include/*.ts'],
-  tsconfig: './tsconfig.json',
+  tsconfig: './tsconfig.lib.json',
   customElementsManifestConfig: './custom-elements-manifest.config.mjs',
   sourcemap: false,
+  ...userConfig.default.library
 };
 
 const cwd = process.cwd();
@@ -73,12 +79,12 @@ export default [
       compileTypescript(),
       project.prod ? [] : typeCheck(),
       project.prod ? [] : writeCache(),
-      project.prod ? minifyHTML() : [],
+      project.prod ? minifyHTML.default() : [],
       project.prod ? minifyJavaScript() : [],
       project.prod ? inlinePackageVersion() : [],
       project.prod ? postClean(): [],
+      project.prod ? packageCheck() : [],
       // project.prod ? customElementsAnalyzer() : [],
-      // project.prod ? packageCheck() : [],
     ],
   },
 ];
@@ -116,7 +122,7 @@ function inlinePackageVersion() {
 }
 
 function postClean() {
-  return del({ targets: [`${project.outDir}/**/.tsbuildinfo`, `${project.outDir}/**/_virtual`, `${project.outDir}/**/*.spec.d.ts`, `${project.outDir}/**/*.performance.d.ts`], hook: 'writeBundle' });
+  return del({ targets: [`${project.outDir}/**/.tsbuildinfo`, `${project.outDir}/**/_virtual`], hook: 'writeBundle' });
 }
 
 function packageCheck() {
@@ -128,7 +134,6 @@ function customElementsAnalyzer() {
   return {
     name: 'custom-elements-analyzer',
     writeBundle: async () => {
-      console.log('custom-elements-analyzer');
       if (copied) {
         return;
       } else {