embedded-react 0.1.1 → 0.2.0

package/src/embedded-react/AppRegistry.js

@@ -1,49 +1,49 @@
-/*
- * Copyright 2026 Cory Lamming
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-// AppRegistry — the RN entry point. An app registers a root component; the runtime mounts it into
-// a screen-sized container.
-//
-// In React Native the native side calls runApplication when the activity starts. Our host model is
-// "running the bundle IS starting the app", so registerComponent mounts immediately into a root
-// sized from the host-injected `screen` global. (A host-driven runApplication can be split out
-// later when the C host owns app lifecycle.)
-import { createElement } from 'react';
-import { createRoot } from '../renderer.js';
-
-let registered = null;
-
-export const AppRegistry = {
-  /**
-   * Registers a root component and mounts it. `componentProvider` is a zero-arg function returning
-   * the component (RN signature), so the component module isn't evaluated until registration.
-   */
-  registerComponent(appKey, componentProvider) {
-    registered = { appKey, Component: componentProvider() };
-    AppRegistry.runApplication(appKey);
-    return appKey;
-  },
-
-  /**
-   * Mounts the registered root component into a fresh screen-sized container.
-   */
-  runApplication(appKey) {
-    if (!registered) return;
-    if (appKey && appKey !== registered.appKey) return;
-    const root = createRoot({ width: screen.width, height: screen.height });
-    root.render(createElement(registered.Component));
-  },
-};
+/*
+ * Copyright 2026 Cory Lamming
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+// AppRegistry — the RN entry point. An app registers a root component; the runtime mounts it into
+// a screen-sized container.
+//
+// In React Native the native side calls runApplication when the activity starts. Our host model is
+// "running the bundle IS starting the app", so registerComponent mounts immediately into a root
+// sized from the host-injected `screen` global. (A host-driven runApplication can be split out
+// later when the C host owns app lifecycle.)
+import { createElement } from 'react';
+import { createRoot } from '../renderer.js';
+
+let registered = null;
+
+export const AppRegistry = {
+  /**
+   * Registers a root component and mounts it. `componentProvider` is a zero-arg function returning
+   * the component (RN signature), so the component module isn't evaluated until registration.
+   */
+  registerComponent(appKey, componentProvider) {
+    registered = { appKey, Component: componentProvider() };
+    AppRegistry.runApplication(appKey);
+    return appKey;
+  },
+
+  /**
+   * Mounts the registered root component into a fresh screen-sized container.
+   */
+  runApplication(appKey) {
+    if (!registered) return;
+    if (appKey && appKey !== registered.appKey) return;
+    const root = createRoot({ width: screen.width, height: screen.height });
+    root.render(createElement(registered.Component));
+  },
+};

package/src/embedded-react/Easing.js

@@ -1,39 +1,39 @@
-/*
- * Copyright 2026 Cory Lamming
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-// Easing tokens. The engine implements a fixed set of easing curves (ERAnimEasing), so unlike RN's
-// composable Easing functions these are string tokens the bridge maps to the engine enum. `bezier`
-// returns a control-point object the bridge reads as a custom cubic-bezier curve.
-export const Easing = {
-  linear: 'linear',
-  ease: 'ease',
-  easeIn: 'easeIn',
-  easeOut: 'easeOut',
-  easeInOut: 'easeInOut',
-  quadIn: 'quadIn',
-  quadOut: 'quadOut',
-  quadInOut: 'quadInOut',
-  cubicIn: 'cubicIn',
-  cubicOut: 'cubicOut',
-  cubicInOut: 'cubicInOut',
-  bounceOut: 'bounceOut',
-  elasticOut: 'elasticOut',
-
-  /** Custom cubic-bezier curve via control points. */
-  bezier(x1, y1, x2, y2) {
-    return { x1, y1, x2, y2 };
-  },
-};
+/*
+ * Copyright 2026 Cory Lamming
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+// Easing tokens. The engine implements a fixed set of easing curves (ERAnimEasing), so unlike RN's
+// composable Easing functions these are string tokens the bridge maps to the engine enum. `bezier`
+// returns a control-point object the bridge reads as a custom cubic-bezier curve.
+export const Easing = {
+  linear: 'linear',
+  ease: 'ease',
+  easeIn: 'easeIn',
+  easeOut: 'easeOut',
+  easeInOut: 'easeInOut',
+  quadIn: 'quadIn',
+  quadOut: 'quadOut',
+  quadInOut: 'quadInOut',
+  cubicIn: 'cubicIn',
+  cubicOut: 'cubicOut',
+  cubicInOut: 'cubicInOut',
+  bounceOut: 'bounceOut',
+  elasticOut: 'elasticOut',
+
+  /** Custom cubic-bezier curve via control points. */
+  bezier(x1, y1, x2, y2) {
+    return { x1, y1, x2, y2 };
+  },
+};

package/src/embedded-react/LayoutAnimation.js

@@ -1,45 +1,45 @@
-/*
- * Copyright 2026 Cory Lamming
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-// LayoutAnimation — the React Native analog. Calling configureNext(...) before a state update that
-// changes layout makes the engine tween every node whose computed rect moved (instead of snapping)
-// on the next commit. Backed by the engine's er_layout_anim_configure_next; the tween advances in C
-// each frame (er_layout_anim_tick), so there's no per-frame JS.
-import { NativeUI } from '../native-ui.js';
-import { Types, Properties, Presets, toEngineConfig, create } from './layout-anim-config.js';
-
-/**
- * Arms a layout animation for the next commit. Call right before the setState that changes layout.
- * onAnimationDidEnd is approximated with a timer (the engine config carries no completion hook).
- */
-export function configureNext(config, onAnimationDidEnd) {
-  NativeUI.configureNextLayoutAnimation(toEngineConfig(config));
-  if (typeof onAnimationDidEnd === 'function') {
-    const ms = config && typeof config.duration === 'number' ? config.duration : 300;
-    setTimeout(onAnimationDidEnd, ms);
-  }
-}
-
-export const LayoutAnimation = {
-  configureNext,
-  create,
-  Types,
-  Properties,
-  Presets,
-  easeInEaseOut: (onDone) => configureNext(Presets.easeInEaseOut, onDone),
-  linear: (onDone) => configureNext(Presets.linear, onDone),
-  spring: (onDone) => configureNext(Presets.spring, onDone),
-};
+/*
+ * Copyright 2026 Cory Lamming
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+// LayoutAnimation — the React Native analog. Calling configureNext(...) before a state update that
+// changes layout makes the engine tween every node whose computed rect moved (instead of snapping)
+// on the next commit. Backed by the engine's er_layout_anim_configure_next; the tween advances in C
+// each frame (er_layout_anim_tick), so there's no per-frame JS.
+import { NativeUI } from '../native-ui.js';
+import { Types, Properties, Presets, toEngineConfig, create } from './layout-anim-config.js';
+
+/**
+ * Arms a layout animation for the next commit. Call right before the setState that changes layout.
+ * onAnimationDidEnd is approximated with a timer (the engine config carries no completion hook).
+ */
+export function configureNext(config, onAnimationDidEnd) {
+  NativeUI.configureNextLayoutAnimation(toEngineConfig(config));
+  if (typeof onAnimationDidEnd === 'function') {
+    const ms = config && typeof config.duration === 'number' ? config.duration : 300;
+    setTimeout(onAnimationDidEnd, ms);
+  }
+}
+
+export const LayoutAnimation = {
+  configureNext,
+  create,
+  Types,
+  Properties,
+  Presets,
+  easeInEaseOut: (onDone) => configureNext(Presets.easeInEaseOut, onDone),
+  linear: (onDone) => configureNext(Presets.linear, onDone),
+  spring: (onDone) => configureNext(Presets.spring, onDone),
+};

package/src/embedded-react/Platform.js

@@ -1,26 +1,26 @@
-/*
- * Copyright 2026 Cory Lamming
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-// Platform — minimal RN analog. OS is "embedded"; select() picks the embedded entry (falling back
-// to default) so apps can write Platform.select({ embedded: ..., default: ... }).
-export const Platform = {
-  OS: 'embedded',
-  select(specifics) {
-    if (specifics == null) return undefined;
-    if ('embedded' in specifics) return specifics.embedded;
-    return specifics.default;
-  },
-};
+/*
+ * Copyright 2026 Cory Lamming
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+// Platform — minimal RN analog. OS is "embedded"; select() picks the embedded entry (falling back
+// to default) so apps can write Platform.select({ embedded: ..., default: ... }).
+export const Platform = {
+  OS: 'embedded',
+  select(specifics) {
+    if (specifics == null) return undefined;
+    if ('embedded' in specifics) return specifics.embedded;
+    return specifics.default;
+  },
+};

package/src/embedded-react/StyleSheet.js

@@ -1,36 +1,36 @@
-/*
- * Copyright 2026 Cory Lamming
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-// StyleSheet — the React Native analog. `create` is an identity pass-through (styles are plain
-// objects the host config flattens at setProps time); `flatten` collapses nested arrays/objects.
-export const StyleSheet = {
-  create(styles) {
-    return styles;
-  },
-
-  flatten(style) {
-    if (!style) return {};
-    if (Array.isArray(style)) {
-      const out = {};
-      for (const s of style) Object.assign(out, StyleSheet.flatten(s));
-      return out;
-    }
-    return style;
-  },
-
-  hairlineWidth: 1,
-  absoluteFill: { position: 'absolute', top: 0, left: 0, right: 0, bottom: 0 },
-};
+/*
+ * Copyright 2026 Cory Lamming
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+// StyleSheet — the React Native analog. `create` is an identity pass-through (styles are plain
+// objects the host config flattens at setProps time); `flatten` collapses nested arrays/objects.
+export const StyleSheet = {
+  create(styles) {
+    return styles;
+  },
+
+  flatten(style) {
+    if (!style) return {};
+    if (Array.isArray(style)) {
+      const out = {};
+      for (const s of style) Object.assign(out, StyleSheet.flatten(s));
+      return out;
+    }
+    return style;
+  },
+
+  hairlineWidth: 1,
+  absoluteFill: { position: 'absolute', top: 0, left: 0, right: 0, bottom: 0 },
+};

package/src/embedded-react/components.js

@@ -1,44 +1,44 @@
-/*
- * Copyright 2026 Cory Lamming
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-// Host components. Each is the string tag the reconciler passes to NativeUI.createNode(), which
-// maps it onto an ERNodeType. JSX `<View/>` → createElement('View', ...) → createInstance('View').
-export const View = 'View';
-export const Text = 'Text';
-export const Image = 'Image';
-export const ScrollView = 'ScrollView';
-export const FlatList = 'FlatList';
-export const Pressable = 'Pressable';
-// TouchableOpacity is RN's press-with-opacity wrapper; for now it maps to the same Pressable node.
-export const TouchableOpacity = 'Pressable';
-export const TextInput = 'TextInput';
-export const Switch = 'Switch';
-export const ActivityIndicator = 'ActivityIndicator';
-export const Modal = 'Modal';
-
-// SVG surface. <Svg> is the only host node (→ ER_NODE_VECTOR); the shape tags below are descriptive
-// children that the host config flattens into the Svg node's op-tape (they are never mounted on their
-// own — like raw text inside <Text>). Use them only inside an <Svg>.
-export const Svg = 'Svg';
-export const Path = 'Path';
-export const Circle = 'Circle';
-export const Ellipse = 'Ellipse';
-export const Rect = 'Rect';
-export const Line = 'Line';
-export const G = 'G';
-// Arc convenience primitive (not a standard SVG element): a circular arc given a center, radius, and
-// start/end angles in DEGREES clockwise from 12 o'clock. Flattens to a native arc op — cheap to update.
-export const Arc = 'Arc';
+/*
+ * Copyright 2026 Cory Lamming
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+// Host components. Each is the string tag the reconciler passes to NativeUI.createNode(), which
+// maps it onto an ERNodeType. JSX `<View/>` → createElement('View', ...) → createInstance('View').
+export const View = 'View';
+export const Text = 'Text';
+export const Image = 'Image';
+export const ScrollView = 'ScrollView';
+export const FlatList = 'FlatList';
+export const Pressable = 'Pressable';
+// TouchableOpacity is RN's press-with-opacity wrapper; for now it maps to the same Pressable node.
+export const TouchableOpacity = 'Pressable';
+export const TextInput = 'TextInput';
+export const Switch = 'Switch';
+export const ActivityIndicator = 'ActivityIndicator';
+export const Modal = 'Modal';
+
+// SVG surface. <Svg> is the only host node (→ ER_NODE_VECTOR); the shape tags below are descriptive
+// children that the host config flattens into the Svg node's op-tape (they are never mounted on their
+// own — like raw text inside <Text>). Use them only inside an <Svg>.
+export const Svg = 'Svg';
+export const Path = 'Path';
+export const Circle = 'Circle';
+export const Ellipse = 'Ellipse';
+export const Rect = 'Rect';
+export const Line = 'Line';
+export const G = 'G';
+// Arc convenience primitive (not a standard SVG element): a circular arc given a center, radius, and
+// start/end angles in DEGREES clockwise from 12 o'clock. Flattens to a native arc op — cheap to update.
+export const Arc = 'Arc';

package/src/embedded-react/index.js

@@ -1,52 +1,52 @@
-/*
- * Copyright 2026 Cory Lamming
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-// Public 'embedded-react' surface — the React Native analog. App authors import components, styling,
-// and the entry point from here; React hooks still come from 'react' (as in RN).
-//
-//   import { useState } from 'react';
-//   import { View, Text, StyleSheet, AppRegistry } from 'embedded-react';
-//
-// Resolves as a Node package self-reference (see package.json "name"/"exports").
-export {
-  View,
-  Text,
-  Image,
-  ScrollView,
-  FlatList,
-  Pressable,
-  TouchableOpacity,
-  TextInput,
-  Switch,
-  ActivityIndicator,
-  Modal,
-  Svg,
-  Path,
-  Circle,
-  Ellipse,
-  Rect,
-  Line,
-  G,
-  Arc,
-} from './components.js';
-export { updateVector, updateText, setKeyboardConfig } from './imperative.js';
-export { StyleSheet } from './StyleSheet.js';
-export { Platform } from './Platform.js';
-export { AppRegistry } from './AppRegistry.js';
-export { Animated, useAnimatedValue } from './Animated.js';
-export { usePersistentState } from './usePersistentState.js';
-export { Easing } from './Easing.js';
-export { LayoutAnimation } from './LayoutAnimation.js';
+/*
+ * Copyright 2026 Cory Lamming
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+// Public 'embedded-react' surface — the React Native analog. App authors import components, styling,
+// and the entry point from here; React hooks still come from 'react' (as in RN).
+//
+//   import { useState } from 'react';
+//   import { View, Text, StyleSheet, AppRegistry } from 'embedded-react';
+//
+// Resolves as a Node package self-reference (see package.json "name"/"exports").
+export {
+  View,
+  Text,
+  Image,
+  ScrollView,
+  FlatList,
+  Pressable,
+  TouchableOpacity,
+  TextInput,
+  Switch,
+  ActivityIndicator,
+  Modal,
+  Svg,
+  Path,
+  Circle,
+  Ellipse,
+  Rect,
+  Line,
+  G,
+  Arc,
+} from './components.js';
+export { updateVector, updateText, setKeyboardConfig } from './imperative.js';
+export { StyleSheet } from './StyleSheet.js';
+export { Platform } from './Platform.js';
+export { AppRegistry } from './AppRegistry.js';
+export { Animated, useAnimatedValue } from './Animated.js';
+export { usePersistentState } from './usePersistentState.js';
+export { Easing } from './Easing.js';
+export { LayoutAnimation } from './LayoutAnimation.js';