@symbiote-native/vue 0.3.2 → 0.3.4

package/build/components/virtualized-list/index.js

@@ -27,7 +27,7 @@
 import { computed, defineComponent, getCurrentInstance, h, isVNode, onBeforeUnmount, ref, shallowRef, watch, } from '@vue/runtime-core';
 import { DEFAULT_END_REACHED_THRESHOLD, DEFAULT_INITIAL_NUM_TO_RENDER, DEFAULT_MAX_TO_RENDER_PER_BATCH, DEFAULT_START_REACHED_THRESHOLD, DEFAULT_UPDATE_CELLS_BATCHING_PERIOD, DEFAULT_WINDOW_SIZE, EMPTY_OFFSET, FIRST_INDEX, INVERTED_X_STYLE, INVERTED_Y_STYLE, NO_CONTENT_LENGTH_SENT, averageMeasuredLength, buildListPlan, buildOffsets, buildViewabilityPairs, computeEndReached, computeStartReached, computeViewableSet, computeWindow, diffViewable, highestMeasuredIndex, maxMinimumViewTime, offsetForIndex, readLayoutLength, readScrollOffset, throttleWindow, } from '@symbiote-native/components';
 import { dlog, } from '@symbiote-native/engine';
-import { ScrollView } from '../scroll-view/index.js';
+import { ScrollView } from '../scroll-view';
 import { RefreshControl } from '../refresh-control.js';
 import { normalizeVueAttrs } from '../../utils/normalize-attrs.js';
 import { componentFromSlot } from '../../utils/slots-to-render-props.js';

package/build/index.js

@@ -17,17 +17,17 @@ export { Image, setImageSourceResolver } from './components/image.js';
 // First component off the shared @symbiote-native/components layer: render-only, drives the
 // agnostic renderActivityIndicator through descriptorToVue. Proof the layer is reusable:
 // the render fn is shared verbatim with React; Vue supplies only the bridge.
-export { ActivityIndicator } from './components/activity-indicator/index.js';
+export { ActivityIndicator } from './components/activity-indicator';
 // First component to bring the state half into Vue (the lastNativeReport reducer + the
 // snap-back watch); render shared verbatim with React, Vue supplies the reactive lifecycle.
-export { Switch } from './components/switch/index.js';
+export { Switch } from './components/switch';
 // ScrollView. Full parity: vertical + horizontal, every pass-through prop, the
 // synthesized onContentSizeChange, the imperative handle via expose() + shallowRef, RefreshControl
 // (iOS sibling / Android wrap), and sticky headers (the scroll AnimatedValue,
 // the headerLayoutYs cross-talk, and the per-header Animated.View wrap). The pure math (intrinsics,
 // decelerationRate, content-size dedupe, the handle, the sticky interpolation) is shared verbatim
 // with React from @symbiote-native/components.
-export { ScrollView } from './components/scroll-view/index.js';
+export { ScrollView } from './components/scroll-view';
 // Pressable family. Full parity with React (the 3-layer split): the press state machine + render
 // decisions are shared in @symbiote-native/components; Vue supplies the reactivity + descriptor bridge.
 export { Pressable } from './components/pressable.js';

package/build/modules/animated/index.js

@@ -6,7 +6,7 @@
 import { AnimatedValue, AnimatedValueXY, AnimatedColor, AnimatedMock, Easing, Platform, timing, spring, decay, parallel, sequence, stagger, loop, delay, add, subtract, multiply, divide, modulo, diffClamp, event, forkEvent, unforkEvent, } from '@symbiote-native/engine';
 import { View, Text } from '../../components.js';
 import { Image } from '../../components/image.js';
-import { ScrollView } from '../../components/scroll-view/index.js';
+import { ScrollView } from '../../components/scroll-view';
 import { createAnimatedComponent } from './create-animated-component.js';
 export { createAnimatedComponent } from './create-animated-component.js';
 // View/Text are pure host primitives; Image is the functional renderImage wrapper, and all expose

package/metro-vue-transformer.cjs

@@ -13,8 +13,18 @@
 // Ships as a package-level export (`@symbiote-native/vue/metro-vue-transformer`) rather than living
 // in each consuming app: a consumer's own metro.config.js just points babelTransformerPath at it.
 
-const { parse, compileScript } = require('@vue/compiler-sfc');
+const nodeFs = require('fs');
+const { parse, compileScript, registerTS } = require('@vue/compiler-sfc');
 const { createCompoundExpression } = require('@vue/compiler-core');
+
+// A bare-specifier type import (`import type { X } from '@symbiote-native/navigation/vue'`, as
+// opposed to a relative one) needs real node_modules resolution (package.json exports, pnpm
+// symlinks) to turn the specifier into a file path — compileScript's own `fs` option only reads
+// paths it's already given, it can't do that resolution. @vue/compiler-sfc's sanctioned hook for
+// this is `registerTS`, the same one @vitejs/plugin-vue and vue-tsc call: it hands the compiler a
+// lazy loader for the real `typescript` package, which resolves the specifier via
+// `ts.resolveModuleName` and self-supplies `ts.sys` as the fs fallback.
+registerTS(() => require('typescript'));
 // @symbiote-native/css-parser is a real dependency of THIS package, so requiring it directly here
 // (rather than through the ./metro-css-parser public subpath, which exists for CONSUMERS) resolves
 // straight from this package's own node_modules under pnpm.
@@ -31,6 +41,23 @@ const {
 
 const upstreamTransformer = resolveUpstreamTransformer();
 
+// compileScript needs file system access to resolve a type-only `defineProps<ISomeProps>()`
+// where ISomeProps is imported from another file — without it, Metro's worker process (a real
+// Node process, but one @vue/compiler-sfc doesn't auto-detect as Node unless the consumer calls
+// its `registerTS` hook) throws "No fs option provided ... in non-Node environment". Wiring
+// Node's own `fs` module straight through is simpler than registering the `typescript` package
+// as a loader (registerTS), and this file already runs in Node at Metro build time.
+const compileScriptFs = {
+  fileExists: (file) => nodeFs.existsSync(file),
+  readFile: (file) => {
+    try {
+      return nodeFs.readFileSync(file, 'utf-8');
+    } catch {
+      return undefined;
+    }
+  },
+};
+
 // Rewrites a Vue template AST so every `class`/`:class` binding on an element resolves
 // against this file's scoped class names at the compiled call site, via @symbiote-native/engine's
 // scopeClassName(value, localNames, scopeId). This runs at the AST level rather than as a
@@ -234,6 +261,7 @@ async function compileSfc(src, filename) {
     id: scopeId,
     inlineTemplate: true,
     templateOptions,
+    fs: compileScriptFs,
   });
   // Point every Vue import (the compiler's injected helpers AND the user's own
   // `import { ref } from 'vue'`) at the runtime-helpers shim, which re-exports the same

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@symbiote-native/vue",
-  "version": "0.3.2",
+  "version": "0.3.4",
   "description": "SymbioteNative's Vue adapter — a @vue/runtime-core createRenderer driving real native iOS/Android views through the same engine as the React adapter.",
   "repository": {
     "type": "git",
@@ -44,16 +44,17 @@
     "@vue/compiler-core": "^3.5.13",
     "@vue/compiler-sfc": "^3.5.13",
     "@vue/runtime-core": "^3.5.13",
-    "@symbiote-native/components": "0.2.2",
+    "typescript": "~6.0.0",
     "@symbiote-native/css-parser": "0.2.1",
-    "@symbiote-native/engine": "0.1.3"
+    "@symbiote-native/components": "0.2.3",
+    "@symbiote-native/engine": "0.1.4"
   },
   "peerDependencies": {
     "vue": ">=3.5.0",
     "react-native": ">=0.86"
   },
   "devDependencies": {
-    "@symbiote-native/test-utils": "0.1.3"
+    "@symbiote-native/test-utils": "0.1.5"
   },
   "scripts": {
     "typecheck": "tsc --build",