@symbiote-native/navigation 1.0.0

package/codegen-specs/tabs/TabsScreenIOSNativeComponent.ts

@@ -0,0 +1,171 @@
+'use client';
+
+import { codegenNativeComponent } from 'react-native';
+import type {
+  CodegenTypes as CT,
+  ImageSource,
+  ProcessedColorValue,
+  ViewProps,
+} from 'react-native';
+
+import { UnsafeMixed } from '../codegenUtils';
+
+// #region General helpers
+
+// eslint-disable-next-line @typescript-eslint/ban-types
+type GenericEmptyEvent = Readonly<{}>;
+
+// #endregion General helpers
+
+// #region iOS-specific helpers
+
+// iOS-specific: SFSymbol, image as a template usage
+export type IconType = 'image' | 'template' | 'sfSymbol' | 'xcasset';
+
+export type ItemStateAppearance = {
+  tabBarItemTitleFontFamily?: string | undefined;
+  tabBarItemTitleFontSize?: CT.Float | undefined;
+  tabBarItemTitleFontWeight?: string | undefined;
+  tabBarItemTitleFontStyle?: string | undefined;
+  tabBarItemTitleFontColor?: ProcessedColorValue | null | undefined;
+  tabBarItemTitlePositionAdjustment?:
+    | {
+        horizontal?: CT.Float | undefined;
+        vertical?: CT.Float | undefined;
+      }
+    | undefined;
+  tabBarItemIconColor?: ProcessedColorValue | null | undefined;
+  tabBarItemBadgeBackgroundColor?: ProcessedColorValue | null | undefined;
+};
+
+export type ItemAppearance = {
+  normal?: ItemStateAppearance | undefined;
+  selected?: ItemStateAppearance | undefined;
+  focused?: ItemStateAppearance | undefined;
+  disabled?: ItemStateAppearance | undefined;
+};
+
+export type Appearance = {
+  stacked?: ItemAppearance | undefined;
+  inline?: ItemAppearance | undefined;
+  compactInline?: ItemAppearance | undefined;
+
+  tabBarBackgroundColor?: ProcessedColorValue | null | undefined;
+  tabBarShadowColor?: ProcessedColorValue | null | undefined;
+  tabBarBlurEffect?: CT.WithDefault<BlurEffect, 'systemDefault'>;
+};
+
+type BlurEffect =
+  | 'none'
+  | 'systemDefault'
+  | 'extraLight'
+  | 'light'
+  | 'dark'
+  | 'regular'
+  | 'prominent'
+  | 'systemUltraThinMaterial'
+  | 'systemThinMaterial'
+  | 'systemMaterial'
+  | 'systemThickMaterial'
+  | 'systemChromeMaterial'
+  | 'systemUltraThinMaterialLight'
+  | 'systemThinMaterialLight'
+  | 'systemMaterialLight'
+  | 'systemThickMaterialLight'
+  | 'systemChromeMaterialLight'
+  | 'systemUltraThinMaterialDark'
+  | 'systemThinMaterialDark'
+  | 'systemMaterialDark'
+  | 'systemThickMaterialDark'
+  | 'systemChromeMaterialDark';
+
+type Orientation =
+  | 'inherit'
+  | 'all'
+  | 'allButUpsideDown'
+  | 'portrait'
+  | 'portraitUp'
+  | 'portraitDown'
+  | 'landscape'
+  | 'landscapeLeft'
+  | 'landscapeRight';
+
+type SystemItem =
+  | 'none'
+  | 'bookmarks'
+  | 'contacts'
+  | 'downloads'
+  | 'favorites'
+  | 'featured'
+  | 'history'
+  | 'more'
+  | 'mostRecent'
+  | 'mostViewed'
+  | 'recents'
+  | 'search'
+  | 'topRated';
+
+type UserInterfaceStyle = 'unspecified' | 'light' | 'dark';
+
+// #endregion iOS-specific helpers
+
+export interface NativeProps extends ViewProps {
+  // Events
+  onWillAppear?: CT.DirectEventHandler<GenericEmptyEvent> | undefined;
+  onDidAppear?: CT.DirectEventHandler<GenericEmptyEvent> | undefined;
+  onWillDisappear?: CT.DirectEventHandler<GenericEmptyEvent> | undefined;
+  onDidDisappear?: CT.DirectEventHandler<GenericEmptyEvent> | undefined;
+
+  // Control
+  screenKey: string;
+  preventNativeSelection?: CT.WithDefault<boolean, false>;
+
+  // General
+  title?: string | undefined | null;
+  badgeValue?: string | undefined;
+  orientation?: CT.WithDefault<Orientation, 'inherit'>;
+
+  // Accessibility
+  tabBarItemTestID?: string | undefined;
+  tabBarItemAccessibilityLabel?: string | undefined;
+
+  // Effects
+  specialEffects?:
+    | {
+        repeatedTabSelection?:
+          | {
+              popToRoot?: CT.WithDefault<boolean, true>;
+              scrollToTop?: CT.WithDefault<boolean, true>;
+            }
+          | undefined;
+      }
+    | undefined;
+
+  // iOS-specific props
+  // Tab config
+  isTitleUndefined?: CT.WithDefault<boolean, true>;
+  systemItem?: CT.WithDefault<SystemItem, 'none'>;
+
+  // Appearance
+  standardAppearance?: UnsafeMixed<Appearance> | undefined;
+  scrollEdgeAppearance?: UnsafeMixed<Appearance> | undefined;
+
+  // Icons
+  iconType?: CT.WithDefault<IconType, 'sfSymbol'>;
+  iconImageSource?: ImageSource | undefined;
+  iconResourceName?: string | undefined;
+  selectedIconImageSource?: ImageSource | undefined;
+  selectedIconResourceName?: string | undefined;
+
+  // ScrollView interactions
+  overrideScrollViewContentInsetAdjustmentBehavior?: CT.WithDefault<
+    boolean,
+    true
+  >;
+  // Experimental
+  userInterfaceStyle?: CT.WithDefault<UserInterfaceStyle, 'unspecified'>;
+}
+
+export default codegenNativeComponent<NativeProps>('RNSTabsScreenIOS', {
+  excludedPlatforms: ['android'],
+});

package/package.json

@@ -0,0 +1,201 @@
+{
+  "name": "@symbiote-native/navigation",
+  "version": "1.0.0",
+  "description": "Native stack navigator for SymbioteNative, built on react-native-screens' native view primitives (RNSScreen/RNSScreenStack) — one framework-agnostic core, reachable from the React, Vue, and Angular adapters.",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/OneEyed1366/symbiote-native.git",
+    "directory": "packages/navigation"
+  },
+  "homepage": "https://github.com/OneEyed1366/symbiote-native/tree/master/packages/navigation#readme",
+  "bugs": {
+    "url": "https://github.com/OneEyed1366/symbiote-native/issues"
+  },
+  "author": "Andrey Prokopenko <psevdoproger@gmail.com>",
+  "type": "module",
+  "main": "./build/core/index.js",
+  "module": "./build/core/index.js",
+  "types": "./build/core/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./build/core/index.d.ts",
+      "default": "./build/core/index.js"
+    },
+    "./react": {
+      "types": "./build/react/index.d.ts",
+      "default": "./build/react/index.js"
+    },
+    "./vue": {
+      "types": "./build/vue/index.d.ts",
+      "default": "./build/vue/index.js"
+    },
+    "./angular": {
+      "types": "./build-ngc/angular/index.d.ts",
+      "default": "./build-ngc/angular/index.js"
+    }
+  },
+  "files": [
+    "src",
+    "build",
+    "build-ngc",
+    "codegen-specs",
+    "react-native.config.cjs",
+    "symbiote-navigation.podspec"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "codegenConfig": {
+    "name": "rnscreens",
+    "type": "all",
+    "jsSrcsDir": "codegen-specs",
+    "android": {
+      "javaPackageName": "com.swmansion.rnscreens"
+    },
+    "ios": {
+      "components": {
+        "RNSFullWindowOverlay": {
+          "className": "RNSFullWindowOverlay"
+        },
+        "RNSModalScreen": {
+          "className": "RNSModalScreen"
+        },
+        "RNSScreenContainer": {
+          "className": "RNSScreenContainerView"
+        },
+        "RNSScreenContentWrapper": {
+          "className": "RNSScreenContentWrapper"
+        },
+        "RNSScreenFooter": {
+          "className": "RNSScreenFooter"
+        },
+        "RNSScreen": {
+          "className": "RNSScreenView"
+        },
+        "RNSScreenNavigationContainer": {
+          "className": "RNSScreenNavigationContainerView"
+        },
+        "RNSScreenStackHeaderConfig": {
+          "className": "RNSScreenStackHeaderConfig"
+        },
+        "RNSScreenStackHeaderSubview": {
+          "className": "RNSScreenStackHeaderSubview"
+        },
+        "RNSScreenStack": {
+          "className": "RNSScreenStackView"
+        },
+        "RNSSearchBar": {
+          "className": "RNSSearchBar"
+        },
+        "RNSStackScreen": {
+          "className": "RNSStackScreenComponentView"
+        },
+        "RNSStackHost": {
+          "className": "RNSStackHostComponentView"
+        },
+        "RNSStackHeaderConfigIOS": {
+          "className": "RNSStackHeaderConfigComponentView"
+        },
+        "RNSStackHeaderItemIOS": {
+          "className": "RNSStackHeaderItemComponentView"
+        },
+        "RNSStackHeaderItemSpacerIOS": {
+          "className": "RNSStackHeaderItemSpacerComponentView"
+        },
+        "RNSTabsScreenIOS": {
+          "className": "RNSTabsScreenComponentView"
+        },
+        "RNSTabsHostIOS": {
+          "className": "RNSTabsHostComponentView"
+        },
+        "RNSTabsBottomAccessory": {
+          "className": "RNSTabsBottomAccessoryComponentView"
+        },
+        "RNSTabsBottomAccessoryContent": {
+          "className": "RNSTabsBottomAccessoryContentComponentView"
+        },
+        "RNSSplitHost": {
+          "className": "RNSSplitHostComponentView"
+        },
+        "RNSSplitScreen": {
+          "className": "RNSSplitScreenComponentView"
+        },
+        "RNSSafeAreaView": {
+          "className": "RNSSafeAreaViewComponentView"
+        },
+        "RNSScrollViewMarker": {
+          "className": "RNSScrollViewMarkerComponentView"
+        },
+        "RNSFormSheetHost": {
+          "className": "RNSFormSheetHostComponentView"
+        },
+        "RNSFormSheetContentWrapper": {
+          "className": "RNSFormSheetContentWrapperComponentView"
+        }
+      }
+    }
+  },
+  "dependencies": {
+    "react-native-screens": "4.26.0",
+    "@symbiote-native/components": "0.2.5"
+  },
+  "peerDependencies": {
+    "@angular/common": ">=20",
+    "@angular/core": ">=20",
+    "@symbiote-native/engine": ">=0.1.6",
+    "@vue/runtime-core": "^3.5.13",
+    "react": ">=19.0.0",
+    "react-native": ">=0.86",
+    "vue": ">=3.5.0",
+    "@symbiote-native/angular": "0.5.0",
+    "@symbiote-native/react": "0.2.6",
+    "@symbiote-native/vue": "0.3.6"
+  },
+  "peerDependenciesMeta": {
+    "@angular/common": {
+      "optional": true
+    },
+    "@angular/core": {
+      "optional": true
+    },
+    "@symbiote-native/angular": {
+      "optional": true
+    },
+    "@symbiote-native/react": {
+      "optional": true
+    },
+    "@symbiote-native/vue": {
+      "optional": true
+    },
+    "@vue/runtime-core": {
+      "optional": true
+    },
+    "react": {
+      "optional": true
+    },
+    "vue": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@angular/common": "^22",
+    "@angular/compiler": "^22",
+    "@angular/compiler-cli": "^22",
+    "@angular/core": "^22",
+    "@types/node": "^26.0.0",
+    "@types/react": "^19.2.0",
+    "@vue/runtime-core": "^3.5.13",
+    "react": "19.2.3",
+    "typescript": "~6.0.0",
+    "@symbiote-native/react": "0.2.6",
+    "@symbiote-native/angular": "0.5.0",
+    "@symbiote-native/engine": "0.1.6",
+    "@symbiote-native/vue": "0.3.6",
+    "@symbiote-native/test-utils": "0.1.5"
+  },
+  "scripts": {
+    "ng:build": "ngc -p tsconfig.angular.json",
+    "typecheck": "tsc --build",
+    "format": "prettier --write \"src/**/*.{ts,tsx}\""
+  }
+}

package/react-native.config.cjs

@@ -0,0 +1,58 @@
+const fs = require('fs');
+const path = require('path');
+
+const PACKAGE_NAME = '@symbiote-native/navigation';
+const NATIVE_SCREENS_PACKAGE = 'react-native-screens';
+
+function findCliDependencyRoot() {
+  let current = process.cwd();
+
+  while (true) {
+    const candidate = path.join(current, 'node_modules', ...PACKAGE_NAME.split('/'));
+    if (fs.existsSync(candidate)) {
+      return candidate;
+    }
+
+    const parent = path.dirname(current);
+    if (parent === current) {
+      return __dirname;
+    }
+
+    current = parent;
+  }
+}
+
+const cliDependencyRoot = findCliDependencyRoot();
+const nativeScreensRoot = path.dirname(require.resolve(`${NATIVE_SCREENS_PACKAGE}/package.json`));
+
+module.exports = {
+  dependency: {
+    platforms: {
+      android: {
+        sourceDir: path.relative(cliDependencyRoot, path.join(nativeScreensRoot, 'android')),
+        libraryName: 'rnscreens',
+        componentDescriptors: [
+          'RNSFullWindowOverlayComponentDescriptor',
+          'RNSScreenContainerComponentDescriptor',
+          'RNSScreenNavigationContainerComponentDescriptor',
+          'RNSScreenStackHeaderConfigComponentDescriptor',
+          'RNSScreenStackHeaderSubviewComponentDescriptor',
+          'RNSScreenStackComponentDescriptor',
+          'RNSSearchBarComponentDescriptor',
+          'RNSScreenComponentDescriptor',
+          'RNSScreenFooterComponentDescriptor',
+          'RNSScreenContentWrapperComponentDescriptor',
+          'RNSModalScreenComponentDescriptor',
+          'RNSTabsHostComponentDescriptor',
+          'RNSSafeAreaViewComponentDescriptor',
+          'RNSStackScreenComponentDescriptor',
+          'RNSStackHeaderConfigComponentDescriptor',
+          'RNSStackHeaderSubviewComponentDescriptor',
+          'RNSFormSheetHostComponentDescriptor',
+        ],
+        cmakeListsPath: 'src/main/jni/CMakeLists.txt',
+      },
+      ios: {},
+    },
+  },
+};