@codedia/react-web-component-bridge 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Fahim Chowdhury
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,16 @@
+# @codedia/react-web-component-bridge
+
+React Web Component Bridge lets teams author components in React-shaped TSX and expose them through standards-based Custom Elements.
+
+For Angular, plain HTML, Vue, and CMS consumers that need no React in the production bundle, use the companion compiler package:
+
+```bash
+pnpm add @codedia/react-web-component-bridge
+pnpm add -D @codedia/react-web-component-bridge-generator
+```
+
+The package also exports a React-compatible authoring facade at `@codedia/react-web-component-bridge/react` for inline `defineComponentTag` metadata.
+
+Documentation: https://react-web-component-bridge-site.netlify.app
+
+Repository: https://github.com/fahimc/react-web-component-bridge

package/dist/configuration/global-config.d.ts

@@ -0,0 +1,4 @@
+import type { ReactElementGlobalConfig } from "../types/public";
+export declare function configureReactElements(config: ReactElementGlobalConfig): ReactElementGlobalConfig;
+export declare function getReactElementGlobalConfig(): ReactElementGlobalConfig;
+//# sourceMappingURL=global-config.d.ts.map

package/dist/configuration/global-config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"global-config.d.ts","sourceRoot":"","sources":["../../src/configuration/global-config.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,iBAAiB,CAAC;AAMhE,wBAAgB,sBAAsB,CAAC,MAAM,EAAE,wBAAwB,GAAG,wBAAwB,CAGjG;AAED,wBAAgB,2BAA2B,IAAI,wBAAwB,CAEtE"}

package/dist/configuration/registry.d.ts

@@ -0,0 +1,6 @@
+import type { ReactElementDefinition } from "../types/public";
+export declare function registerDefinition(definition: ReactElementDefinition): void;
+export declare function getReactElementDefinition(tagName: string): ReactElementDefinition | undefined;
+export declare function isReactElementDefined(tagName: string): boolean;
+export declare function listReactElementDefinitions(): ReactElementDefinition[];
+//# sourceMappingURL=registry.d.ts.map

package/dist/configuration/registry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"registry.d.ts","sourceRoot":"","sources":["../../src/configuration/registry.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AAI9D,wBAAgB,kBAAkB,CAAC,UAAU,EAAE,sBAAsB,GAAG,IAAI,CAE3E;AAED,wBAAgB,yBAAyB,CAAC,OAAO,EAAE,MAAM,GAAG,sBAAsB,GAAG,SAAS,CAE7F;AAED,wBAAgB,qBAAqB,CAAC,OAAO,EAAE,MAAM,GAAG,OAAO,CAM9D;AAED,wBAAgB,2BAA2B,IAAI,sBAAsB,EAAE,CAEtE"}

package/dist/core/create-react-element.d.ts

@@ -0,0 +1,4 @@
+import type { ComponentType } from "react";
+import type { ReactElementDefinition, ReactElementOptions } from "../types/public";
+export declare function createReactElement<Props extends object, Ref = unknown>(tagName: string, component: ComponentType<Props>, options?: ReactElementOptions<Props, Ref>): ReactElementDefinition<Props, Ref>;
+//# sourceMappingURL=create-react-element.d.ts.map

package/dist/core/create-react-element.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-react-element.d.ts","sourceRoot":"","sources":["../../src/core/create-react-element.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAG3C,OAAO,KAAK,EAEV,sBAAsB,EACtB,mBAAmB,EACpB,MAAM,iBAAiB,CAAC;AAazB,wBAAgB,kBAAkB,CAAC,KAAK,SAAS,MAAM,EAAE,GAAG,GAAG,OAAO,EACpE,OAAO,EAAE,MAAM,EACf,SAAS,EAAE,aAAa,CAAC,KAAK,CAAC,EAC/B,OAAO,GAAE,mBAAmB,CAAC,KAAK,EAAE,GAAG,CAAM,GAC5C,sBAAsB,CAAC,KAAK,EAAE,GAAG,CAAC,CA6JpC"}

package/dist/core/define-react-element.d.ts

@@ -0,0 +1,5 @@
+import type { ComponentType } from "react";
+import type { ReactElementDefinition, ReactElementOptions } from "../types/public";
+export declare function defineReactElement<Props extends object, Ref = unknown>(tagName: string, component: ComponentType<Props>, options?: ReactElementOptions<Props, Ref>): ReactElementDefinition<Props, Ref>;
+export declare function defineReactElements(definitions: readonly ReactElementDefinition[]): ReactElementDefinition[];
+//# sourceMappingURL=define-react-element.d.ts.map

package/dist/core/define-react-element.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"define-react-element.d.ts","sourceRoot":"","sources":["../../src/core/define-react-element.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,KAAK,EAAE,sBAAsB,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAInF,wBAAgB,kBAAkB,CAAC,KAAK,SAAS,MAAM,EAAE,GAAG,GAAG,OAAO,EACpE,OAAO,EAAE,MAAM,EACf,SAAS,EAAE,aAAa,CAAC,KAAK,CAAC,EAC/B,OAAO,GAAE,mBAAmB,CAAC,KAAK,EAAE,GAAG,CAAM,GAC5C,sBAAsB,CAAC,KAAK,EAAE,GAAG,CAAC,CAWpC;AAED,wBAAgB,mBAAmB,CACjC,WAAW,EAAE,SAAS,sBAAsB,EAAE,GAC7C,sBAAsB,EAAE,CAY1B"}

package/dist/core/event-controller.d.ts

@@ -0,0 +1,9 @@
+import type { ReactElementOptions } from "../types/public";
+export declare class EventController {
+    private readonly host;
+    private readonly options;
+    constructor(host: HTMLElement, options: ReactElementOptions);
+    createEventProps(): Record<string, (...args: readonly unknown[]) => unknown>;
+    private dispatch;
+}
+//# sourceMappingURL=event-controller.d.ts.map

package/dist/core/event-controller.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"event-controller.d.ts","sourceRoot":"","sources":["../../src/core/event-controller.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAA+B,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAExF,qBAAa,eAAe;IAExB,OAAO,CAAC,QAAQ,CAAC,IAAI;IACrB,OAAO,CAAC,QAAQ,CAAC,OAAO;gBADP,IAAI,EAAE,WAAW,EACjB,OAAO,EAAE,mBAAmB;IAG/C,gBAAgB,IAAI,MAAM,CAAC,MAAM,EAAE,CAAC,GAAG,IAAI,EAAE,SAAS,OAAO,EAAE,KAAK,OAAO,CAAC;IAS5E,OAAO,CAAC,QAAQ;CAoBjB"}

package/dist/core/form-controller.d.ts

@@ -0,0 +1,11 @@
+import type { ReactElementOptions } from "../types/public";
+export declare class FormController {
+    private readonly host;
+    private readonly options;
+    private internals;
+    constructor(host: HTMLElement, options: ReactElementOptions);
+    connect(): void;
+    update(name: string, value: unknown): void;
+    emitStandardChangeEvents(): void;
+}
+//# sourceMappingURL=form-controller.d.ts.map

package/dist/core/form-controller.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-controller.d.ts","sourceRoot":"","sources":["../../src/core/form-controller.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAO3D,qBAAa,cAAc;IAIvB,OAAO,CAAC,QAAQ,CAAC,IAAI;IACrB,OAAO,CAAC,QAAQ,CAAC,OAAO;IAJ1B,OAAO,CAAC,SAAS,CAAmC;gBAGjC,IAAI,EAAE,WAAW,EACjB,OAAO,EAAE,mBAAmB;IAG/C,OAAO,IAAI,IAAI;IAWf,MAAM,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,GAAG,IAAI;IAgB1C,wBAAwB,IAAI,IAAI;CAOjC"}

package/dist/core/lifecycle.d.ts

@@ -0,0 +1,11 @@
+import type { RenderController } from "./render-controller";
+export declare class LifecycleController {
+    private readonly render;
+    private readonly requestRender;
+    private readonly cleanup;
+    private disconnectToken;
+    constructor(render: RenderController, requestRender: () => void, cleanup: () => void);
+    connected(): void;
+    disconnected(host: HTMLElement): void;
+}
+//# sourceMappingURL=lifecycle.d.ts.map

package/dist/core/lifecycle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lifecycle.d.ts","sourceRoot":"","sources":["../../src/core/lifecycle.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAE5D,qBAAa,mBAAmB;IAI5B,OAAO,CAAC,QAAQ,CAAC,MAAM;IACvB,OAAO,CAAC,QAAQ,CAAC,aAAa;IAC9B,OAAO,CAAC,QAAQ,CAAC,OAAO;IAL1B,OAAO,CAAC,eAAe,CAAK;gBAGT,MAAM,EAAE,gBAAgB,EACxB,aAAa,EAAE,MAAM,IAAI,EACzB,OAAO,EAAE,MAAM,IAAI;IAGtC,SAAS,IAAI,IAAI;IAMjB,YAAY,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI;CAUtC"}

package/dist/core/method-controller.d.ts

@@ -0,0 +1,11 @@
+import type { ReactElementOptions } from "../types/public";
+export declare class MethodController {
+    private readonly options;
+    private ref;
+    private readonly queue;
+    constructor(options: ReactElementOptions);
+    setRef(value: unknown): void;
+    createRefSetter(): (value: unknown) => void;
+    call(name: string, args: readonly unknown[], host?: HTMLElement): unknown;
+}
+//# sourceMappingURL=method-controller.d.ts.map

package/dist/core/method-controller.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"method-controller.d.ts","sourceRoot":"","sources":["../../src/core/method-controller.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAE3D,qBAAa,gBAAgB;IAIf,OAAO,CAAC,QAAQ,CAAC,OAAO;IAHpC,OAAO,CAAC,GAAG,CAAU;IACrB,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAkC;gBAE3B,OAAO,EAAE,mBAAmB;IAEzD,MAAM,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI;IAU5B,eAAe,IAAI,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI;IAI3C,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,OAAO,EAAE,EAAE,IAAI,CAAC,EAAE,WAAW,GAAG,OAAO;CAgB1E"}

package/dist/core/portal-controller.d.ts

@@ -0,0 +1,12 @@
+import type { ReactElementOptions } from "../types/public";
+export declare class PortalController {
+    private readonly host;
+    private readonly renderRoot;
+    private readonly options;
+    private container;
+    constructor(host: HTMLElement, renderRoot: ShadowRoot | HTMLElement, options: ReactElementOptions);
+    getPortalProps(): Record<string, HTMLElement>;
+    cleanup(): void;
+    private getContainer;
+}
+//# sourceMappingURL=portal-controller.d.ts.map

package/dist/core/portal-controller.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"portal-controller.d.ts","sourceRoot":"","sources":["../../src/core/portal-controller.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAE3D,qBAAa,gBAAgB;IAIzB,OAAO,CAAC,QAAQ,CAAC,IAAI;IACrB,OAAO,CAAC,QAAQ,CAAC,UAAU;IAC3B,OAAO,CAAC,QAAQ,CAAC,OAAO;IAL1B,OAAO,CAAC,SAAS,CAA0B;gBAGxB,IAAI,EAAE,WAAW,EACjB,UAAU,EAAE,UAAU,GAAG,WAAW,EACpC,OAAO,EAAE,mBAAmB;IAG/C,cAAc,IAAI,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC;IAQ7C,OAAO,IAAI,IAAI;IAKf,OAAO,CAAC,YAAY;CA2BrB"}

package/dist/core/property-controller.d.ts

@@ -0,0 +1,25 @@
+import type { ReactElementOptions } from "../types/public";
+export type PropertyControllerContext = {
+    host: HTMLElement;
+    options: ReactElementOptions;
+    development: boolean;
+    requestRender: () => void;
+    formValueChanged: (name: string, value: unknown) => void;
+};
+export declare class PropertyController {
+    private readonly context;
+    readonly values: Map<string, unknown>;
+    readonly reflectingAttributes: Set<string>;
+    readonly attributeToProp: Map<string, string>;
+    constructor(context: PropertyControllerContext);
+    static observedAttributes(options: ReactElementOptions): string[];
+    initializePreUpgradeProperties(): void;
+    getProperty(name: string): unknown;
+    getProps(): Record<string, unknown>;
+    setProperty(name: string, rawValue: unknown): void;
+    attributeChanged(attributeName: string, value: string | null): void;
+    private normalizeValue;
+    private reflectProperty;
+    private attributeName;
+}
+//# sourceMappingURL=property-controller.d.ts.map

package/dist/core/property-controller.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"property-controller.d.ts","sourceRoot":"","sources":["../../src/core/property-controller.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,mBAAmB,EAA8B,MAAM,iBAAiB,CAAC;AAEvF,MAAM,MAAM,yBAAyB,GAAG;IACtC,IAAI,EAAE,WAAW,CAAC;IAClB,OAAO,EAAE,mBAAmB,CAAC;IAC7B,WAAW,EAAE,OAAO,CAAC;IACrB,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,gBAAgB,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CAC1D,CAAC;AAEF,qBAAa,kBAAkB;IAKjB,OAAO,CAAC,QAAQ,CAAC,OAAO;IAJpC,QAAQ,CAAC,MAAM,uBAA8B;IAC7C,QAAQ,CAAC,oBAAoB,cAAqB;IAClD,QAAQ,CAAC,eAAe,sBAA6B;gBAExB,OAAO,EAAE,yBAAyB;IAY/D,MAAM,CAAC,kBAAkB,CAAC,OAAO,EAAE,mBAAmB,GAAG,MAAM,EAAE;IAQjE,8BAA8B,IAAI,IAAI;IAUtC,WAAW,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO;IAIlC,QAAQ,IAAI,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAInC,WAAW,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,GAAG,IAAI;IAYlD,gBAAgB,CAAC,aAAa,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAanE,OAAO,CAAC,cAAc;IAuBtB,OAAO,CAAC,eAAe;IAyBvB,OAAO,CAAC,aAAa;CAStB"}

package/dist/core/render-controller.d.ts

@@ -0,0 +1,25 @@
+import { type ComponentType } from "react";
+import type { ReactElementGlobalConfig, ReactElementOptions } from "../types/public";
+export type RenderControllerContext = {
+    host: HTMLElement;
+    component: ComponentType<Record<string, unknown>>;
+    options: ReactElementOptions;
+    config: ReactElementGlobalConfig;
+    mount: HTMLElement;
+    getProps: () => Record<string, unknown>;
+    getEventProps: () => Record<string, unknown>;
+    getSlotProps: () => Record<string, unknown>;
+    getPortalProps: () => Record<string, unknown>;
+    refSetter: (value: unknown) => void;
+};
+export declare class RenderController {
+    private readonly context;
+    private root;
+    private unmounted;
+    constructor(context: RenderControllerContext);
+    render(): void;
+    unmount(): void;
+    reconnect(): void;
+    private createTree;
+}
+//# sourceMappingURL=render-controller.d.ts.map

package/dist/core/render-controller.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"render-controller.d.ts","sourceRoot":"","sources":["../../src/core/render-controller.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuC,KAAK,aAAa,EAAkB,MAAM,OAAO,CAAC;AAEhG,OAAO,KAAK,EAAE,wBAAwB,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAErF,MAAM,MAAM,uBAAuB,GAAG;IACpC,IAAI,EAAE,WAAW,CAAC;IAClB,SAAS,EAAE,aAAa,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IAClD,OAAO,EAAE,mBAAmB,CAAC;IAC7B,MAAM,EAAE,wBAAwB,CAAC;IACjC,KAAK,EAAE,WAAW,CAAC;IACnB,QAAQ,EAAE,MAAM,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACxC,aAAa,EAAE,MAAM,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC7C,YAAY,EAAE,MAAM,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC5C,cAAc,EAAE,MAAM,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC9C,SAAS,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CACrC,CAAC;AAEF,qBAAa,gBAAgB;IAIf,OAAO,CAAC,QAAQ,CAAC,OAAO;IAHpC,OAAO,CAAC,IAAI,CAAmB;IAC/B,OAAO,CAAC,SAAS,CAAS;gBAEG,OAAO,EAAE,uBAAuB;IAE7D,MAAM,IAAI,IAAI;IAad,OAAO,IAAI,IAAI;IAMf,SAAS,IAAI,IAAI;IAIjB,OAAO,CAAC,UAAU;CA4BnB"}

package/dist/core/slot-controller.d.ts

@@ -0,0 +1,9 @@
+import { type ReactNode } from "react";
+import type { ReactElementOptions } from "../types/public";
+export declare class SlotController {
+    private readonly options;
+    constructor(options: ReactElementOptions);
+    createSlotProps(): Record<string, ReactNode>;
+    private createSlot;
+}
+//# sourceMappingURL=slot-controller.d.ts.map

package/dist/core/slot-controller.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slot-controller.d.ts","sourceRoot":"","sources":["../../src/core/slot-controller.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAiB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC7D,OAAO,KAAK,EAAE,mBAAmB,EAA8B,MAAM,iBAAiB,CAAC;AAEvF,qBAAa,cAAc;IACb,OAAO,CAAC,QAAQ,CAAC,OAAO;gBAAP,OAAO,EAAE,mBAAmB;IAEzD,eAAe,IAAI,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC;IAQ5C,OAAO,CAAC,UAAU;CAUnB"}

package/dist/core/style-controller.d.ts

@@ -0,0 +1,10 @@
+import type { ReactElementStyleInput } from "../types/public";
+export declare class StyleController {
+    private readonly root;
+    private readonly host;
+    private readonly styles;
+    constructor(root: ShadowRoot | HTMLElement, host: HTMLElement, styles: ReactElementStyleInput | undefined);
+    apply(): void;
+    private resolveInputs;
+}
+//# sourceMappingURL=style-controller.d.ts.map

package/dist/core/style-controller.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"style-controller.d.ts","sourceRoot":"","sources":["../../src/core/style-controller.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AAE9D,qBAAa,eAAe;IAExB,OAAO,CAAC,QAAQ,CAAC,IAAI;IACrB,OAAO,CAAC,QAAQ,CAAC,IAAI;IACrB,OAAO,CAAC,QAAQ,CAAC,MAAM;gBAFN,IAAI,EAAE,UAAU,GAAG,WAAW,EAC9B,IAAI,EAAE,WAAW,EACjB,MAAM,EAAE,sBAAsB,GAAG,SAAS;IAG7D,KAAK,IAAI,IAAI;IAkBb,OAAO,CAAC,aAAa;CAOtB"}