@sekiui/elements 0.0.12 → 0.0.14

package/loader/cdn.js

@@ -0,0 +1 @@
+module.exports = require('../dist/cjs/loader.cjs.js');

package/loader/index.cjs.js

@@ -0,0 +1 @@
+module.exports = require('../dist/cjs/loader.cjs.js');

package/loader/index.d.ts

@@ -0,0 +1,24 @@
+export * from '../dist/types/components';
+export interface CustomElementsDefineOptions {
+  exclude?: string[];
+  resourcesUrl?: string;
+  syncQueue?: boolean;
+  jmp?: (c: Function) => any;
+  raf?: (c: FrameRequestCallback) => number;
+  ael?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+  rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+}
+export declare function defineCustomElements(win?: Window, opts?: CustomElementsDefineOptions): void;
+/**
+ * @deprecated
+ */
+export declare function applyPolyfills(): Promise<void>;
+
+/**
+ * Used to specify a nonce value that corresponds with an application's CSP.
+ * When set, the nonce will be added to all dynamically created script and style tags at runtime.
+ * Alternatively, the nonce value can be set on a meta tag in the DOM head
+ * (<meta name="csp-nonce" content="{ nonce value here }" />) which
+ * will result in the same behavior.
+ */
+export declare function setNonce(nonce: string): void;

package/loader/index.es2017.js

@@ -0,0 +1 @@
+export * from '../dist/esm/loader.js';

package/loader/index.js

@@ -0,0 +1,2 @@
+(function(){if("undefined"!==typeof window&&void 0!==window.Reflect&&void 0!==window.customElements){var a=HTMLElement;window.HTMLElement=function(){return Reflect.construct(a,[],this.constructor)};HTMLElement.prototype=a.prototype;HTMLElement.prototype.constructor=HTMLElement;Object.setPrototypeOf(HTMLElement,a)}})();
+export * from '../dist/esm/loader.js';

package/package.json

@@ -1,13 +1,48 @@
 {
   "name": "@sekiui/elements",
-  "description": "sekiui web components UI library",
+  "version": "0.0.14",
+  "description": "Sekiui UI web components library",
+  "main": "dist/index.cjs.js",
+  "module": "dist/index.js",
+  "es2015": "dist/esm/index.mjs",
+  "es2017": "dist/esm/index.mjs",
+  "types": "dist/types/index.d.ts",
+  "collection": "dist/collection/collection-manifest.json",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.js"
+    },
+    "./loader": {
+      "types": "./loader/index.d.ts",
+      "import": "./loader/index.js",
+      "require": "./loader/index.cjs.js"
+    }
+  },
+  "files": [
+    "dist",
+    "loader"
+  ],
+  "keywords": [
+    "ui",
+    "components",
+    "web components"
+  ],
   "license": "MIT",
   "devDependencies": {
-    "rimraf": "^6.0.0"
+    "@stencil/core": "^4.37.1",
+    "@tailwindcss/typography": "^0.5.19",
+    "autoprefixer": "^10.4.21",
+    "postcss": "^8.5.6",
+    "tailwindcss": "^4.1.13",
+    "typescript": "^5.0.0"
   },
-  "version": "0.0.12",
   "scripts": {
-    "build": "pnpm -r build",
-    "clean": "rimraf packages/**/dist"
+    "build": "stencil build && node scripts/post-build.js",
+    "start": "stencil build --dev --watch --serve",
+    "test": "stencil test --spec --e2e",
+    "test.watch": "stencil test --spec --e2e --watchAll",
+    "generate": "stencil generate"
   }
 }

package/.github/workflows/release.yml

@@ -1,42 +0,0 @@
-name: Release
-
-on:
-  push:
-    tags: ["v*"]   # e.g. v0.0.3
-  workflow_dispatch:
-
-permissions:
-  contents: read
-
-jobs:
-  publish:
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v5
-
-      - uses: pnpm/action-setup@v4
-
-      - uses: actions/setup-node@v5
-        with:
-          node-version: 20
-          registry-url: https://registry.npmjs.org
-          cache: pnpm
-          always-auth: true
-
-      - name: Install deps
-        run: pnpm i --frozen-lockfile
-
-      # ⬇️ auto-bump package.json version from the tag (vX.Y.Z => X.Y.Z)
-      - name: Sync version from tag
-        run: |
-          VERSION="${GITHUB_REF#refs/tags/v}"
-          echo "Version from tag: $VERSION"
-          npm version "$VERSION" --no-git-tag-version
-
-      - name: Build
-        run: pnpm run build
-
-      - name: Publish to npm
-        env:
-          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
-        run: pnpm publish --access public --no-git-checks

package/packages/elements/README.md

@@ -1,25 +0,0 @@
-# @sekiui/elements
-
-**Seki UI** — short, rock-solid web components with the `seki-` prefix.
-
-## Quick start
-```html
-<script type="module">
-  import "@sekiui/elements"; // registers <seki-button> and <seki-card>
-</script>
-
-<seki-card>
-  <seki-button>Click me</seki-button>
-</seki-card>
-```
-
-## Per-component imports
-```js
-import "@sekiui/elements/button"; // defines <seki-button> only
-```
-
-## Theming
-Use CSS parts and custom properties (e.g. `part="button"`).
-
-## License
-MIT

package/packages/elements/package.json

@@ -1,30 +0,0 @@
-{
-  "name": "@sekiui/elements",
-  "version": "0.1.0",
-  "description": "Sekiui UI web components library",
-  "main": "dist/index.js",
-  "types": "dist/index.d.ts",
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.js",
-      "require": "./dist/index.js"
-    }
-  },
-  "files": [
-    "dist"
-  ],
-  "scripts": {
-    "build": "tsc",
-    "prepublishOnly": "pnpm run build"
-  },
-  "keywords": [
-    "ui",
-    "components",
-    "web components"
-  ],
-  "license": "MIT",
-  "devDependencies": {
-    "typescript": "^5.0.0"
-  }
-}

package/packages/elements/src/button.ts

@@ -1,18 +0,0 @@
-export class SekiButton extends HTMLElement {
-  connectedCallback() {
-    if (!this.shadowRoot) {
-      const root = this.attachShadow({ mode: "open" });
-      root.innerHTML = `
-        <button part="button" style="border:1px solid currentColor;padding:.5rem .75rem;border-radius:.5rem;background:transparent;">
-          <slot></slot>
-        </button>
-      `;
-    }
-  }
-}
-
-export function defineSekiButton() {
-  if (!customElements.get("seki-button")) {
-    customElements.define("seki-button", SekiButton);
-  }
-}

package/packages/elements/src/card.ts

@@ -1,18 +0,0 @@
-export class SekiCard extends HTMLElement {
-  connectedCallback() {
-    if (!this.shadowRoot) {
-      const root = this.attachShadow({ mode: "open" });
-      root.innerHTML = `
-        <div part="card" style="border:1px solid currentColor;padding:1rem;border-radius:.75rem;display:block">
-          <slot></slot>
-        </div>
-      `;
-    }
-  }
-}
-
-export function defineSekiCard() {
-  if (!customElements.get("seki-card")) {
-    customElements.define("seki-card", SekiCard);
-  }
-}

package/packages/elements/src/index.ts

@@ -1,13 +0,0 @@
-export { SekiButton, defineSekiButton } from "./button";
-export { SekiCard, defineSekiCard } from "./card";
-import { defineSekiButton } from "./button";
-import { defineSekiCard } from "./card";
-
-export function defineAllSeki() {
-  defineSekiButton();
-  defineSekiCard();
-}
-
-// Auto-register all by default to make the placeholder easy to try.
-// If you prefer opt-in registration, comment out the next line.
-// defineAllSeki();

package/packages/elements/tsconfig.json

@@ -1,21 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "ES2022",
-    "module": "ES2022",
-    "moduleResolution": "bundler",
-    "declaration": true,
-    "declarationMap": false,
-    "sourceMap": false,
-    "outDir": "dist",
-    "strict": true,
-    "skipLibCheck": true,
-    "lib": [
-      "ES2022",
-      "DOM",
-      "DOM.Iterable"
-    ]
-  },
-  "include": [
-    "src"
-  ]
-}

package/pnpm-workspace.yaml

@@ -1,2 +0,0 @@
-packages:
-  - "packages/*"