@creact-labs/creact 0.1.3 → 0.1.5

package/dist/index.d.ts

@@ -28,8 +28,7 @@
 
  */
 export { CReact, JSXElement } from './jsx';
-export type { FC, PropsWithChildren } from './jsx.d';
-import './jsx.d';
+export type { FC, PropsWithChildren, ComponentProps } from './jsx';
 import { CReact as CReactClass } from './core/CReact';
 export { CReact as CReactCore, CReactConfig } from './core/CReact';
 export declare const renderCloudDOM: typeof CReactClass.renderCloudDOM;

package/dist/index.js

@@ -35,8 +35,6 @@ exports.parseResourceId = exports.formatPath = exports.normalizePath = exports.n
 // JSX support
 var jsx_1 = require("./jsx");
 Object.defineProperty(exports, "CReact", { enumerable: true, get: function () { return jsx_1.CReact; } });
-// Re-export JSX type definitions for consumers
-require("./jsx.d");
 // Core classes
 const CReact_1 = require("./core/CReact");
 var CReact_2 = require("./core/CReact");

package/dist/jsx.d.ts

@@ -62,3 +62,82 @@ export declare namespace CReact {
         children?: any;
     }) => JSXElement;
 }
+/**
+ * Global JSX namespace declarations
+ *
+ * These declarations tell TypeScript how to validate JSX syntax and component props.
+ * By including them in this file (not a separate .d.ts), they are automatically
+ * included in the compiled output and available to package consumers.
+ */
+declare global {
+    namespace JSX {
+        /**
+         * The type returned by JSX expressions
+         */
+        interface Element extends JSXElement {
+        }
+        /**
+         * Intrinsic elements (HTML-like elements)
+         * Empty for CReact - we only support component elements
+         */
+        interface IntrinsicElements {
+        }
+        /**
+         * Defines which prop contains children
+         * This allows TypeScript to understand the children prop
+         */
+        interface ElementChildrenAttribute {
+            children: {};
+        }
+        /**
+         * Base attributes available on all elements (including key)
+         * This applies to all JSX elements, both intrinsic and component-based
+         *
+         * IMPORTANT: This makes 'key' available on ALL JSX elements,
+         * including function components, without needing to add it to props
+         */
+        interface IntrinsicAttributes {
+            key?: string | number;
+        }
+        /**
+         * Attributes available on class components
+         */
+        interface IntrinsicClassAttributes<T> {
+            key?: string | number;
+        }
+        /**
+         * Tell TypeScript how to extract props from a component type
+         * This is critical for making LibraryManagedAttributes work
+         */
+        interface ElementAttributesProperty {
+            props: {};
+        }
+        /**
+         * Augment LibraryManagedAttributes to properly handle key prop
+         *
+         * This tells TypeScript that when checking JSX element props:
+         * 1. Take the component's declared props (P)
+         * 2. Make key optional (it's in IntrinsicAttributes but shouldn't be required)
+         * 3. Allow key to be passed even if not in component props
+         *
+         * We use Omit to remove 'key' from P if it exists, then add it back as optional
+         */
+        type LibraryManagedAttributes<C, P> = Omit<P, 'key'> & IntrinsicAttributes;
+    }
+}
+/**
+ * Type helper for component props with children
+ */
+export interface PropsWithChildren {
+    children?: JSX.Element | JSX.Element[];
+}
+/**
+ * Type helper for functional components
+ * Note: key is handled by JSX.IntrinsicAttributes and doesn't need to be in props
+ */
+export type FC<P = Record<string, unknown>> = (props: P & PropsWithChildren) => JSX.Element | null;
+/**
+ * Type helper for component props that includes JSX attributes (like key)
+ * Use this when defining component prop types to allow key prop
+ */
+export type ComponentProps<P = Record<string, unknown>> = P & JSX.IntrinsicAttributes;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@creact-labs/creact",
-  "version": "0.1.3",
+  "version": "0.1.5",
   "description": "CReact - React for Infrastructure. Render JSX to CloudDOM.",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",