@qwik-custom-elements/adapter-stencil 1.0.2 → 1.0.3

package/dist/ssr/index.qwik.mjs

@@ -0,0 +1,346 @@
+import { _jsxBranch, _jsxC, SSRRaw, componentQrl, inlinedQrl, useLexicalScope, _restProps, useSignal, useId, useOnDocument, useTaskQrl, _jsxS, SSRStream, Slot, _IMMUTABLE, _fnSignal, _jsxQ } from "@builder.io/qwik";
+function isSerializablePrimitive(value) {
+  const valueType = typeof value;
+  return value == null || valueType === "string" || valueType === "number" || valueType === "boolean";
+}
+function updateStencilElementProps(el, props) {
+  if (!el || !props) return;
+  const keys = Object.keys(props);
+  for (const key of keys) {
+    const value = props[key];
+    const isEvent = key.startsWith("on") || key.startsWith("$");
+    if (isEvent) continue;
+    const isPrimitive = isSerializablePrimitive(value);
+    if (isPrimitive) el.setAttribute(key, String(value));
+    else el[key] = value;
+  }
+}
+const STENCIL_STYLE_STORE_KEY = "__stencil_ssr_style_store__";
+function normalizeStyleKey(styleId, styleText = "", tagName) {
+  if (styleId && styleId.length > 0) return styleId;
+  if (tagName) return `sc-${tagName}`;
+  return `inline-${styleText.length}-${styleText.slice(0, 32)}`;
+}
+function createStencilSsrStyleStore() {
+  return {
+    stylesByKey: /* @__PURE__ */ new Map()
+  };
+}
+function getOrCreateStencilSsrStyleStore(requestEvent) {
+  const existing = requestEvent.sharedMap.get(STENCIL_STYLE_STORE_KEY);
+  if (existing) return existing;
+  const created = createStencilSsrStyleStore();
+  requestEvent.sharedMap.set(STENCIL_STYLE_STORE_KEY, created);
+  return created;
+}
+function collectStencilSsrStyles(result, styleStore, tagName) {
+  if (!result.styles || result.styles.length === 0) return;
+  for (const styleEntry of result.styles) {
+    const styleText = styleEntry.content ?? "";
+    const styleId = styleEntry.id;
+    if (!styleText) continue;
+    const key = normalizeStyleKey(styleId, styleText, tagName);
+    styleStore.stylesByKey.set(key, styleText);
+  }
+}
+function toDocumentHeadStyles(styleStore, options) {
+  const keyPrefix = options?.keyPrefix ?? "stencil-ssr";
+  const nonce = options?.nonce;
+  return [
+    ...styleStore.stylesByKey.entries()
+  ].map(([styleKey, style]) => ({
+    key: `${keyPrefix}-${styleKey}`,
+    style,
+    props: nonce ? {
+      nonce
+    } : void 0
+  }));
+}
+function isRuntimeBrowser() {
+  return typeof window !== "undefined" && typeof document !== "undefined";
+}
+function isRuntimeServer() {
+  return !isRuntimeBrowser();
+}
+const INLINE_EMITTED_KEY = "__stencil_ssr_inline_emitted__";
+const EVENT_QRL_IDS = /* @__PURE__ */ new WeakMap();
+let eventQrlIdCounter = 0;
+function getEventQrlId(qrl) {
+  if (!qrl || typeof qrl !== "object" && typeof qrl !== "function") return -1;
+  const qrlObj = qrl;
+  const existing = EVENT_QRL_IDS.get(qrlObj);
+  if (existing) return existing;
+  const next = ++eventQrlIdCounter;
+  EVENT_QRL_IDS.set(qrlObj, next);
+  return next;
+}
+function getOrInitRequestInlineEmittedKeys() {
+  const reqEnv = globalThis.qcAsyncRequestStore?.getStore?.();
+  if (!reqEnv?.sharedMap || !(reqEnv.sharedMap instanceof Map)) return /* @__PURE__ */ new Set();
+  const existing = reqEnv.sharedMap.get(INLINE_EMITTED_KEY);
+  if (existing) return existing;
+  const created = /* @__PURE__ */ new Set();
+  reqEnv.sharedMap.set(INLINE_EMITTED_KEY, created);
+  return created;
+}
+function buildInlineStylesHtml(renderResult, tagName) {
+  const emittedKeys = getOrInitRequestInlineEmittedKeys();
+  const tempStore = createStencilSsrStyleStore();
+  collectStencilSsrStyles(renderResult, tempStore, tagName);
+  let html = "";
+  for (const [key, style] of tempStore.stylesByKey) if (!emittedKeys.has(key)) {
+    emittedKeys.add(key);
+    html += `<style sty-id="${key}">${style}</style>`;
+  }
+  return html;
+}
+const DEFAULT_SLOT_MARKER = "<!--SLOT-->";
+const DEFAULT_NAMED_SLOT_PLACEHOLDER_TAG = "span";
+function namedSlotMarker(name) {
+  return `<!--SLOT:${name}-->`;
+}
+function getStencilElement(wrapper, tagName) {
+  return wrapper?.querySelector(tagName);
+}
+function getWrapperElement(wrapperId) {
+  if (!isRuntimeBrowser()) return void 0;
+  return document.querySelector(`[data-stencil-wrapper-id="${wrapperId}"]`) ?? void 0;
+}
+function getEventEntries(events) {
+  return Object.entries(events ?? {}).filter(([eventName, eventQrl]) => eventName.trim().length > 0 && Boolean(eventQrl));
+}
+function getEventsDependencyKey(events) {
+  return getEventEntries(events).map(([eventName, eventQrl]) => {
+    return `${eventName}:${getEventQrlId(eventQrl)}`;
+  }).sort().join("|");
+}
+function buildInputHtml(tagName, slots) {
+  return buildInputHtmlWithOptions(tagName, slots);
+}
+function buildInputHtmlWithOptions(tagName, slots, options) {
+  const namedSlotTag = options?.useLegacyNamedSlotWrapper ? "div" : DEFAULT_NAMED_SLOT_PLACEHOLDER_TAG;
+  const namedSlotHtml = slots.map((s) => `<${namedSlotTag} slot="${s}" style="display:contents">${namedSlotMarker(s)}</${namedSlotTag}>`).join("");
+  return `<${tagName}>${DEFAULT_SLOT_MARKER}${namedSlotHtml}</${tagName}>`;
+}
+function collectSlotEntries(html, namedSlots) {
+  const candidates = [
+    {
+      marker: DEFAULT_SLOT_MARKER,
+      name: void 0
+    },
+    ...namedSlots.map((s) => ({
+      marker: namedSlotMarker(s),
+      name: s
+    }))
+  ];
+  const entries = [];
+  for (const { marker, name } of candidates) {
+    const position = html.indexOf(marker);
+    if (position !== -1) entries.push({
+      marker,
+      name,
+      position
+    });
+  }
+  return entries.sort((a, b) => a.position - b.position);
+}
+function stripSlotMarkersFromHtml(html, namedSlots) {
+  let cleaned = html.replaceAll(DEFAULT_SLOT_MARKER, "");
+  for (const name of namedSlots) cleaned = cleaned.replaceAll(namedSlotMarker(name), "");
+  return cleaned;
+}
+function emitSsrRawChunk(html, namedSlots) {
+  _jsxBranch();
+  const cleaned = stripSlotMarkersFromHtml(html, namedSlots);
+  if (cleaned.length === 0) return null;
+  return /* @__PURE__ */ _jsxC(SSRRaw, {
+    data: cleaned
+  }, 3, "Nj_0");
+}
+function createStencilSSRBridgeComponent(stencilRenderToString$, options) {
+  return /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
+    const [options2, stencilRenderToString$2] = useLexicalScope();
+    _jsxBranch();
+    const restProps = _restProps(props, [
+      "tagName",
+      "props",
+      "events",
+      "slots"
+    ]);
+    const wrapperRef = useSignal(void 0);
+    const clientReady = useSignal(false);
+    const wrapperId = useId();
+    const namedSlots = props.slots ?? [];
+    useOnDocument("qinit", /* @__PURE__ */ inlinedQrl(() => {
+      const [clientReady2] = useLexicalScope();
+      clientReady2.value = true;
+    }, "s_bvALMlewx7Q", [
+      clientReady
+    ]));
+    useTaskQrl(/* @__PURE__ */ inlinedQrl(({ track }) => {
+      const [props2, wrapperId2, wrapperRef2] = useLexicalScope();
+      const trackedProps = track(() => props2.props);
+      if (!isRuntimeBrowser()) return;
+      const wrapper = getWrapperElement(wrapperId2) ?? wrapperRef2.value;
+      updateStencilElementProps(getStencilElement(wrapper, props2.tagName), trackedProps);
+    }, "s_IH8I3eLdwI0", [
+      props,
+      wrapperId,
+      wrapperRef
+    ]));
+    useTaskQrl(/* @__PURE__ */ inlinedQrl(({ cleanup, track }) => {
+      const [clientReady2, props2, wrapperId2, wrapperRef2] = useLexicalScope();
+      const ready = track(() => clientReady2.value);
+      const eventsDependencyKey = track(() => getEventsDependencyKey(props2.events));
+      if (!isRuntimeBrowser() || !ready) return;
+      const wrapper = getWrapperElement(wrapperId2) ?? wrapperRef2.value;
+      const stencilEl = getStencilElement(wrapper, props2.tagName);
+      const eventEntries = getEventEntries(props2.events);
+      if (!stencilEl || eventEntries.length === 0) return;
+      if (eventsDependencyKey.length === 0) return;
+      let disposed = false;
+      const listeners = [];
+      cleanup(() => {
+        disposed = true;
+        for (const { eventName, listener } of listeners) stencilEl.removeEventListener(eventName, listener);
+      });
+      for (const [eventName, eventQrl] of eventEntries) {
+        const listener = (event) => {
+          const qrl = eventQrl;
+          const containerEl = stencilEl.closest("[q\\:container]");
+          if (containerEl) qrl.$setContainer$?.(containerEl);
+          const result = eventQrl(event, stencilEl);
+          Promise.resolve(result).catch((error) => {
+            console.error(error);
+          });
+        };
+        if (disposed) return;
+        stencilEl.addEventListener(eventName, listener);
+        listeners.push({
+          eventName,
+          listener
+        });
+      }
+    }, "s_aXg7AuatGTc", [
+      clientReady,
+      props,
+      wrapperId,
+      wrapperRef
+    ]));
+    if (isRuntimeServer()) return /* @__PURE__ */ _jsxS("div", {
+      ref: wrapperRef,
+      "data-stencil-wrapper-id": wrapperId,
+      ...restProps,
+      style: {
+        display: "contents"
+      },
+      children: /* @__PURE__ */ _jsxC(SSRStream, {
+        children: async function* () {
+          _jsxBranch();
+          const renderToString = await stencilRenderToString$2.resolve();
+          const renderResult = await renderToString(buildInputHtml(props.tagName, namedSlots), {
+            prettyHtml: true,
+            removeScripts: false,
+            beforeHydrate: (root) => {
+              updateStencilElementProps(root.querySelector(props.tagName), props.props);
+            }
+          });
+          const html = renderResult.html ?? "";
+          if (options2?.onSsrRenderResultQrl) {
+            const onSsrRenderResult = await options2.onSsrRenderResultQrl.resolve();
+            await onSsrRenderResult(renderResult);
+          }
+          const inlineStylesHtml = buildInlineStylesHtml(renderResult, props.tagName);
+          if (inlineStylesHtml) yield /* @__PURE__ */ _jsxC(SSRRaw, {
+            data: inlineStylesHtml
+          }, 3, "Nj_1");
+          const bodyHtml = html.match(/<body>([\s\S]*)<\/body>/)?.[1] || html;
+          const entries = collectSlotEntries(bodyHtml, namedSlots);
+          if (entries.length === 0) {
+            const chunk = emitSsrRawChunk(bodyHtml, namedSlots);
+            if (chunk) yield chunk;
+            return;
+          }
+          let cursor = 0;
+          for (const entry of entries) {
+            const markerIndex = entry.position;
+            if (markerIndex > cursor) {
+              const chunk = emitSsrRawChunk(bodyHtml.slice(cursor, markerIndex), namedSlots);
+              if (chunk) yield chunk;
+            }
+            if (entry.name) yield /* @__PURE__ */ _jsxC(Slot, {
+              get name() {
+                return entry.name;
+              },
+              [_IMMUTABLE]: {
+                name: _fnSignal((p0) => p0.name, [
+                  entry
+                ])
+              }
+            }, 3, "Nj_2");
+            else yield /* @__PURE__ */ _jsxC(Slot, null, 3, "Nj_3");
+            cursor = markerIndex + entry.marker.length;
+          }
+          if (cursor < bodyHtml.length) {
+            const chunk = emitSsrRawChunk(bodyHtml.slice(cursor), namedSlots);
+            if (chunk) yield chunk;
+          }
+        }
+      }, 1, "Nj_4")
+    }, {
+      "data-stencil-wrapper-id": _IMMUTABLE,
+      style: _IMMUTABLE
+    }, 0, "Nj_5");
+    return /* @__PURE__ */ _jsxS("div", {
+      ref: wrapperRef,
+      "data-stencil-wrapper-id": wrapperId,
+      ...restProps,
+      style: {
+        display: "contents"
+      },
+      children: /* @__PURE__ */ _jsxC(props.tagName, {
+        children: [
+          /* @__PURE__ */ _jsxC(Slot, null, 3, "Nj_6"),
+          namedSlots.map((name) => /* @__PURE__ */ _jsxQ("span", {
+            slot: name
+          }, {
+            style: {
+              display: "contents"
+            }
+          }, /* @__PURE__ */ _jsxC(Slot, {
+            name
+          }, 3, "Nj_7"), 1, name))
+        ]
+      }, 1, "Nj_8")
+    }, {
+      "data-stencil-wrapper-id": _IMMUTABLE,
+      style: _IMMUTABLE
+    }, 0, "Nj_9");
+  }, "s_IlVdOHKZfN0", [
+    options,
+    stencilRenderToString$
+  ]));
+}
+export {
+  DEFAULT_NAMED_SLOT_PLACEHOLDER_TAG,
+  DEFAULT_SLOT_MARKER,
+  emitSsrRawChunk as _auto_emitSsrRawChunk,
+  isRuntimeBrowser as _auto_isRuntimeBrowser,
+  isRuntimeServer as _auto_isRuntimeServer,
+  buildInlineStylesHtml,
+  buildInputHtml,
+  buildInputHtmlWithOptions,
+  collectSlotEntries,
+  collectStencilSsrStyles,
+  createStencilSSRBridgeComponent,
+  createStencilSsrStyleStore,
+  getEventEntries,
+  getEventsDependencyKey,
+  getOrCreateStencilSsrStyleStore,
+  getStencilElement,
+  getWrapperElement,
+  namedSlotMarker,
+  stripSlotMarkersFromHtml,
+  toDocumentHeadStyles,
+  updateStencilElementProps
+};

package/dist/ssr/stencil-ssr.d.ts

@@ -1,14 +1,47 @@
-import { type QRL } from '@builder.io/qwik';
-import type { StencilRenderToString, StencilSSRProps } from './model';
+import { QRL } from '@builder.io/qwik';
+import { StencilRenderToString, StencilSSRProps } from './model';
+export { updateStencilElementProps } from './element-props-utils';
+/**
+ * Extracts styles from `renderResult` and returns them as a concatenated
+ * `<style>` HTML string, deduplicating across multiple renders in the same
+ * request. Returns an empty string when there is nothing new to emit.
+ */
+export declare function buildInlineStylesHtml(renderResult: Awaited<ReturnType<StencilRenderToString>>, tagName?: string): string;
+export declare const DEFAULT_SLOT_MARKER = "<!--SLOT-->";
+export declare const DEFAULT_NAMED_SLOT_PLACEHOLDER_TAG = "span";
+export declare function namedSlotMarker(name: string): string;
+export declare function getStencilElement(wrapper: HTMLDivElement | undefined, tagName: string): HTMLElement | null | undefined;
+export declare function getWrapperElement(wrapperId: string): HTMLDivElement | undefined;
+export declare function getEventEntries(events: StencilSSRProps['events']): [string, QRL<(...args: any[]) => void>][];
+export declare function getEventsDependencyKey(events: StencilSSRProps['events']): string;
+/**
+ * Builds the HTML string passed to Stencil's renderToString.
+ * The default slot gets `<!--SLOT-->` as its light-DOM child.
+ * Each named slot gets a `<div slot="name"><!--SLOT:name--></div>` wrapper
+ * so Stencil places the marker inside the correct slot outlet in its output.
+ */
+export declare function buildInputHtml(tagName: string, slots: string[]): string;
+export declare function buildInputHtmlWithOptions(tagName: string, slots: string[], options?: {
+    useLegacyNamedSlotWrapper?: boolean;
+}): string;
+export type SlotEntry = {
+    marker: string;
+    name?: string;
+    position: number;
+};
+/**
+ * Locates all slot markers present in `html`, sorted by their position.
+ * Returns entries only for markers that actually appear in the output
+ * (Stencil may omit a slot outlet if it has no matching slot element).
+ * Marker positions are pre-computed to avoid redundant string searches.
+ */
+export declare function collectSlotEntries(html: string, namedSlots: string[]): SlotEntry[];
+export declare function stripSlotMarkersFromHtml(html: string, namedSlots: string[]): string;
 /**
  * Creates a Qwik component that renders a Stencil component with SSR support.
  * Handles slot projection, prop synchronization, and style deduplication.
- *
- * @param stencilRenderToString$ - QRL reference to Stencil's renderToString function
- * @param options - Optional callbacks for SSR lifecycle events
- * @returns A Qwik component that can be used like any other Qwik component
  */
 export declare function createStencilSSRBridgeComponent(stencilRenderToString$: QRL<StencilRenderToString>, options?: {
     onSsrRenderResultQrl?: QRL<(result: Awaited<ReturnType<StencilRenderToString>>) => void | Promise<void>>;
-}): import("@builder.io/qwik").Component<StencilSSRProps>;
+}): import('@builder.io/qwik').Component<StencilSSRProps>;
 //# sourceMappingURL=stencil-ssr.d.ts.map

package/dist/ssr/stencil-ssr.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"stencil-ssr.d.ts","sourceRoot":"","sources":["../../src/ssr/stencil-ssr.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,GAAG,EAQT,MAAM,kBAAkB,CAAC;AAG1B,OAAO,KAAK,EAAE,qBAAqB,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAwKtE;;;;;;;GAOG;AACH,wBAAgB,+BAA+B,CAC7C,sBAAsB,EAAE,GAAG,CAAC,qBAAqB,CAAC,EAClD,OAAO,CAAC,EAAE;IACR,oBAAoB,CAAC,EAAE,GAAG,CACxB,CACE,MAAM,EAAE,OAAO,CAAC,UAAU,CAAC,qBAAqB,CAAC,CAAC,KAC/C,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAC1B,CAAC;CACH,yDA4KF"}
+{"version":3,"file":"stencil-ssr.d.ts","sourceRoot":"","sources":["../../src/ssr/stencil-ssr.tsx"],"names":[],"mappings":"AAAA,OAAO,EAUL,KAAK,GAAG,EACT,MAAM,kBAAkB,CAAC;AAG1B,OAAO,KAAK,EAAE,qBAAqB,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAMtE,OAAO,EAAE,yBAAyB,EAAE,MAAM,uBAAuB,CAAC;AAwDlE;;;;GAIG;AACH,wBAAgB,qBAAqB,CACnC,YAAY,EAAE,OAAO,CAAC,UAAU,CAAC,qBAAqB,CAAC,CAAC,EACxD,OAAO,CAAC,EAAE,MAAM,GACf,MAAM,CAcR;AAED,eAAO,MAAM,mBAAmB,gBAAgB,CAAC;AACjD,eAAO,MAAM,kCAAkC,SAAS,CAAC;AAEzD,wBAAgB,eAAe,CAAC,IAAI,EAAE,MAAM,UAE3C;AAED,wBAAgB,iBAAiB,CAC/B,OAAO,EAAE,cAAc,GAAG,SAAS,EACnC,OAAO,EAAE,MAAM,kCAGhB;AAED,wBAAgB,iBAAiB,CAC/B,SAAS,EAAE,MAAM,GAChB,cAAc,GAAG,SAAS,CAO5B;AAED,wBAAgB,eAAe,CAAC,MAAM,EAAE,eAAe,CAAC,QAAQ,CAAC,6CAIhE;AAED,wBAAgB,sBAAsB,CACpC,MAAM,EAAE,eAAe,CAAC,QAAQ,CAAC,GAChC,MAAM,CAOR;AAMD;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,UAE9D;AAED,wBAAgB,yBAAyB,CACvC,OAAO,EAAE,MAAM,EACf,KAAK,EAAE,MAAM,EAAE,EACf,OAAO,CAAC,EAAE;IAAE,yBAAyB,CAAC,EAAE,OAAO,CAAA;CAAE,UAalD;AAED,MAAM,MAAM,SAAS,GAAG;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAA;CAAE,CAAC;AAE5E;;;;;GAKG;AACH,wBAAgB,kBAAkB,CAChC,IAAI,EAAE,MAAM,EACZ,UAAU,EAAE,MAAM,EAAE,GACnB,SAAS,EAAE,CAiBb;AAED,wBAAgB,wBAAwB,CACtC,IAAI,EAAE,MAAM,EACZ,UAAU,EAAE,MAAM,EAAE,GACnB,MAAM,CAMR;AAUD;;;GAGG;AACH,wBAAgB,+BAA+B,CAC7C,sBAAsB,EAAE,GAAG,CAAC,qBAAqB,CAAC,EAClD,OAAO,CAAC,EAAE;IACR,oBAAoB,CAAC,EAAE,GAAG,CACxB,CACE,MAAM,EAAE,OAAO,CAAC,UAAU,CAAC,qBAAqB,CAAC,CAAC,KAC/C,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAC1B,CAAC;CACH,yDAwLF"}

package/dist/ssr/styles-core.d.ts

@@ -1,5 +1,5 @@
-import type { DocumentStyle, RequestEventBase } from '@builder.io/qwik-city';
-import type { StencilRenderToStringResult } from './model';
+import { DocumentStyle, RequestEventBase } from '@builder.io/qwik-city';
+import { StencilRenderToStringResult } from './model';
 export interface StencilSsrStyleStore {
     stylesByKey: Map<string, string>;
 }

package/package.json

@@ -1,26 +1,26 @@
 {
   "name": "@qwik-custom-elements/adapter-stencil",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "type": "module",
-  "main": "./dist/index.qwik.cjs",
   "module": "./dist/index.qwik.mjs",
   "types": "./dist/index.d.ts",
-  "qwik": "./dist/index.qwik.mjs",
+  "qwik": [
+    "./dist/index.qwik.mjs",
+    "./dist/client/index.qwik.mjs",
+    "./dist/ssr/index.qwik.mjs"
+  ],
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.qwik.mjs",
-      "require": "./dist/index.qwik.cjs"
+      "import": "./dist/index.qwik.mjs"
     },
     "./client": {
       "types": "./dist/client/index.d.ts",
-      "import": "./dist/client/index.js",
-      "require": "./dist/client/index.cjs"
+      "import": "./dist/client/index.qwik.mjs"
     },
     "./ssr": {
       "types": "./dist/ssr/index.d.ts",
-      "import": "./dist/ssr/index.js",
-      "require": "./dist/ssr/index.cjs"
+      "import": "./dist/ssr/index.qwik.mjs"
     }
   },
   "files": [
@@ -29,7 +29,7 @@
   "peerDependencies": {
     "@builder.io/qwik": "^1.19.2",
     "@builder.io/qwik-city": "^1.19.2",
-    "@qwik-custom-elements/core": "^1.0.2"
+    "@qwik-custom-elements/core": "^1.0.3"
   },
   "peerDependenciesMeta": {
     "@qwik-custom-elements/core": {
@@ -41,8 +41,9 @@
     "@builder.io/qwik-city": "^1.19.2",
     "typescript": "^5.9.3",
     "vite": "^7.3.1",
+    "vite-plugin-dts": "^5.0.3",
     "vitest": "^3.2.4",
-    "@qwik-custom-elements/core": "1.0.2"
+    "@qwik-custom-elements/core": "1.0.3"
   },
   "publishConfig": {
     "access": "public"
@@ -77,9 +78,9 @@
   "funding": "https://github.com/sponsors/DmitryEfimenko",
   "sideEffects": false,
   "scripts": {
-    "build": "vite build && tsc -p tsconfig.json --emitDeclarationOnly",
-    "check-types": "tsc -p tsconfig.json --noEmit && tsc -p tsconfig.test.json --noEmit",
-    "dev": "tsc -p tsconfig.json --watch",
+    "build": "vite build",
+    "check-types": "tsc -p tsconfig.build.json --noEmit && tsc -p tsconfig.test.json --noEmit",
+    "dev": "vite build --watch",
     "format": "prettier --write . --config ../../.prettierrc.json --ignore-path ../../.prettierignore",
     "format:check": "prettier --check . --config ../../.prettierrc.json --ignore-path ../../.prettierignore",
     "lint": "eslint \"**/*.{js,mjs,cjs,ts,mts,cts,tsx}\" --no-error-on-unmatched-pattern",

package/dist/client/client-setup.test.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=client-setup.test.d.ts.map

package/dist/client/client-setup.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"client-setup.test.d.ts","sourceRoot":"","sources":["../../src/client/client-setup.test.ts"],"names":[],"mappings":""}

package/dist/client/index.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../client-setup-C_qW_ZSR.cjs"),t=require("../stencil-csr-D6zt1Am9.cjs");exports.createStencilClientSetup=e.createStencilClientSetup;exports.createStencilCSRComponent=t.createStencilCSRComponent;

package/dist/client/index.js

@@ -1,6 +0,0 @@
-import { c } from "../client-setup-D-ffVtNL.js";
-import { c as r } from "../stencil-csr-B1U9s3VQ.js";
-export {
-  r as createStencilCSRComponent,
-  c as createStencilClientSetup
-};

package/dist/client/stencil-csr-props.test.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=stencil-csr-props.test.d.ts.map

package/dist/client/stencil-csr-props.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"stencil-csr-props.test.d.ts","sourceRoot":"","sources":["../../src/client/stencil-csr-props.test.ts"],"names":[],"mappings":""}

package/dist/client-setup-C_qW_ZSR.cjs

@@ -1 +0,0 @@
-"use strict";const i=require("./core.min-vJ4M2jcU.cjs"),r="__qce_stencil_client_setup_done__",s=new Map;let u=0;function a(e){if(!e)return;const t=`stencil-client-setup-${++u}`;return s.set(t,e),t}async function d(e){if(e)return typeof e=="object"&&e!==null&&"resolve"in e&&typeof e.resolve=="function"?e.resolve():e}async function S(e){const t=document.querySelectorAll("style[sty-id]"),n=new Set;for(const o of t)if(o.parentElement!==document.head){const c=o.textContent??"";n.has(c)?o.remove():(document.head.appendChild(o),n.add(c))}e&&await e()}function f(e){const t=globalThis,n=t[r];if(n===!0)return Promise.resolve();if(typeof n=="object"&&n!==null&&"then"in n&&typeof n.then=="function")return n;const o=(async()=>{const c=await d(e);await S(c)})();return t[r]=o,o.then(()=>{t[r]=!0}).catch(c=>{throw delete t[r],c})}async function l(e,t){const o=(e==null?void 0:s.get(e))??t;await f(o).catch(c=>{console.error(c)})}function p(e){const t=a(e),n=e!=null&&"$symbol$"in Object(e)?e:void 0,o=i.Ls(()=>Promise.resolve().then(()=>require("./client-setup.ts_createStencilClientSetup_runSetup_6wDTmOSdSbc-Dz0z3zer.cjs")),"s_6wDTmOSdSbc",[t,n]);return()=>{i.Re("load",o),typeof document<"u"&&document.readyState!=="loading"&&l(t,n)}}exports.createStencilClientSetup=p;exports.executeStencilClientSetup=l;

package/dist/client-setup-D-ffVtNL.js

@@ -1,53 +0,0 @@
-import { R as i, L as l } from "./core.min-Qm7Mxv6F.js";
-const r = "__qce_stencil_client_setup_done__", s = /* @__PURE__ */ new Map();
-let u = 0;
-function a(e) {
-  if (!e) return;
-  const t = `stencil-client-setup-${++u}`;
-  return s.set(t, e), t;
-}
-async function d(e) {
-  if (e)
-    return typeof e == "object" && e !== null && "resolve" in e && typeof e.resolve == "function" ? e.resolve() : e;
-}
-async function f(e) {
-  const t = document.querySelectorAll("style[sty-id]"), n = /* @__PURE__ */ new Set();
-  for (const o of t) if (o.parentElement !== document.head) {
-    const c = o.textContent ?? "";
-    n.has(c) ? o.remove() : (document.head.appendChild(o), n.add(c));
-  }
-  e && await e();
-}
-function S(e) {
-  const t = globalThis, n = t[r];
-  if (n === !0) return Promise.resolve();
-  if (typeof n == "object" && n !== null && "then" in n && typeof n.then == "function") return n;
-  const o = (async () => {
-    const c = await d(e);
-    await f(c);
-  })();
-  return t[r] = o, o.then(() => {
-    t[r] = !0;
-  }).catch((c) => {
-    throw delete t[r], c;
-  });
-}
-async function p(e, t) {
-  const o = (e == null ? void 0 : s.get(e)) ?? t;
-  await S(o).catch((c) => {
-    console.error(c);
-  });
-}
-function m(e) {
-  const t = a(e), n = e != null && "$symbol$" in Object(e) ? e : void 0, o = /* @__PURE__ */ l(() => import("./client-setup.ts_createStencilClientSetup_runSetup_6wDTmOSdSbc-CPKK-h2J.js"), "s_6wDTmOSdSbc", [
-    t,
-    n
-  ]);
-  return () => {
-    i("load", o), typeof document < "u" && document.readyState !== "loading" && p(t, n);
-  };
-}
-export {
-  m as c,
-  p as e
-};

package/dist/client-setup.ts_createStencilClientSetup_runSetup_6wDTmOSdSbc-CPKK-h2J.js

@@ -1,11 +0,0 @@
-import { v as o } from "./core.min-Qm7Mxv6F.js";
-import { x as p } from "./core.min-Qm7Mxv6F.js";
-import { e as n } from "./client-setup-D-ffVtNL.js";
-const m = async () => {
-  const [t, e] = o();
-  await n(t, e);
-};
-export {
-  p as _hW,
-  m as s_6wDTmOSdSbc
-};

package/dist/client-setup.ts_createStencilClientSetup_runSetup_6wDTmOSdSbc-Dz0z3zer.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./core.min-vJ4M2jcU.cjs"),c=require("./client-setup-C_qW_ZSR.cjs"),i=async()=>{const[t,n]=e.ve();await c.executeStencilClientSetup(t,n)};exports._hW=e.xe;exports.s_6wDTmOSdSbc=i;