what-core 0.7.0 → 0.8.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "what-core",
-  "version": "0.7.0",
+  "version": "0.8.0",
   "description": "What Framework - The closest framework to vanilla JS",
   "type": "module",
   "main": "src/index.js",

package/src/dom.js

@@ -5,7 +5,6 @@
 import { effect, batch, untrack, signal, __DEV__, __devtools } from './reactive.js';
 import { reportError, _injectGetCurrentComponent, shallowEqual } from './components.js';
 import { _setComponentRef } from './helpers.js';
-
 // SVG elements that need namespace
 const SVG_ELEMENTS = new Set([
   'svg', 'path', 'circle', 'rect', 'line', 'polyline', 'polygon', 'ellipse',

package/src/guardrails.js

@@ -150,6 +150,8 @@ const VALID_EXPORTS = new Set([
   // Scheduler
   'scheduleRead', 'scheduleWrite', 'flushScheduler', 'measure', 'mutate',
   'useScheduledEffect', 'nextFrame', 'raf', 'onResize', 'onIntersect', 'smoothScrollTo',
+  // Text insertion hook (for external text engines)
+  '_setTextInsertHook',
   // Animation
   'spring', 'tween', 'easings', 'useTransition', 'useGesture', 'useAnimatedValue',
   'createTransitionClasses', 'cssTransition',

package/src/index.js

@@ -173,6 +173,9 @@ export {
   validateImports,
 } from './guardrails.js';
 
+// Generic text insertion hook (used by external text engines like what-text)
+export { _setTextInsertHook } from './render.js';
+
 // Agent context (global inspection API)
 export {
   installAgentContext,

package/src/render.js

@@ -4,9 +4,19 @@
 
 import { effect, untrack, createRoot, _createItemScope, signal, __DEV__ } from './reactive.js';
 import { createDOM, disposeTree, getCurrentComponent, getComponentStack } from './dom.js';
-
 export { effect, untrack };
 
+// --- Generic text insertion hook ---
+// External text engines (e.g., what-text) register a callback here via
+// _setTextInsertHook(). When null (default), zero cost — no module loaded,
+// no branch taken. The hook receives (parentElement, textString) on every
+// dynamic text insertion and update.
+let _onTextInsert = null;
+
+export function _setTextInsertHook(fn) {
+  _onTextInsert = typeof fn === 'function' ? fn : null;
+}
+
 // --- _$createComponent(Component, props, children) ---
 // Internal compiler target for component instantiation. The compiler emits calls
 // to this function instead of h() — keeping h() out of compiled output entirely.
@@ -168,6 +178,7 @@ export function insert(parent, child, marker) {
       const m = marker || null;
       if (m) parent.insertBefore(textNode, m);
       else parent.appendChild(textNode);
+      if (_onTextInsert) _onTextInsert(parent, String(first));
       let current = textNode;
       let isTextFastPath = true;
       effect(() => {
@@ -177,6 +188,7 @@ export function insert(parent, child, marker) {
           // Fast path: still text — update data directly (no allocations)
           const str = String(val);
           if (textNode.data !== str) textNode.data = str;
+          if (_onTextInsert) _onTextInsert(parent, str);
         } else {
           // Type changed — fall back to full reconcile
           isTextFastPath = false;