react-native-yoga-jsi 0.0.2

package/package.json

@@ -0,0 +1,147 @@
+{
+  "name": "react-native-yoga-jsi",
+  "version": "0.0.2",
+  "description": "A fast implementation of Node's `crypto` module written in C/C++ JSI",
+  "packageManager": "bun@1.1.26",
+  "main": "lib/commonjs/index",
+  "module": "lib/module/index",
+  "types": "lib/typescript/src/index.d.ts",
+  "react-native": "lib/module/index",
+  "source": "src/index",
+  "files": [
+    "src",
+    "lib",
+    "android/src",
+    "android/build.gradle",
+    "android/gradle.properties",
+    "android/CMakeLists.txt",
+    "ios",
+    "cpp",
+    "react-native-yoga-jsi.podspec",
+    "!lib/typescript/example",
+    "!android/build",
+    "!ios/build",
+    "!**/__tests__",
+    "!**/__fixtures__",
+    "!**/__mocks__"
+  ],
+  "scripts": {
+    "tsc": "tsc --noEmit",
+    "typescript": "tsc --noEmit",
+    "lint": "eslint \"**/*.{js,ts,tsx}\"",
+    "lint-fix": "eslint \"**/*.{js,ts,tsx}\" --fix",
+    "format": "prettier --check \"**/*.{js,ts,tsx}\"",
+    "format-fix": "prettier --write \"**/*.{js,ts,tsx}\"",
+    "prepare": "bob build",
+    "release": "release-it",
+    "example": "cd example && bun start",
+    "pods": "cd example && bun install && bun pods",
+    "bootstrap": "bun install && bun pods && bun example",
+    "test": "jest"
+  },
+  "keywords": [
+    "react-native",
+    "ios",
+    "android",
+    "jsi",
+    "crypto",
+    "c++",
+    "fast",
+    "web3"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/margelo/react-native-yoga-jsi.git"
+  },
+  "authors": "Szymon Kapała (szymon20000@gmail.com) & Marc Rousavy <me@mrousavy.com> (https://github.com/mrousavy)",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/margelo/react-native-yoga-jsi/issues"
+  },
+  "homepage": "https://github.com/margelo/react-native-yoga-jsi#readme",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
+  "dependencies": {},
+  "devDependencies": {
+    "@eslint/compat": "^1.1.1",
+    "@eslint/js": "10.0.0",
+    "@react-native/babel-preset": "^0.75.0-main",
+    "@react-native/eslint-config": "^0.75.0-main",
+    "@react-native/eslint-plugin": "^0.75.0-main",
+    "@release-it/conventional-changelog": "^8.0.1",
+    "@types/jest": "^29.5.11",
+    "@types/node": "^22.0.0",
+    "@types/react": "^18.0.33",
+    "eslint": "9.12.0",
+    "eslint-plugin-react-native": "^4.1.0",
+    "jest": "^29.7.0",
+    "prettier": "3.3.3",
+    "react": "^18.2.0",
+    "react-native": "^0.72.7",
+    "react-native-builder-bob": "0.30.2",
+    "release-it": "^17.2.0",
+    "sscrypto": "^1.1.1",
+    "typescript": "5.6.3",
+    "typescript-eslint": "8.9.0"
+  },
+  "peerDependencies": {
+    "react": "*",
+    "react-native": "*"
+  },
+  "release-it": {
+    "git": {
+      "commitMessage": "chore: release ${version}",
+      "tagName": "v${version}"
+    },
+    "npm": {
+      "publish": true
+    },
+    "github": {
+      "release": true
+    },
+    "plugins": {
+      "@release-it/conventional-changelog": {
+        "preset": {
+          "name": "conventionalcommits",
+          "types": [
+            {
+              "type": "feat",
+              "section": "✨ Features"
+            },
+            {
+              "type": "fix",
+              "section": "🐛 Bug Fixes"
+            },
+            {
+              "type": "perf",
+              "section": "💨 Performance Improvements"
+            },
+            {
+              "type": "chore(deps)",
+              "section": "🛠️ Dependency Upgrades"
+            },
+            {
+              "type": "docs",
+              "section": "📚 Documentation"
+            }
+          ]
+        }
+      }
+    }
+  },
+  "react-native-builder-bob": {
+    "source": "src",
+    "output": "lib",
+    "targets": [
+      "commonjs",
+      "module",
+      [
+        "typescript",
+        {
+          "project": "tsconfig.json"
+        }
+      ]
+    ]
+  }
+}

package/react-native-yoga-jsi.podspec

@@ -0,0 +1,40 @@
+require "json"
+
+package = JSON.parse(File.read(File.join(__dir__, "package.json")))
+
+Pod::Spec.new do |s|
+  s.name         = "react-native-yoga-jsi"
+  s.version      = package["version"]
+  s.summary      = package["description"]
+  s.homepage     = package["homepage"]
+  s.license      = package["license"]
+  s.authors      = package["authors"]
+
+  s.platforms    = { :ios => "12.4", :tvos => "12.0", :osx => "10.14" }
+  s.source       = { :git => "https://github.com/mrousavy/react-native-yoga-jsi.git", :tag => "#{s.version}" }
+
+  s.source_files = [
+    "ios/**/*.{h,m,mm}",
+    "cpp/**/*.{h,c,cpp}",
+  ]
+
+  s.dependency "OpenSSL-Universal"
+
+  # Use install_modules_dependencies helper to install the dependencies if React Native version >=0.71.0.
+  # See https://github.com/facebook/react-native/blob/febf6b7f33fdb4904669f99d795eba4c0f95d7bf/scripts/cocoapods/new_architecture.rb#L79
+  if defined?(install_modules_dependencies()) != nil
+    install_modules_dependencies(s)
+    s.dependency "React" # remove after migrating breaking changes to remove explicit dep on React
+  else
+    # Old React Native versions
+    s.pod_target_xcconfig    = {
+      "USE_HEADERMAP" => "YES",
+      "CLANG_CXX_LANGUAGE_STANDARD" => "c++20",
+      "HEADER_SEARCH_PATHS" => "\"$(PODS_TARGET_SRCROOT)/ReactCommon\" \"$(PODS_TARGET_SRCROOT)\"  \"$(PODS_ROOT)/boost\" \"$(PODS_ROOT)/boost-for-react-native\" \"$(PODS_ROOT)/DoubleConversion\" \"$(PODS_ROOT)/Headers/Private/React-Core\" "
+    }
+    s.dependency "React"
+    s.dependency "React-Core"
+    s.dependency "React-callinvoker"
+    s.dependency "ReactCommon"
+  end
+end

package/src/coreTypes.ts

@@ -0,0 +1,298 @@
+export enum Align {
+  Auto = 0,
+  FlexStart = 1,
+  Center = 2,
+  FlexEnd = 3,
+  Stretch = 4,
+  Baseline = 5,
+  SpaceBetween = 6,
+  SpaceAround = 7,
+  SpaceEvenly = 8,
+}
+
+export enum BoxSizing {
+  BorderBox = 0,
+  ContentBox = 1,
+}
+
+export enum Dimension {
+  Width = 0,
+  Height = 1,
+}
+
+export enum Direction {
+  Inherit = 0,
+  LTR = 1,
+  RTL = 2,
+}
+
+export enum Display {
+  Flex = 0,
+  None = 1,
+  Contents = 2,
+}
+
+export enum Edge {
+  Left = 0,
+  Top = 1,
+  Right = 2,
+  Bottom = 3,
+  Start = 4,
+  End = 5,
+  Horizontal = 6,
+  Vertical = 7,
+  All = 8,
+}
+
+export enum Errata {
+  None = 0,
+  StretchFlexBasis = 1,
+  AbsolutePositionWithoutInsetsExcludesPadding = 2,
+  AbsolutePercentAgainstInnerSize = 4,
+  All = 2147483647,
+  Classic = 2147483646,
+}
+
+export enum ExperimentalFeature {
+  WebFlexBasis = 0,
+}
+
+export enum FlexDirection {
+  Column = 0,
+  ColumnReverse = 1,
+  Row = 2,
+  RowReverse = 3,
+}
+
+export enum Gutter {
+  Column = 0,
+  Row = 1,
+  All = 2,
+}
+
+export enum Justify {
+  FlexStart = 0,
+  Center = 1,
+  FlexEnd = 2,
+  SpaceBetween = 3,
+  SpaceAround = 4,
+  SpaceEvenly = 5,
+}
+
+export enum LogLevel {
+  Error = 0,
+  Warn = 1,
+  Info = 2,
+  Debug = 3,
+  Verbose = 4,
+  Fatal = 5,
+}
+
+export enum MeasureMode {
+  Undefined = 0,
+  Exactly = 1,
+  AtMost = 2,
+}
+
+export enum NodeType {
+  Default = 0,
+  Text = 1,
+}
+
+export enum Overflow {
+  Visible = 0,
+  Hidden = 1,
+  Scroll = 2,
+}
+
+export enum PositionType {
+  Static = 0,
+  Relative = 1,
+  Absolute = 2,
+}
+
+export enum Unit {
+  Undefined = 0,
+  Point = 1,
+  Percent = 2,
+  Auto = 3,
+}
+
+export enum Wrap {
+  NoWrap = 0,
+  Wrap = 1,
+  WrapReverse = 2,
+}
+
+type Layout = {
+  left: number;
+  right: number;
+  top: number;
+  bottom: number;
+  width: number;
+  height: number;
+};
+
+type AbsoluteLayout = {
+  left: number;
+  top: number;
+  width: number;
+  height: number;
+};
+
+type Size = {
+  width: number;
+  height: number;
+};
+
+type Value = {
+  unit: Unit;
+  value: number;
+};
+
+export type Config = {
+  free(): void;
+  isExperimentalFeatureEnabled(feature: ExperimentalFeature): boolean;
+  setExperimentalFeatureEnabled(
+    feature: ExperimentalFeature,
+    enabled: boolean,
+  ): void;
+  setPointScaleFactor(factor: number): void;
+  getErrata(): Errata;
+  setErrata(errata: Errata): void;
+  useWebDefaults(): boolean;
+  setUseWebDefaults(useWebDefaults: boolean): void;
+};
+
+export type DirtiedFunction = (node: Node) => void;
+
+export type MeasureFunction = (
+  width: number,
+  widthMode: MeasureMode,
+  height: number,
+  heightMode: MeasureMode,
+) => Size;
+
+export type Node = {
+  calculateLayout(
+    width: number | 'auto' | undefined,
+    height: number | 'auto' | undefined,
+    direction?: Direction,
+  ): void;
+  copyStyle(node: Node): void;
+  free(): void;
+  freeRecursive(): void;
+  getAlignContent(): Align;
+  getAlignItems(): Align;
+  getAlignSelf(): Align;
+  getAspectRatio(): number;
+  getBorder(edge: Edge): number;
+  getChild(index: number): Node;
+  getChildCount(): number;
+  getComputedBorder(edge: Edge): number;
+  getComputedBottom(): number;
+  getComputedHeight(): number;
+  getComputedLayout(): Layout;
+  getLayoutInRoot(): AbsoluteLayout;
+  getComputedLeft(): number;
+  getComputedMargin(edge: Edge): number;
+  getComputedPadding(edge: Edge): number;
+  getComputedRight(): number;
+  getComputedTop(): number;
+  getComputedWidth(): number;
+  getDirection(): Direction;
+  getDisplay(): Display;
+  getFlexBasis(): Value;
+  getFlexDirection(): FlexDirection;
+  getFlexGrow(): number;
+  getFlexShrink(): number;
+  getFlexWrap(): Wrap;
+  getHeight(): Value;
+  getJustifyContent(): Justify;
+  getGap(gutter: Gutter): Value;
+  getMargin(edge: Edge): Value;
+  getMaxHeight(): Value;
+  getMaxWidth(): Value;
+  getMinHeight(): Value;
+  getMinWidth(): Value;
+  getOverflow(): Overflow;
+  getPadding(edge: Edge): Value;
+  getParent(): Node | null;
+  getPosition(edge: Edge): Value;
+  getPositionType(): PositionType;
+  getBoxSizing(): BoxSizing;
+  getWidth(): Value;
+  insertChild(child: Node, index: number): void;
+  isDirty(): boolean;
+  isReferenceBaseline(): boolean;
+  markDirty(): void;
+  hasNewLayout(): boolean;
+  markLayoutSeen(): void;
+  removeChild(child: Node): void;
+  reset(): void;
+  setAlignContent(alignContent: Align): void;
+  setAlignItems(alignItems: Align): void;
+  setAlignSelf(alignSelf: Align): void;
+  setAspectRatio(aspectRatio: number | undefined): void;
+  setBorder(edge: Edge, borderWidth: number | undefined): void;
+  setDirection(direction: Direction): void;
+  setDisplay(display: Display): void;
+  setFlex(flex: number | undefined): void;
+  setFlexBasis(flexBasis: number | 'auto' | `${number}%` | undefined): void;
+  setFlexBasisPercent(flexBasis: number | undefined): void;
+  setFlexBasisAuto(): void;
+  setFlexDirection(flexDirection: FlexDirection): void;
+  setFlexGrow(flexGrow: number | undefined): void;
+  setFlexShrink(flexShrink: number | undefined): void;
+  setFlexWrap(flexWrap: Wrap): void;
+  setHeight(height: number | 'auto' | `${number}%` | undefined): void;
+  setIsReferenceBaseline(isReferenceBaseline: boolean): void;
+  setHeightAuto(): void;
+  setHeightPercent(height: number | undefined): void;
+  setJustifyContent(justifyContent: Justify): void;
+  setGap(gutter: Gutter, gapLength: number | `${number}%` | undefined): Value;
+  setGapPercent(gutter: Gutter, gapLength: number | undefined): Value;
+  setMargin(
+    edge: Edge,
+    margin: number | 'auto' | `${number}%` | undefined,
+  ): void;
+  setMarginAuto(edge: Edge): void;
+  setMarginPercent(edge: Edge, margin: number | undefined): void;
+  setMaxHeight(maxHeight: number | `${number}%` | undefined): void;
+  setMaxHeightPercent(maxHeight: number | undefined): void;
+  setMaxWidth(maxWidth: number | `${number}%` | undefined): void;
+  setMaxWidthPercent(maxWidth: number | undefined): void;
+  setDirtiedFunc(dirtiedFunc: DirtiedFunction | null): void;
+  setMeasureFunc(measureFunc: MeasureFunction | null): void;
+  setMinHeight(minHeight: number | `${number}%` | undefined): void;
+  setMinHeightPercent(minHeight: number | undefined): void;
+  setMinWidth(minWidth: number | `${number}%` | undefined): void;
+  setMinWidthPercent(minWidth: number | undefined): void;
+  setOverflow(overflow: Overflow): void;
+  setPadding(edge: Edge, padding: number | `${number}%` | undefined): void;
+  setPaddingPercent(edge: Edge, padding: number | undefined): void;
+  setPosition(edge: Edge, position: number | `${number}%` | undefined): void;
+  setPositionPercent(edge: Edge, position: number | undefined): void;
+  setPositionType(positionType: PositionType): void;
+  setPositionAuto(edge: Edge): void;
+  setBoxSizing(boxSizing: BoxSizing): void;
+  setWidth(width: number | 'auto' | `${number}%` | undefined): void;
+  setWidthAuto(): void;
+  setWidthPercent(width: number | undefined): void;
+  unsetDirtiedFunc(): void;
+  unsetMeasureFunc(): void;
+  setAlwaysFormsContainingBlock(alwaysFormsContainingBlock: boolean): void;
+};
+
+export type Yoga = {
+  Config: {
+    create(): Config;
+    destroy(config: Config): void;
+  };
+  Node: {
+    create(config?: Config): Node;
+    createDefault(): Node;
+    createWithConfig(config: Config): Node;
+    destroy(node: Node): void;
+  };
+};

package/src/derived/index.ts

@@ -0,0 +1,3 @@
+export * from './useStyle';
+export * from './styleHandler';
+export * from './utils';