@simpreact/simpreact 0.0.1 → 0.0.2

package/core/context.d.ts

@@ -1,4 +1,4 @@
-import type { SimpNode } from './createElement';
+import type { SimpNode } from './createElement.js';
 type Provider<T = any> = (props: {
     value: T;
     children: SimpNode;

package/core/createElement.d.ts

@@ -1,6 +1,6 @@
-import type { Many, Maybe, Nullable, SimpText } from '../shared';
-import type { HostReference } from './hostAdapter';
-import type { SimpContextMap } from './context';
+import type { Many, Maybe, Nullable, SimpText } from '../shared/index.js';
+import type { HostReference } from './hostAdapter.js';
+import type { SimpContextMap } from './context.js';
 export type SimpNode = SimpElement | SimpText | Array<SimpNode> | boolean | null | undefined;
 export type Key = string | number | bigint;
 export interface FunctionComponent {

package/core/createElement.js

@@ -1,6 +1,6 @@
-import { isSimpText } from '../shared';
-import { Fragment } from './fragment';
-import { isConsumer, isProvider } from './context';
+import { isSimpText } from '../shared/index.js';
+import { Fragment } from './fragment.js';
+import { isConsumer, isProvider } from './context.js';
 export function createElement(type, props, ...children) {
     let newProps;
     let className;
@@ -52,7 +52,12 @@ export function createElement(type, props, ...children) {
         if (key) {
             element.key = key;
         }
-        if ((definedChildren = normalizeChildren(definedChildren, false))) {
+        if (isSimpText(definedChildren)) {
+            if (definedChildren !== '') {
+                (newProps ||= {}).children = definedChildren.toString();
+            }
+        }
+        else if ((definedChildren = normalizeChildren(definedChildren, false))) {
             element.children = definedChildren;
         }
         if (newProps) {
@@ -134,7 +139,7 @@ export function createElement(type, props, ...children) {
 export function createTextElement(text) {
     return {
         flag: 'TEXT',
-        children: text,
+        children: text.toString(),
         parent: null,
     };
 }

package/core/fragment.d.ts

@@ -1,4 +1,4 @@
-import type { SimpNode } from './createElement';
+import type { SimpNode } from './createElement.js';
 export type Fragment = (props: {
     children?: SimpNode;
 }) => SimpNode;

package/core/hostAdapter.d.ts

@@ -1,5 +1,5 @@
-import type { Maybe, Nullable } from '../shared';
-import type { SimpElement } from './createElement';
+import type { Maybe, Nullable } from '../shared/index.js';
+import type { SimpElement } from './createElement.js';
 export type HostReference = any;
 export interface HostAdapter<HostRef = any, HostTextRef = any, NS = string> {
     createReference(type: string, namespace?: Maybe<NS>): HostRef;
@@ -8,7 +8,7 @@ export interface HostAdapter<HostRef = any, HostTextRef = any, NS = string> {
     patchProps(reference: HostRef, prevElement: SimpElement, nextElement: SimpElement, namespace?: Maybe<NS>): void;
     unmountProps(reference: HostRef, element: SimpElement): void;
     setClassname(reference: HostRef, className: Maybe<string>, namespace?: Maybe<NS>): void;
-    setTextContent(reference: HostRef, text: string): void;
+    setTextContent(reference: HostRef, text: string, referenceHasOnlyTextElement?: boolean): void;
     appendChild(parent: HostRef, child: HostRef | HostTextRef): void;
     removeChild(parent: HostRef, child: HostRef | HostTextRef): void;
     replaceChild(parent: HostRef, replacer: HostRef | HostTextRef, toBeReplaced: HostRef | HostTextRef): void;

package/core/index.d.ts

@@ -1,4 +1,4 @@
-import type { SimpText } from '../shared';
+import type { SimpText } from '../shared/index.js';
 
 export type ComponentType<P = {}> = FunctionComponent<P>;
 

package/core/index.js

@@ -1,6 +1,6 @@
-import { createElement } from './createElement';
-import { Fragment } from './fragment';
-import { createContext } from './context';
-import { createPortal } from './portal';
+import { createElement } from './createElement.js';
+import { Fragment } from './fragment.js';
+import { createContext } from './context.js';
+import { createPortal } from './portal.js';
 export { createElement, Fragment, createContext, createPortal };
 export default { createElement, Fragment, createContext, createPortal };

package/core/internal.d.ts

@@ -1,11 +1,11 @@
-export * from './context';
-export * from './createElement';
-export * from './fragment';
-export * from './hostAdapter';
-export * from './lifecycleEventBus';
-export * from './mounting';
-export * from './patching';
-export * from './portal';
-export * from './ref';
-export * from './rerender';
-export * from './unmounting';
+export * from './context.js';
+export * from './createElement.js';
+export * from './fragment.js';
+export * from './hostAdapter.js';
+export * from './lifecycleEventBus.js';
+export * from './mounting.js';
+export * from './patching.js';
+export * from './portal.js';
+export * from './ref.js';
+export * from './rerender.js';
+export * from './unmounting.js';

package/core/internal.js

@@ -1,11 +1,11 @@
-export * from './context';
-export * from './createElement';
-export * from './fragment';
-export * from './hostAdapter';
-export * from './lifecycleEventBus';
-export * from './mounting';
-export * from './patching';
-export * from './portal';
-export * from './ref';
-export * from './rerender';
-export * from './unmounting';
+export * from './context.js';
+export * from './createElement.js';
+export * from './fragment.js';
+export * from './hostAdapter.js';
+export * from './lifecycleEventBus.js';
+export * from './mounting.js';
+export * from './patching.js';
+export * from './portal.js';
+export * from './ref.js';
+export * from './rerender.js';
+export * from './unmounting.js';

package/core/lifecycleEventBus.d.ts

@@ -1,5 +1,5 @@
-import { EventBus } from '../shared';
-import type { SimpElement } from './createElement';
+import { EventBus } from '../shared/index.js';
+import type { SimpElement } from './createElement.js';
 export type LifecycleEvent = {
     type: 'beforeRender';
     element: SimpElement;

package/core/lifecycleEventBus.js

@@ -1,2 +1,2 @@
-import { EventBus } from '../shared';
+import { EventBus } from '../shared/index.js';
 export const lifecycleEventBus = new EventBus();

package/core/mounting.d.ts

@@ -1,7 +1,7 @@
-import type { Maybe, Nullable } from '../shared';
-import type { HostReference } from './hostAdapter';
-import type { SimpElement } from './createElement';
-import type { SimpContextMap } from './context';
+import type { Maybe, Nullable } from '../shared/index.js';
+import type { HostReference } from './hostAdapter.js';
+import type { SimpElement } from './createElement.js';
+import type { SimpContextMap } from './context.js';
 export declare function mount(element: SimpElement, parentReference: Nullable<HostReference>, nextReference: Nullable<HostReference>, contextMap: Nullable<SimpContextMap>, hostNamespace: Maybe<string>): void;
 export declare function mountTextElement(element: SimpElement, parentReference: Nullable<HostReference>, nextReference: Nullable<HostReference>): void;
 export declare function mountHostElement(element: SimpElement, parentReference: Nullable<HostReference>, nextReference: Nullable<HostReference>, contextMap: Nullable<SimpContextMap>, hostNamespace: Maybe<string>): void;

package/core/mounting.js

@@ -1,8 +1,8 @@
-import { emptyMap, emptyObject } from '../shared';
-import { hostAdapter } from './hostAdapter';
-import { createTextElement, normalizeRoot } from './createElement';
-import { applyRef } from './ref';
-import { lifecycleEventBus } from './lifecycleEventBus';
+import { emptyMap, emptyObject } from '../shared/index.js';
+import { hostAdapter } from './hostAdapter.js';
+import { createTextElement, normalizeRoot } from './createElement.js';
+import { applyRef } from './ref.js';
+import { lifecycleEventBus } from './lifecycleEventBus.js';
 export function mount(element, parentReference, nextReference, contextMap, hostNamespace) {
     if (element.flag === 'TEXT') {
         mountTextElement(element, parentReference, nextReference);
@@ -37,9 +37,6 @@ export function mountHostElement(element, parentReference, nextReference, contex
     hostNamespace = hostNamespaces?.self;
     const hostReference = (element.reference = hostAdapter.createReference(element.type, hostNamespace));
     hostAdapter.attachElementToReference(element, hostReference);
-    if (parentReference) {
-        hostAdapter.insertOrAppend(parentReference, hostReference, nextReference);
-    }
     // HOST element always has Maybe<Many<SimpElement>> children due to normalization process.
     const children = element.children;
     if (Array.isArray(children)) {
@@ -51,10 +48,17 @@ export function mountHostElement(element, parentReference, nextReference, contex
     }
     if (element.props) {
         hostAdapter.mountProps(hostReference, element, hostNamespace);
+        // HOST elements can have either children elements or string children in the props due to normalization.
+        if (typeof element.props.children === 'string') {
+            hostAdapter.setTextContent(hostReference, element.props.children);
+        }
     }
     if (element.className) {
         hostAdapter.setClassname(hostReference, element.className, hostNamespace);
     }
+    if (parentReference) {
+        hostAdapter.insertOrAppend(parentReference, hostReference, nextReference);
+    }
     applyRef(element);
 }
 export function mountFunctionalElement(element, parentReference, nextReference, contextMap, hostNamespace) {

package/core/patching.d.ts

@@ -1,7 +1,7 @@
-import type { Maybe, Nullable } from '../shared';
-import type { SimpElement } from './createElement';
-import type { HostReference } from './hostAdapter';
-import type { SimpContextMap } from './context';
+import type { Maybe, Nullable } from '../shared/index.js';
+import type { SimpElement } from './createElement.js';
+import type { HostReference } from './hostAdapter.js';
+import type { SimpContextMap } from './context.js';
 export declare function patch(prevElement: SimpElement, nextElement: SimpElement, parentReference: HostReference, nextReference: Nullable<HostReference>, contextMap: Nullable<SimpContextMap>, hostNamespace: Maybe<string>): void;
 export declare function patchPortal(prevElement: SimpElement, nextElement: SimpElement, contextMap: Nullable<SimpContextMap>): void;
 export declare function updateFunctionalComponent(element: SimpElement, parentReference: HostReference, nextReference: Nullable<HostReference>, contextMap: Nullable<SimpContextMap>, hostNamespace: Maybe<string>): void;

package/core/patching.js

@@ -1,10 +1,10 @@
-import { emptyMap, emptyObject } from '../shared';
-import { normalizeRoot } from './createElement';
-import { hostAdapter } from './hostAdapter';
-import { clearElementHostReference, remove, unmount } from './unmounting';
-import { mount, mountArrayChildren } from './mounting';
-import { applyRef } from './ref';
-import { lifecycleEventBus } from './lifecycleEventBus';
+import { emptyMap, emptyObject } from '../shared/index.js';
+import { normalizeRoot } from './createElement.js';
+import { hostAdapter } from './hostAdapter.js';
+import { clearElementHostReference, remove, unmount } from './unmounting.js';
+import { mount, mountArrayChildren } from './mounting.js';
+import { applyRef } from './ref.js';
+import { lifecycleEventBus } from './lifecycleEventBus.js';
 export function patch(prevElement, nextElement, parentReference, nextReference, contextMap, hostNamespace) {
     if (prevElement.type !== nextElement.type || prevElement.key !== nextElement.key) {
         replaceWithNewElement(prevElement, nextElement, parentReference, contextMap, hostNamespace);
@@ -51,7 +51,7 @@ function patchHostElement(prevElement, nextElement, contextMap, hostNamespace) {
     hostNamespace = hostNamespaces?.self;
     nextElement.reference = prevElement.reference;
     hostAdapter.attachElementToReference(nextElement, nextElement.reference);
-    patchChildren(prevElement.children, nextElement.children, nextElement.reference, null, nextElement, contextMap, hostNamespaces?.children);
+    patchChildren(prevElement.children || prevElement.props?.children, nextElement.children || nextElement.props?.children, nextElement.reference, null, nextElement, contextMap, hostNamespaces?.children);
     hostAdapter.patchProps(nextElement.reference, prevElement, nextElement, hostNamespace);
     if (prevElement.className !== nextElement.className) {
         hostAdapter.setClassname(nextElement.reference, nextElement.className, hostNamespace);
@@ -134,6 +134,10 @@ function patchChildren(prevChildren, nextChildren, parentReference, nextReferenc
             }
             patchKeyedChildren(prevChildren, nextChildren, parentReference, nextReference, contextMap, hostNamespace);
         }
+        else if (typeof nextChildren === 'string') {
+            unmount(prevChildren);
+            hostAdapter.setTextContent(parentReference, nextChildren);
+        }
         else if (nextChildren) {
             patchKeyedChildren(prevChildren, [nextChildren], parentReference, nextReference, contextMap, hostNamespace);
         }
@@ -142,10 +146,33 @@ function patchChildren(prevChildren, nextChildren, parentReference, nextReferenc
             hostAdapter.clearNode(parentReference);
         }
     }
+    else if (typeof prevChildren === 'string') {
+        if (Array.isArray(nextChildren)) {
+            hostAdapter.clearNode(parentReference);
+            mountArrayChildren(nextChildren, parentReference, nextReference, contextMap, nextElement, hostNamespace);
+        }
+        else if (typeof nextChildren === 'string') {
+            if (prevChildren !== nextChildren) {
+                hostAdapter.setTextContent(nextElement.reference, nextChildren, true);
+            }
+        }
+        else if (nextChildren) {
+            hostAdapter.clearNode(parentReference);
+            nextChildren.parent = nextElement;
+            mount(nextChildren, parentReference, nextReference, contextMap, hostNamespace);
+        }
+        else {
+            hostAdapter.clearNode(parentReference);
+        }
+    }
     else if (prevChildren) {
         if (Array.isArray(nextChildren)) {
             patchKeyedChildren([prevChildren], nextChildren, parentReference, nextReference, contextMap, hostNamespace);
         }
+        else if (typeof nextChildren === 'string') {
+            unmount(prevChildren);
+            hostAdapter.setTextContent(parentReference, nextChildren);
+        }
         else if (nextChildren) {
             nextChildren.parent = nextElement;
             patch(prevChildren, nextChildren, parentReference, nextReference, contextMap, hostNamespace);
@@ -159,6 +186,9 @@ function patchChildren(prevChildren, nextChildren, parentReference, nextReferenc
         if (Array.isArray(nextChildren)) {
             mountArrayChildren(nextChildren, parentReference, nextReference, contextMap, nextElement, hostNamespace);
         }
+        else if (typeof nextChildren === 'string') {
+            hostAdapter.setTextContent(parentReference, nextChildren);
+        }
         else if (nextChildren) {
             nextChildren.parent = nextElement;
             mount(nextChildren, parentReference, nextReference, contextMap, hostNamespace);

package/core/portal.d.ts

@@ -1,2 +1,2 @@
-import type { SimpElement, SimpNode } from './createElement';
+import type { SimpElement, SimpNode } from './createElement.js';
 export declare function createPortal(children: SimpNode, container: any): SimpElement;

package/core/portal.js

@@ -1,4 +1,4 @@
-import { normalizeRoot } from './createElement';
+import { normalizeRoot } from './createElement.js';
 export function createPortal(children, container) {
     const element = { flag: 'PORTAL', parent: null };
     if ((children = normalizeRoot(children, false))) {

package/core/ref.d.ts

@@ -1,4 +1,4 @@
-import type { SimpElement } from './createElement';
+import type { SimpElement } from './createElement.js';
 interface RefSimpElement extends SimpElement {
     ref?: {
         value: NonNullable<Ref<unknown>>;

package/core/rerender.d.ts

@@ -1,4 +1,4 @@
-import type { SimpElement } from './createElement';
+import type { SimpElement } from './createElement.js';
 export declare function rerender(element: SimpElement): void;
 interface IRendererLocker {
     _isLocked: boolean;

package/core/rerender.js

@@ -1,4 +1,4 @@
-import { findParentReferenceFromElement, updateFunctionalComponent } from './patching';
+import { findParentReferenceFromElement, updateFunctionalComponent } from './patching.js';
 export function rerender(element) {
     if (element.flag !== 'FC') {
         throw new TypeError('Re-rendering is only supported for FC elements.');
@@ -33,6 +33,9 @@ export const syncRerenderLocker = {
     },
     flush() {
         this._isLocked = false;
+        if (this._elements.size === 0) {
+            return;
+        }
         for (const element of this._elements) {
             this._elements.delete(element);
             rerender(element.store.latestElement);
@@ -53,6 +56,9 @@ export const asyncRerenderLocker = {
     },
     flush() {
         this._isLocked = false;
+        if (this._elements.size === 0) {
+            return;
+        }
         queueMicrotask(() => {
             for (const element of this._elements) {
                 this._elements.delete(element);

package/core/unmounting.d.ts

@@ -1,6 +1,6 @@
-import type { Many, Maybe } from '../shared';
-import type { SimpElement } from './createElement';
-import type { HostReference } from './hostAdapter';
+import type { Many, Maybe } from '../shared/index.js';
+import type { SimpElement } from './createElement.js';
+import type { HostReference } from './hostAdapter.js';
 export declare function unmount(element: Many<SimpElement>): void;
 export declare function clearElementHostReference(element: Maybe<SimpElement>, parentHostReference: HostReference): void;
 export declare function remove(element: SimpElement, parentReference: HostReference): void;

package/core/unmounting.js

@@ -1,6 +1,6 @@
-import { hostAdapter } from './hostAdapter';
-import { unmountRef } from './ref';
-import { lifecycleEventBus } from './lifecycleEventBus';
+import { hostAdapter } from './hostAdapter.js';
+import { unmountRef } from './ref.js';
+import { lifecycleEventBus } from './lifecycleEventBus.js';
 export function unmount(element) {
     if (Array.isArray(element)) {
         for (const child of element) {

package/dom/attach-element-to-dom.d.ts

@@ -1,4 +1,4 @@
-import type { Nullable } from '../shared';
+import type { Nullable } from '../shared/index.js';
 import type { SimpElement } from '../core/internal.js';
 export declare function attachElementToDom(element: SimpElement, dom: Node): void;
 export declare function getElementFromDom(target: Nullable<EventTarget>): Nullable<SimpElement>;

package/dom/domAdapter.d.ts

@@ -1,3 +1,3 @@
 import type { HostAdapter } from '../core/internal.js';
-import type { Namespace } from './namespace';
+import type { Namespace } from './namespace.js';
 export declare const domAdapter: HostAdapter<HTMLElement | SVGElement, Text, Namespace>;

package/dom/domAdapter.js

@@ -1,6 +1,6 @@
-import { attachElementToDom } from './attach-element-to-dom';
-import { mountProps, patchProps, unmountProps } from './props';
-import { defaultNamespace } from './namespace';
+import { attachElementToDom } from './attach-element-to-dom.js';
+import { mountProps, patchProps, unmountProps } from './props/index.js';
+import { defaultNamespace } from './namespace.js';
 export const domAdapter = {
     createReference(type, namespace) {
         if (namespace) {
@@ -33,8 +33,13 @@ export const domAdapter = {
             reference.className = className;
         }
     },
-    setTextContent(reference, text) {
-        reference.textContent = text;
+    setTextContent(reference, text, referenceHasOnlyTextElement) {
+        if (referenceHasOnlyTextElement) {
+            reference.firstChild.nodeValue = text;
+        }
+        else {
+            reference.textContent = text;
+        }
     },
     appendChild(parent, child) {
         parent.appendChild(child);

package/dom/events.d.ts

@@ -1,4 +1,4 @@
-import type { Nullable } from '../shared';
+import type { Nullable } from '../shared/index.js';
 type DelegatedEventType = 'click' | 'dblclick' | 'mousedown' | 'mouseup' | 'mousemove' | 'pointerdown' | 'pointerup' | 'pointermove' | 'touchstart' | 'touchmove' | 'touchend' | 'keydown' | 'keyup' | 'focusin' | 'focusout';
 export declare class SyntheticEvent {
     nativeEvent: Event;

package/dom/events.js

@@ -1,5 +1,5 @@
 import { syncRerenderLocker } from '../core/internal.js';
-import { getElementFromDom } from './attach-element-to-dom';
+import { getElementFromDom } from './attach-element-to-dom.js';
 const eventNameByTypes = {
     click: 'onClick',
     dblclick: 'onDblClick',

package/dom/index.d.ts

@@ -1,5 +1,5 @@
-import type { RefAttributes, SimpElement, SimpNode } from '../core';
-import type { Nullable } from '../shared';
+import type { RefAttributes, SimpElement, SimpNode } from '../core/index.js';
+import type { Nullable } from '../shared/index.js';
 
 import type { PropertiesHyphen } from 'csstype';
 

package/dom/index.js

@@ -1,3 +1,3 @@
-import { createRoot, render } from './render';
-export { createRoot, render } from './render';
+import { createRoot, render } from './render.js';
+export { createRoot, render } from './render.js';
 export default { createRoot, render };

package/dom/props/controlled/index.d.ts

@@ -1,5 +1,5 @@
 import type { SimpElement } from '../../../core/internal.js';
-import type { Dict } from '../../../shared';
+import type { Dict } from '../../../shared/index.js';
 export declare function isEventNameIgnored(element: SimpElement, eventName: string): boolean;
 export declare function isFormElementControlled(props: Dict): boolean;
 export declare function addControlledFormElementEventHandlers(element: SimpElement): void;

package/dom/props/controlled/index.js

@@ -1,6 +1,6 @@
-import { addControlledInputEventHandlers, isEventNameIgnored as isEventNameIgnoredInput, removeControlledInputEventHandlers, syncControlledInputProps, } from './input';
-import { addControlledSelectEventHandlers, isEventNameIgnored as isEventNameIgnoredSelect, removeControlledSelectEventHandlers, syncControlledSelectProps, } from './select';
-import { addControlledTextareaEventHandlers, isEventNameIgnored as isEventNameIgnoredTextarea, removeControlledTextareaEventHandlers, syncControlledTextareaProps, } from './textarea';
+import { addControlledInputEventHandlers, isEventNameIgnored as isEventNameIgnoredInput, removeControlledInputEventHandlers, syncControlledInputProps, } from './input.js';
+import { addControlledSelectEventHandlers, isEventNameIgnored as isEventNameIgnoredSelect, removeControlledSelectEventHandlers, syncControlledSelectProps, } from './select.js';
+import { addControlledTextareaEventHandlers, isEventNameIgnored as isEventNameIgnoredTextarea, removeControlledTextareaEventHandlers, syncControlledTextareaProps, } from './textarea.js';
 export function isEventNameIgnored(element, eventName) {
     if (element.type === 'input') {
         return isEventNameIgnoredInput(element.props, eventName);

package/dom/props/controlled/input.d.ts

@@ -1,5 +1,5 @@
 import type { SimpElement } from '../../../core/internal.js';
-import type { Dict } from '../../../shared';
+import type { Dict } from '../../../shared/index.js';
 export declare function isCheckedType(type: string): boolean;
 export declare function isEventNameIgnored(props: Dict, eventName: string): boolean;
 export declare function addControlledInputEventHandlers(dom: HTMLInputElement): void;

package/dom/props/controlled/input.js

@@ -1,5 +1,5 @@
 import { syncRerenderLocker } from '../../../core/internal.js';
-import { getElementFromDom } from '../../attach-element-to-dom';
+import { getElementFromDom } from '../../attach-element-to-dom.js';
 export function isCheckedType(type) {
     return type === 'checkbox' || type === 'radio';
 }

package/dom/props/controlled/select.d.ts

@@ -1,5 +1,5 @@
 import type { SimpElement } from '../../../core/internal.js';
-import type { Dict } from '../../../shared';
+import type { Dict } from '../../../shared/index.js';
 export declare function isEventNameIgnored(eventName: string): boolean;
 export declare function addControlledSelectEventHandlers(dom: HTMLSelectElement): void;
 export declare function removeControlledSelectEventHandlers(dom: HTMLSelectElement): void;

package/dom/props/controlled/select.js

@@ -1,6 +1,6 @@
 import { syncRerenderLocker } from '../../../core/internal.js';
-import { emptyObject } from '../../../shared';
-import { getElementFromDom } from '../../attach-element-to-dom';
+import { emptyObject } from '../../../shared/index.js';
+import { getElementFromDom } from '../../attach-element-to-dom.js';
 export function isEventNameIgnored(eventName) {
     return eventName === 'onChange';
 }

package/dom/props/controlled/textarea.d.ts

@@ -1,5 +1,5 @@
 import type { SimpElement } from '../../../core/internal.js';
-import type { Dict } from '../../../shared';
+import type { Dict } from '../../../shared/index.js';
 export declare function isEventNameIgnored(eventName: string): boolean;
 export declare function addControlledTextareaEventHandlers(dom: HTMLTextAreaElement): void;
 export declare function removeControlledTextareaEventHandlers(dom: HTMLTextAreaElement): void;

package/dom/props/controlled/textarea.js

@@ -1,5 +1,5 @@
 import { syncRerenderLocker } from '../../../core/internal.js';
-import { getElementFromDom } from '../../attach-element-to-dom';
+import { getElementFromDom } from '../../attach-element-to-dom.js';
 export function isEventNameIgnored(eventName) {
     return eventName === 'onChange' || eventName === 'onInput';
 }

package/dom/props/dangerInnerHTML.d.ts

@@ -1,4 +1,4 @@
-import type { Maybe } from '../../shared';
+import type { Maybe } from '../../shared/index.js';
 import type { SimpElement } from '../../core/internal.js';
 export declare function patchDangerInnerHTML(prevValue: Maybe<{
     __html: string;

package/dom/props/index.d.ts

@@ -1 +1 @@
-export * from './props';
+export * from './props.js';

package/dom/props/index.js

@@ -1 +1 @@
-export * from './props';
+export * from './props.js';

package/dom/props/props.d.ts

@@ -1,5 +1,5 @@
 import type { SimpElement } from '../../core/internal.js';
-import type { Namespace } from '../namespace';
+import type { Namespace } from '../namespace.js';
 export declare function mountProps(dom: HTMLElement | SVGElement, element: SimpElement, namespace: Namespace): void;
 export declare function unmountProps(dom: HTMLElement | SVGElement, element: SimpElement): void;
 export declare function patchProps(dom: HTMLElement | SVGElement, prevElement: SimpElement, nextElement: SimpElement, namespace: Namespace): void;

package/dom/props/props.js

@@ -1,9 +1,9 @@
-import { emptyObject } from '../../shared';
-import { defaultNamespace } from '../namespace';
-import { addControlledFormElementEventHandlers, isEventNameIgnored, isFormElementControlled, removeControlledFormElementEventHandlers, syncControlledFormElementPropsWithAttrs, } from './controlled';
-import { isPropNameEventName, patchEvent } from '../events';
-import { patchStyle } from './style';
-import { patchDangerInnerHTML } from './dangerInnerHTML';
+import { emptyObject } from '../../shared/index.js';
+import { defaultNamespace } from '../namespace.js';
+import { addControlledFormElementEventHandlers, isEventNameIgnored, isFormElementControlled, removeControlledFormElementEventHandlers, syncControlledFormElementPropsWithAttrs, } from './controlled/index.js';
+import { isPropNameEventName, patchEvent } from '../events.js';
+import { patchStyle } from './style.js';
+import { patchDangerInnerHTML } from './dangerInnerHTML.js';
 export function mountProps(dom, element, namespace) {
     if (!isFormElement(element)) {
         for (const propName in element.props) {

package/dom/render.d.ts

@@ -1,5 +1,5 @@
 import { type SimpElement } from '../core/internal.js';
-import type { Nullable } from '../shared';
+import type { Nullable } from '../shared/index.js';
 export declare function render(element: Nullable<SimpElement>, container: Nullable<Element | DocumentFragment>): void;
 interface SimpRoot {
     render(element: SimpElement): void;

package/dom/render.js

@@ -1,6 +1,6 @@
 import { asyncRerenderLocker, hostAdapter, mount, patch, provideHostAdapter, remove, } from '../core/internal.js';
-import { domAdapter } from './domAdapter';
-import { attachElementToDom, getElementFromDom } from './attach-element-to-dom';
+import { domAdapter } from './domAdapter.js';
+import { attachElementToDom, getElementFromDom } from './attach-element-to-dom.js';
 provideHostAdapter(domAdapter);
 export function render(element, container) {
     if (!container) {

package/hooks/index.d.ts

@@ -1,4 +1,4 @@
-import type { RefObject, SimpContext } from '../core';
+import type { RefObject, SimpContext } from '../core/index.js';
 
 export type Cleanup = () => void;
 export type Effect = () => void | Cleanup;

package/hooks/index.js

@@ -1,5 +1,5 @@
 import { lifecycleEventBus, rerender, syncRerenderLocker } from '../core/internal.js';
-import { noop } from '../shared';
+import { noop } from '../shared/index.js';
 let currentIndex = 0;
 // In runtime this is a nullable variable.
 let currentElement;

package/jsx-runtime/index.d.ts

@@ -1,5 +1,5 @@
-import type { FC, Fragment as FragmentType, Key, SimpElement } from '../core';
-import type { Maybe } from '../shared';
+import type { FC, Fragment as FragmentType, Key, SimpElement } from '../core/index.js';
+import type { Maybe } from '../shared/index.js';
 import type {
   AnchorHTMLAttributes,
   AreaHTMLAttributes,
@@ -54,7 +54,7 @@ import type {
   TrackHTMLAttributes,
   VideoHTMLAttributes,
   WebViewHTMLAttributes,
-} from '../dom';
+} from '../dom/index.js';
 
 declare function jsx<P = {}>(type: string | FC<P>, props?: P, key?: Maybe<Key>): SimpElement<P>;
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@simpreact/simpreact",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "description": "",
   "homepage": "https://github.com/dPaskhin/simpreact#readme",
   "main": "./core/index.js",
@@ -44,6 +44,7 @@
     "url": "git+https://github.com/dPaskhin/simpreact.git"
   },
   "sideEffects": false,
+  "type": "module",
   "license": "MIT",
   "author": "Dmitrii Paskhin <d.pasxin@gmail.com>",
   "dependencies": {

package/shared/index.js

@@ -1,5 +1,5 @@
-import { EventBus } from './EventBus';
-import { emptyArray, emptyMap, emptyObject } from './lang';
-import { isSimpText, noop } from './utils';
+import { EventBus } from './EventBus.js';
+import { emptyArray, emptyMap, emptyObject } from './lang.js';
+import { isSimpText, noop } from './utils.js';
 export { emptyObject, emptyMap, emptyArray, isSimpText, EventBus, noop };
 export default { isSimpText, EMPTY_MAP: emptyMap, EMPTY_ARRAY: emptyArray, EMPTY_OBJECT: emptyObject, EventBus, noop };

package/shared/utils.d.ts

@@ -1,3 +1,3 @@
-import type { SimpText } from './public';
+import type { SimpText } from './public.js';
 export declare function isSimpText(value: unknown): value is SimpText;
 export declare function noop(): void;