anu-verzum 1.10.0 → 1.12.0

package/README.md

@@ -17,7 +17,7 @@ npm install anu-verzum
 
 <h3>Babel setup</h3>
 
-The package ships with a Babel preset that configures JSX for you.
+The package ships with a Babel preset that configures both JSX and TypeScript for you.
 Add it to your project's <code>babel.config.json</code>:
 
 ```json
@@ -26,8 +26,12 @@ Add it to your project's <code>babel.config.json</code>:
 }
 ```
 
-This preset transforms JSX to <code>Anu.createElement()</code> calls automatically,
-including the <code>&lt;&gt;...&lt;/&gt;</code> fragment shorthand (mapped to <code>Anu.Fragment</code>).
+This preset does two things automatically:
+
+- Transforms JSX to <code>Anu.createElement()</code> calls, including the <code>&lt;&gt;...&lt;/&gt;</code> fragment shorthand (mapped to <code>Anu.Fragment</code>).
+- Strips TypeScript types via <code>@babel/plugin-transform-typescript</code> with <code>jsxPragma: 'Anu'</code> pre-configured, so the <code>Anu</code> import is never incorrectly elided — even in files that use only host elements like <code>&lt;div&gt;</code> or <code>&lt;span&gt;</code>.
+
+Because the preset handles TypeScript stripping itself, **do not** add <code>@babel/preset-typescript</code> separately — running both would transform TypeScript twice and cause errors.
 
 <h3>Importing in your files</h3>
 

package/babel-preset.js

@@ -7,6 +7,13 @@ module.exports = function () {
                     pragma: 'Anu.createElement',
                     pragmaFrag: 'Anu.Fragment'
                 }
+            ],
+            [
+                require('@babel/plugin-transform-typescript'),
+                {
+                    isTSX: true,
+                    jsxPragma: 'Anu'
+                }
             ]
         ]
     };

package/dist/core/components/Component.d.ts

@@ -1,5 +1,5 @@
 import { AnuElement, Props } from '../elements';
-export declare abstract class Component<P extends Props = Props, S extends Record<string, any> = Record<string, any>> {
+export declare abstract class Component<P extends Record<string, any> = Props, S extends Record<string, any> = Record<string, any>> {
     props: P;
     state: S;
     context: Record<string, any>;

package/dist/core/components/Context.d.ts

@@ -6,7 +6,7 @@ export type ContextValue<T> = {
         value: T;
     };
 };
-export type ConsumerProps<T> = Props & {
+export type ConsumerProps<T> = Omit<Props, 'children'> & {
     children: (ctx: ContextValue<T>) => AnuElement | null;
 };
 export type Context<T extends Record<string, any> = Record<string, any>> = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "anu-verzum",
-  "version": "1.10.0",
+  "version": "1.12.0",
   "description": "A \"React-like\" UI library that supports JSX syntax, Redux-like state management, array-rendering, i18n, routing and many more.",
   "keywords": [
     "anu-verzum",
@@ -38,7 +38,8 @@
     "test": "echo \"Error: no test specified\" && exit 1"
   },
   "dependencies": {
-    "@babel/plugin-transform-react-jsx": "^7.21.0"
+    "@babel/plugin-transform-react-jsx": "^7.21.0",
+    "@babel/plugin-transform-typescript": "^7.28.6"
   },
   "devDependencies": {
     "@babel/cli": "^7.21.0",