@react-native-vector-icons/common 0.0.1-alpha.1

package/LICENSE

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2015 Joel Arvidsson
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/android/build.gradle

@@ -0,0 +1,132 @@
+buildscript {
+  repositories {
+    google()
+    mavenCentral()
+  }
+
+  dependencies {
+    classpath "com.android.tools.build:gradle:7.2.1"
+  }
+}
+
+def isNewArchitectureEnabled() {
+  return rootProject.hasProperty("newArchEnabled") && rootProject.getProperty("newArchEnabled") == "true"
+}
+
+apply plugin: "com.android.library"
+
+if (isNewArchitectureEnabled()) {
+  apply plugin: "com.facebook.react"
+}
+
+def getExtOrDefault(name) {
+  return rootProject.ext.has(name) ? rootProject.ext.get(name) : project.properties["VectorIcons_" + name]
+}
+
+def getExtOrIntegerDefault(name) {
+  return rootProject.ext.has(name) ? rootProject.ext.get(name) : (project.properties["VectorIcons_" + name]).toInteger()
+}
+
+def supportsNamespace() {
+  def parsed = com.android.Version.ANDROID_GRADLE_PLUGIN_VERSION.tokenize('.')
+  def major = parsed[0].toInteger()
+  def minor = parsed[1].toInteger()
+
+  // Namespace support was added in 7.3.0
+  return (major == 7 && minor >= 3) || major >= 8
+}
+
+android {
+  if (supportsNamespace()) {
+    namespace "com.reactnativevectoricons.common"
+
+    sourceSets {
+      main {
+        manifest.srcFile "src/main/AndroidManifestNew.xml"
+      }
+    }
+  }
+
+  compileSdkVersion getExtOrIntegerDefault("compileSdkVersion")
+
+  defaultConfig {
+    minSdkVersion getExtOrIntegerDefault("minSdkVersion")
+    targetSdkVersion getExtOrIntegerDefault("targetSdkVersion")
+    buildConfigField "boolean", "IS_NEW_ARCHITECTURE_ENABLED", isNewArchitectureEnabled().toString()
+
+  }
+
+  buildFeatures {
+    buildConfig true
+  }
+
+  buildTypes {
+    release {
+      minifyEnabled false
+    }
+  }
+
+  lintOptions {
+    disable "GradleCompatible"
+  }
+
+  compileOptions {
+    sourceCompatibility JavaVersion.VERSION_1_8
+    targetCompatibility JavaVersion.VERSION_1_8
+  }
+
+  sourceSets {
+    main {
+      if (isNewArchitectureEnabled()) {
+        java.srcDirs += [
+          'src/newarch',
+          // This is needed to build Kotlin project with NewArch enabled
+          "${project.buildDir}/generated/source/codegen/java"
+        ]
+      } else {
+        java.srcDirs += ['src/oldarch']
+      }
+    }
+  }
+}
+
+repositories {
+  mavenCentral()
+  google()
+}
+
+
+dependencies {
+  // For < 0.71, this will be from the local maven repo
+  // For > 0.71, this will be replaced by `com.facebook.react:react-android:$version` by react gradle plugin
+  //noinspection GradleDynamicVersion
+  implementation "com.facebook.react:react-native:+"
+}
+
+if (isNewArchitectureEnabled()) {
+  react {
+    jsRootDir = file("../src/")
+    libraryName = "VectorIcons"
+    codegenJavaPackageName = "com.reactnativevectoricons.common"
+  }
+}
+
+android.sourceSets.main.assets.srcDirs += file("$buildDir/intermediates/RNVI")
+
+task copyFonts(type: Exec) {
+  commandLine 'node', '../lib/commonjs/scripts/getFonts.js', rootDir.parentFile.absolutePath
+  def fonts = new ByteArrayOutputStream()
+  standardOutput = fonts
+
+  doLast {
+    def files = fonts.toString().trim().split('\n')
+    copy {
+      from files
+
+      into "${buildDir}/intermediates/RNVI/fonts"
+      eachFile { println "Copying font ${it.file}" }
+    }
+  }
+}
+
+preBuild.dependsOn(copyFonts)

package/android/gradle.properties

@@ -0,0 +1,5 @@
+VectorIcons_kotlinVersion=1.7.0
+VectorIcons_minSdkVersion=21
+VectorIcons_targetSdkVersion=31
+VectorIcons_compileSdkVersion=31
+VectorIcons_ndkversion=21.4.7075529

package/android/src/main/AndroidManifest.xml

@@ -0,0 +1,3 @@
+<manifest xmlns:android="http://schemas.android.com/apk/res/android"
+          package="com.reactnativevectoricons.common">
+</manifest>

package/android/src/main/AndroidManifestNew.xml

@@ -0,0 +1,2 @@
+<manifest xmlns:android="http://schemas.android.com/apk/res/android">
+ </manifest>

package/android/src/main/java/com/reactnativevectoricons/common/VectorIconsModule.java

@@ -0,0 +1,121 @@
+package com.reactnativevectoricons.common;
+
+import androidx.annotation.NonNull;
+
+import com.facebook.react.bridge.Promise;
+import com.facebook.react.bridge.ReactApplicationContext;
+import com.facebook.react.bridge.ReactMethod;
+
+import com.facebook.react.views.text.ReactFontManager;
+
+import android.content.Context;
+import android.graphics.Paint;
+import android.graphics.Canvas;
+import android.graphics.Typeface;
+import android.graphics.Rect;
+import android.graphics.Bitmap;
+import android.graphics.Bitmap.CompressFormat;
+
+import java.io.File;
+import java.io.FileOutputStream;
+import java.io.IOException;
+import java.io.FileNotFoundException;
+import java.util.HashMap;
+import java.util.Map;
+
+public class VectorIconsModule extends VectorIconsSpec {
+  public static final String NAME = "VectorIcons";
+
+  @interface Errors {
+    String E_UNKNOWN_ERROR = "E_UNKNOWN_ERROR";
+    String E_NOT_IMPLEMENTED = "E_NOT_IMPLEMENTED";
+  }
+
+  private static final Map<String, Typeface> sTypefaceCache = new HashMap<String, Typeface>();
+
+  VectorIconsModule(ReactApplicationContext context) {
+    super(context);
+  }
+
+  @Override
+  @NonNull
+  public String getName() {
+    return NAME;
+  }
+
+  @ReactMethod
+  public void loadFontWithFileName(String fontFileName, String extension, Promise promise) {
+    promise.reject(Errors.E_NOT_IMPLEMENTED);
+  }
+
+  @ReactMethod
+  public void getImageForFont(String fontFamily, String glyph, double fontSize, double color, final Promise promise) {
+    try {
+      String imagePath = getImageForFontSync(fontFamily, glyph, fontSize, color);
+      promise.resolve(imagePath);
+    } catch (Throwable fail) {
+       promise.reject(Errors.E_UNKNOWN_ERROR, fail);
+    }
+  }
+
+  @ReactMethod(isBlockingSynchronousMethod = true)
+  public String getImageForFontSync(String fontFamily, String glyph, double fontSizeD, double colorD) throws IOException, FileNotFoundException {
+    Context context = getReactApplicationContext();
+    File cacheFolder = context.getCacheDir();
+    String cacheFolderPath = cacheFolder.getAbsolutePath() + "/";
+
+    int fontSize = (int)fontSizeD;
+    int color = (int)colorD;
+
+    float scale = context.getResources().getDisplayMetrics().density;
+    String scaleSuffix = "@" + (scale == (int) scale ? Integer.toString((int) scale) : Float.toString(scale)) + "x";
+    int size = Math.round(fontSize*scale);
+    String cacheKey = fontFamily + ":" + glyph + ":" + color;
+    String hash = Integer.toString(cacheKey.hashCode(), 32);
+    String cacheFilePath = cacheFolderPath + hash + "_" + Integer.toString(fontSize) + scaleSuffix + ".png";
+    String cacheFileUrl = "file://" + cacheFilePath;
+    File cacheFile = new File(cacheFilePath);
+
+    if(cacheFile.exists()) {
+      return cacheFileUrl;
+    }
+
+    FileOutputStream fos = null;
+    Typeface typeface = ReactFontManager.getInstance().getTypeface(fontFamily, 0, context.getAssets());
+    Paint paint = new Paint();
+    paint.setTypeface(typeface);
+    paint.setColor(color);
+    paint.setTextSize(size);
+    paint.setAntiAlias(true);
+    Rect textBounds = new Rect();
+    paint.getTextBounds(glyph, 0, glyph.length(), textBounds);
+
+    int offsetX = 0;
+    int offsetY = size - (int) paint.getFontMetrics().bottom;
+
+    Bitmap bitmap = Bitmap.createBitmap(size, size, Bitmap.Config.ARGB_8888);
+    Canvas canvas = new Canvas(bitmap);
+    canvas.drawText(glyph, offsetX, offsetY, paint);
+
+    try {
+      fos = new FileOutputStream(cacheFile);
+      bitmap.compress(CompressFormat.PNG, 100, fos);
+      fos.flush();
+      fos.close();
+      fos = null;
+
+      return cacheFileUrl;
+    }
+    finally {
+      if (fos != null) {
+        try {
+          fos.close();
+          fos = null;
+        }
+        catch (IOException e) {
+          e.printStackTrace();
+        }
+      }
+    }
+  }
+}

package/android/src/main/java/com/reactnativevectoricons/common/VectorIconsPackage.java

@@ -0,0 +1,45 @@
+package com.reactnativevectoricons.common;
+
+import androidx.annotation.Nullable;
+
+import com.facebook.react.bridge.NativeModule;
+import com.facebook.react.bridge.ReactApplicationContext;
+import com.facebook.react.module.model.ReactModuleInfo;
+import com.facebook.react.module.model.ReactModuleInfoProvider;
+import com.facebook.react.TurboReactPackage;
+
+import java.util.HashMap;
+import java.util.Map;
+
+public class VectorIconsPackage extends TurboReactPackage {
+
+  @Nullable
+  @Override
+  public NativeModule getModule(String name, ReactApplicationContext reactContext) {
+    if (name.equals(VectorIconsModule.NAME)) {
+      return new VectorIconsModule(reactContext);
+    } else {
+      return null;
+    }
+  }
+
+  @Override
+  public ReactModuleInfoProvider getReactModuleInfoProvider() {
+    return () -> {
+      final Map<String, ReactModuleInfo> moduleInfos = new HashMap<>();
+      boolean isTurboModule = BuildConfig.IS_NEW_ARCHITECTURE_ENABLED;
+      moduleInfos.put(
+              VectorIconsModule.NAME,
+              new ReactModuleInfo(
+                      VectorIconsModule.NAME,
+                      VectorIconsModule.NAME,
+                      false, // canOverrideExistingModule
+                      false, // needsEagerInit
+                      true, // hasConstants
+                      false, // isCxxModule
+                      isTurboModule // isTurboModule
+      ));
+      return moduleInfos;
+    };
+  }
+}

package/android/src/newarch/VectorIconsSpec.java

@@ -0,0 +1,9 @@
+package com.reactnativevectoricons.common;
+
+import com.facebook.react.bridge.ReactApplicationContext;
+
+abstract class VectorIconsSpec extends NativeVectorIconsSpec {
+  VectorIconsSpec(ReactApplicationContext context) {
+    super(context);
+  }
+}

package/android/src/oldarch/VectorIconsSpec.java

@@ -0,0 +1,18 @@
+package com.reactnativevectoricons.common;
+
+import com.facebook.react.bridge.ReactApplicationContext;
+import com.facebook.react.bridge.ReactContextBaseJavaModule;
+import com.facebook.react.bridge.Promise;
+
+import java.io.IOException;
+import java.io.FileNotFoundException;
+
+abstract class VectorIconsSpec extends ReactContextBaseJavaModule {
+  VectorIconsSpec(ReactApplicationContext context) {
+    super(context);
+  }
+
+  public abstract void getImageForFont(String fontFamily, String glyph, double fontSize, double color, final Promise promise);
+  public abstract String getImageForFontSync(String fontFamily, String glyph, double fontSize, double color) throws IOException, FileNotFoundException;
+  public abstract void loadFontWithFileName(String fontFileName, String extension, Promise promise);
+}

package/ios/VectorIcons.h

@@ -0,0 +1,28 @@
+
+#ifdef RCT_NEW_ARCH_ENABLED
+#import "VectorIconsSpec.h"
+
+@interface VectorIcons : NSObject <NativeVectorIconsSpec>
+#else
+#import <React/RCTBridgeModule.h>
+
+@interface VectorIcons : NSObject <RCTBridgeModule>
+#endif
+
+FOUNDATION_EXPORT NSString *const RNVIErrorDomain;
+
+enum {
+  RNVIGenericError = 1000,
+};
+
+
+- (NSString *)hexStringFromColor:(UIColor *)color;
+- (NSString *)generateFilePath:(NSString *)glyph withFontName:(NSString *)fontName
+                                                 withFontSize:(CGFloat)fontSize
+                                                 withColor:(UIColor *)color
+                                                 withExtraIdentifier:(NSString *)identifier;
+- (BOOL)createAndSaveGlyphImage:(NSString *)glyph withFont:(UIFont *)font
+                                                  withFilePath:(NSString *)filePath
+                                                  withColor:(UIColor *)color;
+
+@end

package/ios/VectorIcons.mm

@@ -0,0 +1,177 @@
+#import "VectorIcons.h"
+
+#import <CoreText/CoreText.h>
+#import <React/RCTConvert.h>
+#import <React/RCTBridge.h>
+#import <React/RCTUtils.h>
+#import <React/RCTFont.h>
+
+
+NSString *const RNVIErrorDomain = @"com.reactnativevectoricons.common";
+
+@implementation VectorIcons
+RCT_EXPORT_MODULE()
+
+- (NSString *)hexStringFromColor:(UIColor *)color
+{
+  const CGFloat *components = CGColorGetComponents(color.CGColor);
+
+  CGFloat r = components[0];
+  CGFloat g = components[1];
+  CGFloat b = components[2];
+
+  return [NSString stringWithFormat:@"#%02lX%02lX%02lX",
+          lroundf(r * 255),
+          lroundf(g * 255),
+          lroundf(b * 255)];
+}
+
+- (NSString *)generateFilePath:(NSString *)glyph withFontName:(NSString *)fontName
+                                                 withFontSize:(CGFloat)fontSize
+                                                 withColor:(UIColor *)color
+                                                 withExtraIdentifier:(NSString *)identifier
+{
+  CGFloat screenScale = RCTScreenScale();
+  NSString *hexColor = [self hexStringFromColor:color];
+  NSString *fileName = [NSString stringWithFormat:@"%@RNVectorIcons_%@_%@_%@_%.f%@@%.fx.png",
+                                                  NSTemporaryDirectory(),
+                                                  identifier, fontName, glyph,
+                                                  fontSize, hexColor, screenScale];
+
+  return fileName;
+}
+
+- (BOOL)createAndSaveGlyphImage:(NSString *)glyph withFont:(UIFont *)font
+                                                  withFilePath:(NSString *)filePath
+                                                  withColor:(UIColor *)color
+{
+  if(![[NSFileManager defaultManager] fileExistsAtPath:filePath]) {
+    // No cached icon exists, we need to create it and persist to disk
+
+    NSAttributedString *attributedString = [[NSAttributedString alloc] initWithString:glyph attributes:@{NSFontAttributeName: font, NSForegroundColorAttributeName: color}];
+
+    CGSize iconSize = [attributedString size];
+    UIGraphicsBeginImageContextWithOptions(iconSize, NO, 0.0);
+    [attributedString drawAtPoint:CGPointMake(0, 0)];
+
+    UIImage *iconImage = UIGraphicsGetImageFromCurrentImageContext();
+    UIGraphicsEndImageContext();
+
+    NSData *imageData = UIImagePNGRepresentation(iconImage);
+    return [imageData writeToFile:filePath atomically:YES];
+  }
+
+  return YES;
+}
+
+- (NSString *)createGlyphImagePathForFont:(NSString *)fontName
+                                withGlyph:(NSString *)glyph
+                                withFontSize:(CGFloat)fontSize
+                                withColor:(double)color
+                                withError:(NSError **)error
+{
+  UIColor *parsedColor = [RCTConvert UIColor:@(color)];
+  UIFont *font = [UIFont fontWithName:fontName size:fontSize];
+  NSString *filePath = [self generateFilePath:glyph withFontName:fontName
+                                                    withFontSize:fontSize
+                                                    withColor:parsedColor
+                                                    withExtraIdentifier:@""];
+
+  BOOL success = [self createAndSaveGlyphImage:glyph withFont:font
+                                                     withFilePath:filePath
+                                                     withColor:parsedColor];
+
+  if (!success) {
+    *error = [NSError errorWithDomain:RNVIErrorDomain code:RNVIGenericError userInfo:@{NSLocalizedDescriptionKey: @"Failed to write rendered icon image"}];
+    return nil;
+  }
+  return filePath;
+}
+
+RCT_EXPORT_METHOD(
+  getImageForFont:(NSString *)fontName
+  glyph:(NSString *)glyph
+  fontSize:(CGFloat)fontSize
+  color:(double)color
+  resolve:(RCTPromiseResolveBlock)resolve
+  reject:(RCTPromiseRejectBlock)reject
+) {
+  NSError *error = nil;
+  NSString *filePath = [self createGlyphImagePathForFont:fontName
+                                               withGlyph:glyph
+                                               withFontSize:fontSize
+                                               withColor:color
+                                               withError:&error];
+  if (error != nil) {
+    reject([NSString stringWithFormat:@"%ld", (long)error.code], error.localizedDescription, error);
+  } else {
+    resolve(filePath);
+  }
+}
+
+RCT_EXPORT_BLOCKING_SYNCHRONOUS_METHOD(
+  getImageForFontSync:(NSString *)fontName
+  glyph:(NSString *)glyph
+  fontSize:(CGFloat)fontSize
+  color:(double)color
+) {
+  NSError *error = nil;
+  return [self createGlyphImagePathForFont:fontName
+                                 withGlyph:glyph
+                                 withFontSize:fontSize
+                                 withColor:color
+                                 withError:&error];
+}
+
+RCT_EXPORT_METHOD(
+  loadFontWithFileName:(NSString *)fontFileName
+  extension:(NSString *)extension
+  subdirectory:(NSString *)subdirectory
+  resolve:(RCTPromiseResolveBlock)resolve
+  reject:(RCTPromiseRejectBlock)reject
+) {
+  NSBundle *bundle = [NSBundle bundleForClass:[self class]];
+  NSURL *fontURL = [bundle URLForResource:fontFileName withExtension:extension subdirectory:subdirectory];
+  NSData *fontData = [NSData dataWithContentsOfURL:fontURL];
+
+  CGDataProviderRef provider = CGDataProviderCreateWithCFData((CFDataRef)fontData);
+  CGFontRef font = CGFontCreateWithDataProvider(provider);
+
+  if (font) {
+    CFErrorRef errorRef = NULL;
+    if (CTFontManagerRegisterGraphicsFont(font, &errorRef) == NO) {
+      NSError *error = (__bridge NSError *)errorRef;
+      if (error.code == kCTFontManagerErrorAlreadyRegistered || error.code == kCTFontManagerErrorDuplicatedName) {
+        // NSLog(@"Loaded font already %@/%@.%@", subdirectory, fontFileName, extension);
+        resolve(nil);
+      } else {
+        NSString *errorMessage = [NSString stringWithFormat:@"Font '%@' failed to load", fontFileName];
+        reject(@"font_load_failed", errorMessage, error);
+      }
+    } else {
+      // NSLog(@"Loaded font %@/%@.%@", subdirectory, fontFileName, extension);
+      resolve(nil);
+    }
+
+    CFRelease(font);
+  } else {
+    // TODO: Should we reject back to javascript?
+    NSLog(@"RNVI: failed to find font %@/%@.%@", subdirectory, fontFileName, extension);
+  }
+
+  if (provider) {
+    CFRelease(provider);
+  }
+
+}
+
+// Don't compile this code when we build for the old architecture.
+#ifdef RCT_NEW_ARCH_ENABLED
+- (std::shared_ptr<facebook::react::TurboModule>)getTurboModule:
+    (const facebook::react::ObjCTurboModule::InitParams &)params
+{
+    return std::make_shared<facebook::react::NativeVectorIconsSpecJSI>(params);
+}
+#endif
+
+@end

package/lib/commonjs/NativeVectorIcons.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _reactNative = require("react-native");
+var _default = exports.default = _reactNative.TurboModuleRegistry.getEnforcing('VectorIcons');
+//# sourceMappingURL=NativeVectorIcons.js.map

package/lib/commonjs/NativeVectorIcons.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_default","exports","default","TurboModuleRegistry","getEnforcing"],"sourceRoot":"../../src","sources":["NativeVectorIcons.ts"],"mappings":";;;;;;AACA,IAAAA,YAAA,GAAAC,OAAA;AAAmD,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAoBpCC,gCAAmB,CAACC,YAAY,CAAO,aAAa,CAAC"}

package/lib/commonjs/NativeVectorIcons.web.js

@@ -0,0 +1,8 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _default = exports.default = {};
+//# sourceMappingURL=NativeVectorIcons.web.js.map

package/lib/commonjs/NativeVectorIcons.web.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../src","sources":["NativeVectorIcons.web.ts"],"mappings":";;;;;;iCAAe,CAAC,CAAC"}