React Native Turbo/Fabric migration (#88)

* feat: init fabric view + full new architecture support

* chore: bump builder-bob to `v0.36.x`

* fix: android build failure

* fix: android fontColor crash

* chore: cleanup tsconfig copy

* chore: fix lint errors on App.tsx

* refactor: introduce `eventType` to properly handle onChange event types

* fix: iOS `addPath` command crashing app and add local images

* chore: update tsc npm command to not emit

* fix: cleanup unused RNSketchCanvasManager file

* chore: update workflow to yarn3

* chore: fix lint errors

* chore: fix typescript workflow

* chore: bump to RN v0.76.7

* chore: fix prepare build workflow

* fix: iOS view cleanup not properly working

* chore: cleanup unnecessary logs and variables

* chore: bump ios pod to RN 0.76.7

* chore: migrate publish workflow to yarn3

* chore: go back npm

* chore: fix missing `typescript` npm command

* feat: disable codegenConfig `includesGeneratedCode` flag

* chore: remove "codegen" target from builder-bob

* fix: iOS not exporting view properties

* fix: fabric recycled view referencing stale values

* fix: iOS not sending base64 event

* docs: update README and add `getBase64` to types

* fix: sketch canvas constants not working

* chore: add types to package.json

* test: properly mock turbo module and add instructions to README

* fix: iOS props not applied if same view is unmounted and remounted

* chore: remove .env.local

* chore: newline

* chore: newline

---------

Co-authored-by: Connor Tumbleson <connor@sourcetoad.com>

Author: ian-wd

.editorconfig

@@ -0,0 +1,15 @@
+# EditorConfig helps developers define and maintain consistent
+# coding styles between different editors and IDEs
+# editorconfig.org
+
+root = true
+
+[*]
+
+indent_style = space
+indent_size = 2
+
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true

.eslintignore

@@ -0,0 +1,3 @@
+*.pbxproj -text
+# specific for windows script files
+*.bat text eol=crlf

.eslintrc.js

@@ -27,8 +27,8 @@ DerivedData
 *.hmap
 *.ipa
 *.xcuserstate
-example/ios/.xcode.env.local
 project.xcworkspace
+**/.xcode.env.local
 
 # Android/IJ
 #
@@ -54,27 +54,27 @@ node_modules/
 npm-debug.log
 yarn-debug.log
 yarn-error.log
-coverage/
 
 # BUCK
 buck-out/
 \.buckd/
 android/app/libs
 android/keystores/debug.keystore
 
+# Yarn
+.yarn/*
+!.yarn/patches
+!.yarn/plugins
+!.yarn/releases
+!.yarn/sdks
+!.yarn/versions
+
 # Turborepo
 .turbo/
 
 # generated by bob
 lib/
 
-# fastlane
-#
-# It is recommended to not store the screenshots in the git repo. Instead, use fastlane to re-generate the
-# screenshots whenever they are needed.
-# For more information about the recommended setup visit:
-# https://github.com/fastlane/fastlane/blob/master/fastlane/docs/Gitignore.md
-
-fastlane/report.xml
-fastlane/Preview.html
-fastlane/screenshots
+# React Native Codegen
+ios/generated
+android/generated

.gitattributes

@@ -0,0 +1 @@
+v18

.gitignore

@@ -0,0 +1 @@
+{}

.nvmrc

@@ -1,17 +1,44 @@
-require 'json'
+require "json"
 
-package = JSON.parse(File.read(File.join(__dir__, 'package.json')))
+package = JSON.parse(File.read(File.join(__dir__, "package.json")))
+folly_compiler_flags = '-DFOLLY_NO_CONFIG -DFOLLY_MOBILE=1 -DFOLLY_USE_LIBCPP=1 -Wno-comma -Wno-shorten-64-to-32'
 
 Pod::Spec.new do |s|
-  s.name         = 'RNSketchCanvas'
-  s.version      = package['version']
-  s.summary      = package['description']
-  s.homepage     = 'https://github.com/sourcetoad/react-native-sketch-canvas'
-  s.license      = package['license']
-  s.authors      = package['author']
-  s.source       = { :git => package['repository']['url'] }
-  s.resource_bundles = { 'RNSketchCanvas_PrivacyInfo' => 'ios/RNSketchCanvas/PrivacyInfo.xcprivacy' }
-  s.platform     = :ios, '8.0'
-  s.source_files = 'ios/**/*.{h,m}'
-  s.dependency   'React'
+  s.name         = "RNSketchCanvas"
+  s.version      = package["version"]
+  s.summary      = package["description"]
+  s.homepage     = package["homepage"]
+  s.license      = package["license"]
+  s.authors      = package["author"]
+
+  s.platforms    = { :ios => min_ios_version_supported }
+  s.source       = { :git => "https://github.com/sourcetoad/react-native-sketch-canvas", :tag => "#{s.version}" }
+  s.resource_bundles = { 'RNSketchCanvas_PrivacyInfo' => 'ios/PrivacyInfo.xcprivacy' }
+
+  s.source_files = "ios/**/*.{h,m,mm,cpp}"
+
+  # 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 respond_to?(:install_modules_dependencies, true)
+    install_modules_dependencies(s)
+  else
+    s.dependency "React-Core"
+
+    # Don't install the dependencies when we run `pod install` in the old architecture.
+    if ENV['RCT_NEW_ARCH_ENABLED'] == '1' then
+      s.compiler_flags = folly_compiler_flags + " -DRCT_NEW_ARCH_ENABLED=1"
+      s.pod_target_xcconfig    = {
+          "HEADER_SEARCH_PATHS" => "\"$(PODS_ROOT)/boost\"",
+          "OTHER_CPLUSPLUSFLAGS" => "-DFOLLY_NO_CONFIG -DFOLLY_MOBILE=1 -DFOLLY_USE_LIBCPP=1",
+          "CLANG_CXX_LANGUAGE_STANDARD" => "c++17"
+      }
+      s.dependency "React-RCTFabric"
+      s.dependency "React-Codegen"
+      s.dependency "RCT-Folly"
+      s.dependency "RCTRequired"
+      s.dependency "RCTTypeSafety"
+      s.dependency "ReactCommon/turbomodule/core"
+    end
+  end
 end
+