@zerops/web-components 0.0.1

package/package.json

@@ -0,0 +1,24 @@
+{
+  "name": "@zerops/web-components",
+  "version": "0.0.1",
+  "description": "Zerops UI as framework-agnostic web components — drop a <script>, get live, deployable recipe cards on any page.",
+  "license": "MIT",
+  "homepage": "https://zerops.io",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/zeropsio/apps.git"
+  },
+  "type": "module",
+  "sideEffects": true,
+  "exports": {
+    "./recipe-card": {
+      "types": "./recipe-card.d.ts",
+      "default": "./recipe-card.js"
+    },
+    "./style.css": "./style.css",
+    "./recipes/*": "./recipes/*"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}

package/recipe-card.d.ts

@@ -0,0 +1,51 @@
+/**
+ * Importing this module registers the <zerops-recipe-card> custom element.
+ */
+export interface ZeropsRecipeCardElement extends HTMLElement {
+  /** Catalog slug — the element fetches the recipe from the public API. */
+  slug: string | undefined;
+  /**
+   * Pre-captured raw recipe (see the package's recipes/*.json) — renders
+   * synchronously with no API call and wins over `slug`. Accepts the object
+   * or a JSON string.
+   */
+  recipeData: object | string | undefined;
+  /** Public API origin. Default: https://api.zerops.io */
+  apiBase: string;
+  /** App origin for detail/deploy links. Default: https://app.zerops.io */
+  appUrl: string;
+
+  addEventListener<K extends keyof ZeropsRecipeCardEventMap>(
+    type: K,
+    listener: (this: ZeropsRecipeCardElement, ev: ZeropsRecipeCardEventMap[K]) => void,
+    options?: boolean | AddEventListenerOptions,
+  ): void;
+  addEventListener(
+    type: string,
+    listener: EventListenerOrEventListenerObject,
+    options?: boolean | AddEventListenerOptions,
+  ): void;
+  removeEventListener<K extends keyof ZeropsRecipeCardEventMap>(
+    type: K,
+    listener: (this: ZeropsRecipeCardElement, ev: ZeropsRecipeCardEventMap[K]) => void,
+    options?: boolean | EventListenerOptions,
+  ): void;
+  removeEventListener(
+    type: string,
+    listener: EventListenerOrEventListenerObject,
+    options?: boolean | EventListenerOptions,
+  ): void;
+}
+
+export interface ZeropsRecipeCardEventMap {
+  /** Deploy clicked — detail is the app URL opened in the new tab. */
+  deployed: CustomEvent<string>;
+  /** A detail/title link was clicked. */
+  detailOpened: CustomEvent<void>;
+}
+
+declare global {
+  interface HTMLElementTagNameMap {
+    'zerops-recipe-card': ZeropsRecipeCardElement;
+  }
+}

package/recipe-card.js

@@ -0,0 +1 @@
+import "./chunks/register-C5_R6XU0.js";