@blueprintui/cli 0.0.6 → 0.0.9

package/src/.rollup.cache/@blueprintui/icons/Users/coryrylan/Repos/blueprintui/icons/dist/lib/shapes/won.d.ts

@@ -0,0 +1,13 @@
+import { IconDefinition } from '@blueprintui/icons/internals';
+export declare const wonIcon: {
+    name: string;
+    type: {
+        default: string;
+        solid: string;
+    };
+};
+declare module '@blueprintui/icons' {
+    interface IconRegistry {
+        ['won']: IconDefinition;
+    }
+}

package/src/.rollup.cache/@blueprintui/icons/Users/coryrylan/Repos/blueprintui/icons/dist/lib/shapes/won.js

@@ -0,0 +1,9 @@
+import { IconService } from '@blueprintui/icons/internals';
+export const wonIcon = {
+    name: 'won',
+    type: {
+        default: '<path d="m33 18h-4.25l.5-2h3.75a1 1 0 0 0 0-2h-3.26l2.17-8.76a1 1 0 0 0 -1.91-.48l-2.32 9.24h-6.37l-2.31-9.24a1 1 0 0 0 -1.94 0l-2.27 9.24h-6.37l-2.29-9.24a1 1 0 0 0 -1.94.48l2.17 8.76h-3.36a1 1 0 0 0 0 2h3.85l.5 2h-4.35a1 1 0 0 0 0 2h4.84l2.79 11.24a1 1 0 0 0 1.94 0l2.79-11.24h5.38l2.79 11.24a1 1 0 0 0 1.94 0l2.78-11.24h4.75a1 1 0 0 0 0-2zm-5.82-2-.5 2h-4.38l-.5-2zm-9.18-6.84 1.25 4.84h-2.4zm-9.09 6.84h5.38l-.5 2h-4.38zm2.69 10.84-1.69-6.84h3.39zm4.25-8.84.5-2h3.39l.5 2zm8.64 8.84-1.69-6.84h3.39z"/><path d="m0 0h36v36h-36z" fill="none"/>',
+        solid: '<path d="m17.74 16-.52 2h1.63l-.53-2z"/><path d="m11.94 18h2.69l.53-2h-3.75z"/><path d="m13.29 23.1.81-3.1h-1.63z"/><path d="m21.44 18h2.69l.53-2h-3.75z"/><path d="m22.78 23.1.82-3.1h-1.63z"/><path d="m18 2a16 16 0 1 0 16 16 16 16 0 0 0 -16-16zm11 18h-2.81l-2.19 8.32a1.25 1.25 0 0 1 -2.42 0l-2.2-8.32h-2.69l-2.19 8.32a1.25 1.25 0 0 1 -2.42 0l-2.2-8.32h-2.88a1 1 0 0 1 0-2h2.35l-.53-2h-1.82a1 1 0 0 1 0-2h1.3l-1-3.68a1.25 1.25 0 0 1 2.42-.64l1.16 4.32h4.8l1.14-4.32a1.25 1.25 0 0 1 2.42 0l1.14 4.32h4.8l1.14-4.32a1.25 1.25 0 0 1 2.42.64l-1 3.68h1.26a1 1 0 0 1 0 2h-1.76l-.53 2h2.29a1 1 0 0 1 0 2z"/><path d="m0 0h36v36h-36z" fill="none"/>'
+    }
+};
+IconService.add(wonIcon);

package/src/.rollup.cache/@blueprintui/icons/Users/coryrylan/Repos/blueprintui/icons/dist/lib/shapes/world.d.ts

@@ -0,0 +1,13 @@
+import { IconDefinition } from '@blueprintui/icons/internals';
+export declare const worldIcon: {
+    name: string;
+    type: {
+        default: string;
+        solid: string;
+    };
+};
+declare module '@blueprintui/icons' {
+    interface IconRegistry {
+        ['world']: IconDefinition;
+    }
+}

package/src/.rollup.cache/@blueprintui/icons/Users/coryrylan/Repos/blueprintui/icons/dist/lib/shapes/world.js

@@ -0,0 +1,9 @@
+import { IconService } from '@blueprintui/icons/internals';
+export const worldIcon = {
+    name: 'world',
+    type: {
+        default: '<path d="m26.54 18a19.38 19.38 0 0 0 -.43-4h3.6a12.3 12.3 0 0 0 -.67-1.6h-3.35a19.72 19.72 0 0 0 -2.89-5.87 12.3 12.3 0 0 0 -2.55-.76 17.83 17.83 0 0 1 3.89 6.59h-5.39v-6.76c-.25 0-.51 0-.77 0s-.49 0-.73 0v6.77h-5.39a17.83 17.83 0 0 1 3.9-6.6 12.28 12.28 0 0 0 -2.54.75 19.72 19.72 0 0 0 -2.91 5.85h-3.37a12.3 12.3 0 0 0 -.68 1.63h3.63a19.38 19.38 0 0 0 -.43 4 19.67 19.67 0 0 0 .5 4.37h-3.54a12.34 12.34 0 0 0 .74 1.63h3.23a19.32 19.32 0 0 0 2.69 5.36 12.28 12.28 0 0 0 2.61.79 17.91 17.91 0 0 1 -3.69-6.15h5.26v6.34h.73s.51 0 .77 0v-6.34h5.24a17.9 17.9 0 0 1 -3.7 6.15 12.28 12.28 0 0 0 2.62-.81 19.32 19.32 0 0 0 2.69-5.34h3.2a12.34 12.34 0 0 0 .74-1.6h-3.55a19.67 19.67 0 0 0 .54-4.4zm-9.29 4.37h-5.74a17.69 17.69 0 0 1 -.09-8.4h5.83zm7.24 0h-5.74v-8.37h5.83a18.21 18.21 0 0 1 .42 4 18.12 18.12 0 0 1 -.51 4.37z"/><path d="m18 2a16 16 0 1 0 16 16 16 16 0 0 0 -16-16zm0 30a14 14 0 1 1 14-14 14 14 0 0 1 -14 14z"/><path d="m0 0h36v36h-36z" fill="none"/>',
+        solid: '<path d="m10.05 18a20.46 20.46 0 0 0 .62 4.93h6.48v-9.48h-6.57a20.55 20.55 0 0 0 -.53 4.55z"/><path d="m18.85 13.45v9.48h6.48a20.46 20.46 0 0 0 .67-4.93 20.55 20.55 0 0 0 -.52-4.55z"/><path d="m18 2a16 16 0 1 0 16 16 16 16 0 0 0 -16-16zm12.22 22.71h-3.62a21.8 21.8 0 0 1 -3 6 13.86 13.86 0 0 1 -3 .92 20.21 20.21 0 0 0 4.18-6.94h-5.92v7.15c-.29 0-.57 0-.86 0s-.55 0-.83 0v-7.13h-5.95a20.21 20.21 0 0 0 4.18 6.95 13.86 13.86 0 0 1 -2.94-.9 21.8 21.8 0 0 1 -3-6.05h-3.68a13.94 13.94 0 0 1 -.83-1.81h4a22.2 22.2 0 0 1 -.58-4.9 21.88 21.88 0 0 1 .48-4.55h-4.09a13.88 13.88 0 0 1 .76-1.81h3.81a22.26 22.26 0 0 1 3.28-6.64 13.86 13.86 0 0 1 2.87-.84 20.13 20.13 0 0 0 -4.4 7.45h6.09v-7.61h.83s.58 0 .86 0v7.64h6.09a20.13 20.13 0 0 0 -4.39-7.44 13.89 13.89 0 0 1 2.87.8 22.26 22.26 0 0 1 3.27 6.59h3.77a13.89 13.89 0 0 1 .76 1.81h-4.06a21.88 21.88 0 0 1 .49 4.6 22.2 22.2 0 0 1 -.57 4.93h4a13.94 13.94 0 0 1 -.87 1.78z"/><path d="m0 0h36v36h-36z" fill="none"/>'
+    }
+};
+IconService.add(worldIcon);

package/src/.rollup.cache/@blueprintui/icons/Users/coryrylan/Repos/blueprintui/icons/dist/lib/shapes/wrench.d.ts

@@ -0,0 +1,13 @@
+import { IconDefinition } from '@blueprintui/icons/internals';
+export declare const wrenchIcon: {
+    name: string;
+    type: {
+        default: string;
+        solid: string;
+    };
+};
+declare module '@blueprintui/icons' {
+    interface IconRegistry {
+        ['wrench']: IconDefinition;
+    }
+}

package/src/.rollup.cache/@blueprintui/icons/Users/coryrylan/Repos/blueprintui/icons/dist/lib/shapes/wrench.js

@@ -0,0 +1,9 @@
+import { IconService } from '@blueprintui/icons/internals';
+export const wrenchIcon = {
+    name: 'wrench',
+    type: {
+        default: '<path d="m33.18 26.11-12.83-12.83a9.28 9.28 0 0 0 -12.81-10.49l-1.34.59 5.38 5.38-2.82 2.83-5.38-5.38-.59 1.33a9.27 9.27 0 0 0 10.49 12.81l12.83 12.83a2 2 0 0 0 2.83 0l4.24-4.24a2 2 0 0 0 0-2.83zm-5.66 5.66-13.64-13.65-.57.16a7.27 7.27 0 0 1 -9.31-7 7.2 7.2 0 0 1 .15-1.48l4.61 4.61 5.66-5.66-4.61-4.6a7.27 7.27 0 0 1 8.47 9.16l-.16.57 13.65 13.65z"/><circle cx="27.13" cy="27.09" r="1.3" transform="matrix(.70710678 -.70710678 .70710678 .70710678 -11.21 27.12)"/><path d="m0 0h36v36h-36z" fill="none"/>',
+        solid: '<path d="m33.73 27.72-14.06-14.06a8.79 8.79 0 0 0 -12-10.5l5.33 5.37-4.47 4.47-5.37-5.33a8.79 8.79 0 0 0 10.5 12l14.06 14.06a1.07 1.07 0 0 0 1.5 0l4.51-4.51a1.07 1.07 0 0 0 0-1.5zm-4.73 1.28a1.38 1.38 0 1 1 0-2 1.38 1.38 0 0 1 0 2z"/><path d="m0 0h36v36h-36z" fill="none"/>'
+    }
+};
+IconService.add(wrenchIcon);

package/src/.rollup.cache/@blueprintui/icons/Users/coryrylan/Repos/blueprintui/icons/dist/lib/shapes/yen.d.ts

@@ -0,0 +1,13 @@
+import { IconDefinition } from '@blueprintui/icons/internals';
+export declare const yenIcon: {
+    name: string;
+    type: {
+        default: string;
+        solid: string;
+    };
+};
+declare module '@blueprintui/icons' {
+    interface IconRegistry {
+        ['yen']: IconDefinition;
+    }
+}

package/src/.rollup.cache/@blueprintui/icons/Users/coryrylan/Repos/blueprintui/icons/dist/lib/shapes/yen.js

@@ -0,0 +1,9 @@
+import { IconService } from '@blueprintui/icons/internals';
+export const yenIcon = {
+    name: 'yen',
+    type: {
+        default: '<path d="m29.34 4.55a1 1 0 1 0 -1.67-1.1l-9.67 14.78-9.67-14.78a1 1 0 0 0 -1.67 1.1l10.34 15.8v1.85h-5a.8.8 0 0 0 0 1.6h5v2.4h-5a.8.8 0 0 0 0 1.6h5v4.2a1 1 0 0 0 2 0v-4.2h5a.8.8 0 0 0 0-1.6h-5v-2.4h5a.8.8 0 0 0 0-1.6h-5v-1.85z"/><path d="m0 0h36v36h-36z" fill="none"/>',
+        solid: '<path d="m18 2a16 16 0 1 0 16 16 16 16 0 0 0 -16-16zm8.07 7.91-6.33 10.09h2.26a1 1 0 0 1 0 2h-2.75v2h2.75a1 1 0 0 1 0 2h-2.75v2.75a1.25 1.25 0 0 1 -2.5 0v-2.75h-2.75a1 1 0 1 1 0-2h2.75v-2h-2.75a1 1 0 1 1 0-2h2.26l-6.33-10.09a1.25 1.25 0 1 1 2.12-1.33l5.95 9.5 5.95-9.49a1.25 1.25 0 1 1 2.12 1.33z"/><path d="m0 0h36v36h-36z" fill="none"/>'
+    }
+};
+IconService.add(yenIcon);

package/src/.rollup.cache/@blueprintui/icons/Users/coryrylan/Repos/blueprintui/icons/dist/lib/shapes/zoom-in.d.ts

@@ -0,0 +1,12 @@
+import { IconDefinition } from '@blueprintui/icons/internals';
+export declare const zoomInIcon: {
+    name: string;
+    type: {
+        default: string;
+    };
+};
+declare module '@blueprintui/icons' {
+    interface IconRegistry {
+        ['zoom-in']: IconDefinition;
+    }
+}

package/src/.rollup.cache/@blueprintui/icons/Users/coryrylan/Repos/blueprintui/icons/dist/lib/shapes/zoom-in.js

@@ -0,0 +1,8 @@
+import { IconService } from '@blueprintui/icons/internals';
+export const zoomInIcon = {
+    name: 'zoom-in',
+    type: {
+        default: '<path d="m16 4a12 12 0 1 0 12 12 12 12 0 0 0 -12-12zm0 21.91a10 10 0 1 1 10-9.91 10 10 0 0 1 -10 9.91z"/><path d="m31.71 29.69-5.17-5.17a13.68 13.68 0 0 1 -1.39 1.48l5.15 5.15a1 1 0 0 0 1.41-1.41z"/><path d="m21 15h-4v-4a1 1 0 0 0 -2 0v4h-4a1 1 0 0 0 0 2h4v4a1 1 0 0 0 2 0v-4h4a1 1 0 0 0 0-2z"/><path d="m0 0h36v36h-36z" fill="none"/>',
+    }
+};
+IconService.add(zoomInIcon);

package/src/.rollup.cache/@blueprintui/icons/Users/coryrylan/Repos/blueprintui/icons/dist/lib/shapes/zoom-out.d.ts

@@ -0,0 +1,12 @@
+import { IconDefinition } from '@blueprintui/icons/internals';
+export declare const zoomOutIcon: {
+    name: string;
+    type: {
+        default: string;
+    };
+};
+declare module '@blueprintui/icons' {
+    interface IconRegistry {
+        ['zoom-out']: IconDefinition;
+    }
+}

package/src/.rollup.cache/@blueprintui/icons/Users/coryrylan/Repos/blueprintui/icons/dist/lib/shapes/zoom-out.js

@@ -0,0 +1,8 @@
+import { IconService } from '@blueprintui/icons/internals';
+export const zoomOutIcon = {
+    name: 'zoom-out',
+    type: {
+        default: '<path d="m16 4a12 12 0 1 0 12 12 12 12 0 0 0 -12-12zm0 21.91a10 10 0 1 1 10-9.91 10 10 0 0 1 -10 9.91z"/><path d="m31.71 29.69-5.17-5.17a13.68 13.68 0 0 1 -1.39 1.48l5.15 5.15a1 1 0 0 0 1.41-1.41z"/><path d="m20 15h-8a1 1 0 0 0 0 2h8a1 1 0 0 0 0-2z"/><path d="m0 0h36v36h-36z" fill="none"/>',
+    }
+};
+IconService.add(zoomOutIcon);

package/{custom-elements-manifest.config.mjs → src/custom-elements-manifest.config.mjs}

@@ -17,9 +17,17 @@ const config = {
 
 export default {
   globs: [resolve(cwd, config.baseDir)],
+  exclude: [
+    `${resolve(cwd, config.baseDir)}/**/*.test.ts`,
+    `${resolve(cwd, config.baseDir)}/**/*.spec.ts`,
+    `${resolve(cwd, config.baseDir)}/**/*.a11y.ts`,
+    `${resolve(cwd, config.baseDir)}/**/*.performance.ts`,
+    `${resolve(cwd, config.baseDir)}/**/*.stories.ts`,
+    `${resolve(cwd, config.baseDir)}/**/*.examples.js`
+],
   outdir: config.outDir,
   litelement: true,
-  plugins: [tsExtensionPlugin(), baseDir(), orderElements()],
+  plugins: [tsExtension(), baseDir(), orderElements()],
 };
 
 export function orderElements() {
@@ -42,7 +50,7 @@ export function baseDir() {
   };
 }
 
-export function tsExtensionPlugin() {
+export function tsExtension() {
   return {
     name: 'ts-extensions',
     packageLinkPhase({ customElementsManifest }) {

package/{index.mjs → src/index.mjs}

@@ -2,10 +2,22 @@
 
 import * as url from 'url';
 import { path } from 'zx';
+import { cwd } from 'process';
 import { spinner } from 'zx/experimental';
 import { rollup, watch } from 'rollup';
 import { program } from 'commander';
 import loadConfigFile from 'rollup/loadConfigFile';
+import { cp, lstat, readdir } from 'fs/promises';
+import { readFileSync, writeFileSync } from 'fs';
+import { join, resolve }  from 'path';
+import { getUserConfig } from './utils.mjs';
+
+const deepReadDir = async (dirPath) => await Promise.all(
+  (await readdir(dirPath)).map(async (entity) => {
+    const path = join(dirPath, entity)
+    return (await lstat(path)).isDirectory() ? await deepReadDir(path) : path
+  }),
+);
 
 const __dirname = url.fileURLToPath(new URL('.', import.meta.url));
 
@@ -20,14 +32,57 @@ program
   .command('build')
   .option('--config', 'path for custom config')
   .option('--watch')
-  .option('--prod')
   .description('build library')
   .action(async (options, command) => {
-    process.env.BLUEPRINTUI_BUILD = options.prod || !options.watch ? 'production' : 'development';
+    process.env.BLUEPRINTUI_BUILD = !options.watch ? 'production' : 'development';
     process.env.BLUEPRINTUI_CONFIG = command.args[0] ? path.resolve(command.args[0]) : path.resolve('./blueprint.config.js');
     buildRollup(options);
   });
 
+program
+  .command('new')
+  .argument('<library name>', 'library name')
+  .description('generate library')
+  .action(async (name, command) => {
+    const outPath = resolve(cwd(), `./${name}`);
+    await cp(resolve(__dirname, './project'), outPath, { recursive: true });
+
+    const files = (await deepReadDir(outPath))?.flat(Number.POSITIVE_INFINITY);
+    files.forEach(file => {
+      const value = readFileSync(file, 'utf8').toString();
+      writeFileSync(file, value.replaceAll('{{LIBRARY}}', name));
+    });
+  });
+
+program
+  .command('api')
+  .option('--update')
+  .option('--test')
+  .description('verify and update custom elements manifest API lockfile')
+  .action(async (options, command) => {
+    process.env.BLUEPRINTUI_BUILD = !options.watch ? 'production' : 'development';
+    process.env.BLUEPRINTUI_CONFIG = command.args[0] ? path.resolve(command.args[0]) : path.resolve('./blueprint.config.js');
+
+    const config = await getUserConfig();
+    const lockfilePath = config.customElementsManifestLockFile ? path.resolve(config.customElementsManifestLockFile) : path.resolve('./custom-elements.lock.json');
+    const manifestPath = path.resolve(config.outDir, './custom-elements.json');
+    const lockfile = readFileSync(lockfilePath, 'utf8').toString();
+    const manifest = readFileSync(manifestPath, 'utf8').toString();
+
+    if (options.test) {      
+      if (lockfile !== manifest) {
+        console.error(status.error, '🚫 new custom element API changes detected, run "bp api --update" to update the custom-elements.lock.json');
+      } else {
+        console.log(status.success, `✅ No custom element API changes detected`);
+      }
+    }
+
+    if (options.update) {
+      writeFileSync(lockfilePath, manifest);
+      console.log(status.success, `🔏 custom-elements.lock.json updated to latest API changes`);
+    }
+  });
+
 program.parse();
 
 function buildRollup(args) {

package/src/project/README.md

@@ -0,0 +1,8 @@
+# {{LIBRARY}}
+
+Generated with @blueprintui/cli.
+
+| Command              | Description                      |
+| -------------------- | -------------------------------- |
+| npm run build        | Build library for production     |
+| npm run start        | Build library in dev/watch mode  |

package/src/project/blueprint.config.js

@@ -0,0 +1,7 @@
+
+export default { 
+  library: {
+    entryPoints: ['./src/**/index.ts', './src/include/*.ts'],
+    externals: [/^library/, /^tslib/, /^lit/],
+  }
+};

package/src/project/package.json

@@ -0,0 +1,43 @@
+{
+  "name": "{{LIBRARY}}",
+  "version": "0.0.0",
+  "main": "./index.js",
+  "module": "./index.js",
+  "typings": "./index.d.ts",
+  "type": "module",
+  "customElements": "./custom-elements.json",
+  "homepage": "https://cli.blueprintui.dev",
+  "keywords": ["web components", "blueprintui"],
+  "license": "MIT",
+  "description": "{{LIBRARY}} web component library",
+  "scripts": {
+    "start": "bp build --watch",
+    "build": "bp build"
+  },
+  "files": [
+    "*"
+  ],
+  "sideEffects": [
+    "./include/*.js"
+  ],
+  "exports": {
+    "./custom-elements.json": "./custom-elements.json",
+    ".": "./index.js",
+    "./include/*": "./include/*",
+    "./*": "./*/index.js"
+  },
+  "author": {
+    "name": ""
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://cli.blueprintui.dev"
+  },
+  "dependencies": {
+    "lit": "^2.2.5"
+  },
+  "devDependencies": {
+    "@blueprintui/cli": "^0.0.5",
+    "typescript": "^4.6.4"
+  }
+}

package/src/project/src/alert/element.css

@@ -0,0 +1,57 @@
+:host {
+  --background: #bed5f2;
+  --color: #2d2d2d;
+  --font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
+  --gap: 12px;
+  --padding: 12px;
+  display: block;
+  width: 100%;
+}
+
+.private-host {
+  background: var(--background);
+  font-family: var(--font-family);
+  color: var(--color);
+  gap: var(--gap);
+  padding: var(--padding);
+  display: flex;
+  align-items: center;
+}
+
+[part='icon'] {
+  --color: var(--icon-color);
+}
+
+[part='close'] {
+  --color: currentcolor;
+}
+
+:host([status='success']) {
+  --background: #b2e4ba;
+}
+
+:host([status='warning']) {
+  --background: #ededa4;
+}
+
+:host([status='danger']) {
+  --background: #f0baba;
+}
+
+button {
+  background: none;
+  border: 0;
+  position: absolute;
+  right: 12px;
+  font-size: 30px;
+  height: 32px;
+  width: 32px;
+  padding: 0;
+  cursor: pointer;
+  color: hsla(0, 0%, 0%, 0.4);
+  background: hsla(0, 0%, 0%, 0.05);
+}
+
+button:hover {
+  background: hsla(0, 0%, 0%, 0.1);
+}

package/src/project/src/alert/element.ts

@@ -0,0 +1,30 @@
+import { html, LitElement } from 'lit';
+import { property } from 'lit/decorators/property.js';
+import styles from './element.css' assert { type: 'css' };
+
+/**
+ * @element ui-alert
+ * @slot - alert content
+ * @event - close
+ * @cssprop --color
+ */
+export class Alert extends LitElement {
+  static styles = [styles];
+
+  @property({ type: String, reflect: true }) status: 'neutral' | 'success' | 'warning' | 'danger' = 'neutral';
+
+  @property({ type: Boolean }) closable = false;
+
+  render() {
+    return html`
+      <div class="private-host">
+        <slot></slot>
+        ${this.closable ? html`<button @click=${this.#close} part="close" aria-label="close">&times;</button>` : ''}
+      </div>
+    `;
+  }
+
+  #close() {
+    this.dispatchEvent(new CustomEvent('close', { detail: true }));
+  }
+}

package/src/project/src/alert/index.ts

@@ -0,0 +1 @@
+export * from './element.js';

package/src/project/src/global.d.ts

@@ -0,0 +1,4 @@
+declare module '*.css' {
+  const value: CSSStyleSheet;
+  export default value;
+}

package/src/project/src/include/alert.ts

@@ -0,0 +1,9 @@
+import { Alert } from 'library/alert';
+
+customElements.get('bp-alert') || customElements.define('ui-alert', Alert);
+
+declare global {
+  interface HTMLElementTagNameMap {
+    'ui-alert': Alert;
+  }
+}

package/src/project/src/index.ts

@@ -0,0 +1 @@
+export const version = 'PACKAGE_VERSION';

package/src/project/tsconfig.json

@@ -0,0 +1,33 @@
+{
+  "compilerOptions": {
+    "target": "es2022",
+    "module": "esnext",
+    "moduleResolution": "node",
+    "lib": ["esnext", "dom"],
+    "experimentalDecorators": true,
+    "useDefineForClassFields": false,
+    "allowSyntheticDefaultImports": false,
+    "resolveJsonModule": true,
+    "outDir": "./dist/lib",
+    "declaration": true,
+    "types": ["jasmine"],
+    "alwaysStrict": true,
+    "noImplicitAny": true,
+    "noImplicitReturns": true,
+    "noImplicitThis": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "strictFunctionTypes": true,
+    "noFallthroughCasesInSwitch": true,
+    "strictNullChecks": false,
+    "sourceMap": false,
+    "inlineSourceMap": false,
+    "importHelpers": true,
+    "baseUrl": "./",
+    "rootDir": "./src",
+    "paths": {
+      "library/*": ["./src/*"]
+    }
+  },
+  "exclude": ["dist", "node_modules"]
+}

package/src/project/tsconfig.lib.json

@@ -0,0 +1,15 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "types": [],
+    "incremental": true,
+    "isolatedModules": true,
+    "useDefineForClassFields": true,
+    "noEmit": true,
+    "tsBuildInfoFile": "./dist/lib/.tsbuildinfo"
+  },
+  "exclude": [
+    "dist",
+    "node_modules"
+  ]
+}

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

@@ -14,31 +14,17 @@ import { importAssertions } from 'acorn-import-assertions';
 import { idiomaticDecoratorsTransformer, constructorCleanupTransformer } from '@lit/ts-transformers';
 import { fileURLToPath } from 'url';
 import { importAssertionsPlugin } from './import-assert.mjs';
+import { runCustomElementsAnalyzer, getUserConfig } from './utils.mjs';
 // import { importAssertionsPlugin } from 'rollup-plugin-import-assert';
 
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = path.dirname(__filename);
 
-let userConfig = { };
-if (process.env.BLUEPRINTUI_CONFIG) {
-  userConfig = await import(process.env.BLUEPRINTUI_CONFIG);
-}
-
-const config = {
-  externals: [],
-  assets: ['./README.md', './LICENSE.md', './package.json'],
-  baseDir: './src',
-  outDir: './dist/lib',
-  entryPoints: ['./src/**/index.ts'],
-  tsconfig: './tsconfig.lib.json',
-  sourcemap: false,
-  ...userConfig.default?.library
-};
-
+const config = await getUserConfig();
 const cwd = process.cwd();
 const project = {
   externals: config.externals,
-  packageFile: path.resolve(cwd, './package.json'),
+  packageJSON: fs.readJsonSync(path.resolve(cwd, './package.json')),
   assets: config.assets.map(a => path.resolve(cwd, a)),
   baseDir: path.resolve(cwd, config.baseDir),
   outDir: path.resolve(cwd, config.outDir),
@@ -64,7 +50,7 @@ export default [
     },
     acornInjectPlugins: [importAssertions],
     plugins: [
-      // del({ targets: [project.outDir], hook: 'buildStart', runOnce: true }),
+      project.prod ? cleanOutDir()  : [],
       copyAssets(),
       project.prod ? cssOptimize() : [],
       importAssertionsPlugin(),
@@ -76,6 +62,7 @@ export default [
       project.prod ? minifyHTML.default() : [],
       project.prod ? minifyJavaScript() : [],
       project.prod ? inlinePackageVersion() : [],
+      project.prod ? patchSuperMinify() : [],
       project.prod ? postClean(): [],
       project.prod ? packageCheck() : [],
       project.prod ? customElementsAnalyzer() : [],
@@ -84,6 +71,10 @@ export default [
   },
 ];
 
+function cleanOutDir() {
+  return del({ targets: [project.outDir], hook: 'buildStart', runOnce: true });
+}
+
 function copyAssets() {
   return copy({ copyOnce: true, targets: project.assets.map(src => ({ src, dest: config.outDir }))});
 }
@@ -94,6 +85,7 @@ function createEntrypoints() {
 
 function compileTypescript() {
   return typescript({
+    cacheDir: path.resolve(__dirname, '.rollup.cache', project.packageJSON.name),
     tsconfig: project.tsconfig,
     noEmitOnError: project.prod,
     compilerOptions: { sourceMap: project.sourcemap },
@@ -113,7 +105,17 @@ function minifyJavaScript() {
 }
 
 function inlinePackageVersion() {
-  return replace({ preventAssignment: false, values: { PACKAGE_VERSION: fs.readJsonSync(project.packageFile).version } })
+  return replace({ preventAssignment: false, values: { PACKAGE_VERSION: project.packageJSON.version } });
+}
+
+function patchSuperMinify() {
+  return replace({
+    preventAssignment: false,
+      values: {
+        'super(...arguments),': 'super(...arguments);',
+        'super(),': 'super();',
+      }, // safari 15 and latest chromium pupeteer bug with minification optimization in terser
+    });
 }
 
 function postClean() {
@@ -132,8 +134,7 @@ function customElementsAnalyzer() {
       if (copied) {
         return;
       } else {
-        const cemPath = path.resolve('node_modules', '@custom-elements-manifest/analyzer/index.js');
-        await $`${cemPath} analyze --config ${project.customElementsManifestConfig}`;
+        await runCustomElementsAnalyzer(project.customElementsManifestConfig);
         copied = true;
       }
     }
@@ -144,9 +145,7 @@ 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));
+      await fs.writeFile(`${project.outDir}/package.json`, JSON.stringify({ ...project.packageJSON, scripts: undefined, devDependencies: undefined }, null, 2));
     }
   }
 }

package/src/utils.mjs

@@ -0,0 +1,26 @@
+import { $, path } from 'zx';
+
+export async function runCustomElementsAnalyzer(customElementsManifestConfig) {
+  const cemPath = path.resolve('node_modules', '@custom-elements-manifest/analyzer/index.js');
+  $.verbose = false;
+  return await $`${cemPath} analyze --config ${customElementsManifestConfig} --quiet`;
+}
+
+export async function getUserConfig() {
+  let userConfig = { };
+  if (process.env.BLUEPRINTUI_CONFIG) {
+    userConfig = await import(process.env.BLUEPRINTUI_CONFIG);
+  }
+
+  return {
+    externals: [],
+    assets: ['./README.md', './LICENSE.md', './package.json'],
+    customElementsManifestLockFile: './custom-elements.lock.json',
+    baseDir: './src',
+    outDir: './dist/lib',
+    entryPoints: ['./src/**/index.ts'],
+    tsconfig: './tsconfig.lib.json',
+    sourcemap: false,
+    ...userConfig.default?.library
+  };
+}