@blueprintui/cli 0.0.0 → 0.0.1

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,15 +1,15 @@
 {
   "name": "@blueprintui/cli",
-  "version": "0.0.0",
+  "version": "0.0.1",
   "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",

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,12 +21,16 @@ 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',
@@ -33,6 +38,7 @@ const config = {
   tsconfig: './tsconfig.json',
   customElementsManifestConfig: './custom-elements-manifest.config.mjs',
   sourcemap: false,
+  ...userConfig.default
 };
 
 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 ? customElementsAnalyzer() : [],
-      // project.prod ? packageCheck() : [],
+      project.prod ? customElementsAnalyzer() : [],
+      project.prod ? packageCheck() : [],
     ],
   },
 ];