@blueprintui/cli 0.0.6 → 0.0.7

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}

@@ -38,7 +38,7 @@ const config = {
 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 +64,7 @@ export default [
     },
     acornInjectPlugins: [importAssertions],
     plugins: [
-      // del({ targets: [project.outDir], hook: 'buildStart', runOnce: true }),
+      project.prod ? cleanOutDir()  : [],
       copyAssets(),
       project.prod ? cssOptimize() : [],
       importAssertionsPlugin(),
@@ -84,6 +84,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 +98,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 +118,7 @@ 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 postClean() {
@@ -144,9 +149,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));
     }
   }
 }