@domir/react-native-measure-text 0.1.0

package/expo-module.config.json

@@ -0,0 +1,9 @@
+{
+  "platforms": ["ios", "android", "web"],
+  "ios": {
+    "modules": ["ReactNativeMeasureTextModule"]
+  },
+  "android": {
+    "modules": ["expo.modules.measuretext.ReactNativeMeasureTextModule"]
+  }
+}

package/ios/ReactNativeMeasureText.podspec

@@ -0,0 +1,32 @@
+require 'json'
+
+package = JSON.parse(File.read(File.join(__dir__, '..', 'package.json')))
+
+Pod::Spec.new do |s|
+  s.name           = 'ReactNativeMeasureText'
+  s.version        = package['version']
+  s.summary        = package['description']
+  s.description    = package['description']
+  s.license        = package['license']
+  s.author         = package['author']
+  s.homepage       = package['homepage']
+  s.platform       = :ios, '12.0'
+  s.swift_version  = '5.4'
+  s.source         = { git: 'https://github.com/DomiR/react-native-measure-text' }
+  s.static_framework = true
+
+  s.dependency 'ExpoModulesCore'
+
+  # Swift/Objective-C compatibility
+  s.pod_target_xcconfig = {
+    'DEFINES_MODULE' => 'YES',
+    'SWIFT_COMPILATION_MODE' => 'wholemodule'
+  }
+
+  if !$ExpoUseSources&.include?(package['name']) && ENV['EXPO_USE_SOURCE'].to_i == 0 && File.exist?("#{s.name}.xcframework") && Gem::Version.new(Pod::VERSION) >= Gem::Version.new('1.10.0')
+    s.source_files = "**/*.h"
+    s.vendored_frameworks = "#{s.name}.xcframework"
+  else
+    s.source_files = "**/*.{h,m,swift}"
+  end
+end

package/ios/ReactNativeMeasureTextModule.swift

@@ -0,0 +1,33 @@
+import ExpoModulesCore
+import React
+
+struct StyleOptions: Record {
+  @Field
+  var fontFamily: String? = nil
+
+  @Field
+  var fontWeight: String? = nil
+
+  @Field
+  var fontSize: Int? = nil
+}
+
+public class ReactNativeMeasureTextModule: Module {
+  public func definition() -> ModuleDefinition {
+    Name("ReactNativeMeasureText")
+
+    Function("measureWidth") { (text: String, style: StyleOptions) -> CGFloat in
+      let fontSize = style.fontSize != nil ? RCTConvert.cgFloat(style.fontSize) : CGFloat(0)
+      let usedFontWeight = style.fontWeight ?? "Normal"
+
+      if let font = style.fontFamily != nil ?
+        RCTConvert.uiFont(["fontWeight": usedFontWeight, "fontFamily": style.fontFamily!, "fontSize": fontSize]) : RCTConvert.uiFont(["fontWeight": usedFontWeight, "fontSize": fontSize])
+      {
+        let size: CGSize = text.size(withAttributes: [.font: font])
+        return size.width
+      } else {
+        return CGFloat(0)
+      }
+    }
+  }
+}

package/package.json

@@ -0,0 +1,38 @@
+{
+  "name": "@domir/react-native-measure-text",
+  "version": "0.1.0",
+  "description": "Measure text width synchronously using JSI",
+  "main": "build/ReactNativeMeasureText.js",
+  "types": "build/ReactNativeMeasureText.d.ts",
+  "scripts": {
+    "build": "expo-module tsc",
+    "clean": "expo-module clean",
+    "lint": "expo-module lint",
+    "test": "expo-module test",
+    "prepublishOnly": "expo-module prepublishOnly",
+    "expo-module": "expo-module"
+  },
+  "keywords": [
+    "react-native",
+    "expo",
+    "react-native-measure-text",
+    "ReactNativeMeasureText"
+  ],
+  "repository": "https://github.com/DomiR/react-native-measure-text",
+  "bugs": {
+    "url": "https://github.com/DomiR/react-native-measure-text/issues"
+  },
+  "author": "Dominique <domi.github@gmail.com> (https://github.com/DomiR)",
+  "license": "MIT",
+  "homepage": "https://github.com/DomiR/react-native-measure-text#readme",
+  "dependencies": {},
+  "devDependencies": {
+    "expo-module-scripts": "^2.1.1",
+    "expo-modules-core": "^0.11.4"
+  },
+  "peerDependencies": {
+    "expo": "*",
+    "react": "*",
+    "react-native": "*"
+  }
+}

package/src/ReactNativeMeasureText.ts

@@ -0,0 +1,8 @@
+import ReactNativeMeasureText from "./ReactNativeMeasureTextModule";
+
+export function measureWidth(
+  text: string,
+  style: { fontSize?: number; fontFamily?: string; fontWeight?: string } = {}
+): number {
+  return ReactNativeMeasureText.measureWidth(text, style);
+}

package/src/ReactNativeMeasureText.types.ts

@@ -0,0 +1,3 @@
+export type ChangeEventPayload = {
+  value: string;
+};

package/src/ReactNativeMeasureTextModule.ts

@@ -0,0 +1,5 @@
+import { requireNativeModule } from "expo-modules-core";
+
+// It loads the native module object from the JSI or falls back to
+// the bridge module (from NativeModulesProxy) if the remote debugger is on.
+export default requireNativeModule("ReactNativeMeasureText");

package/src/ReactNativeMeasureTextModule.web.ts

@@ -0,0 +1,5 @@
+export default {
+  measureWidth() {
+    return 0;
+  },
+};

package/tsconfig.json

@@ -0,0 +1,9 @@
+// @generated by expo-module-scripts
+{
+  "extends": "expo-module-scripts/tsconfig.base",
+  "compilerOptions": {
+    "outDir": "./build"
+  },
+  "include": ["./src"],
+  "exclude": ["**/__mocks__/*", "**/__tests__/*", "**/__stories__/*"]
+}