@react-native-ohos/react-native-svg 15.0.2-rc.5 → 15.12.1-rc.10

package/harmony/svg/build/default/cache/default/default@PackageHar/src/main/resources/en_US/element/string.json

@@ -0,0 +1,8 @@
+{
+  "string": [
+    {
+      "name": "page_show",
+      "value": "page from npm package"
+    }
+  ]
+}

package/harmony/svg/build/default/cache/default/default@PackageHar/src/main/resources/zh_CN/element/string.json

@@ -0,0 +1,8 @@
+{
+  "string": [
+    {
+      "name": "page_show",
+      "value": "page from npm package"
+    }
+  ]
+}

package/harmony/svg/build/default/cache/default/default@PackageHar/ts.ts

@@ -0,0 +1,8 @@
+/*
+ * Copyright (c) 2024 Huawei Device Co., Ltd. All rights reserved
+ * Use of this source code is governed by a MIT license that can be
+ * found in the LICENSE file.
+ */
+
+export * from './src/main/ets/SvgPackage'
+export * from './src/main/ets/RNSVGSvgViewModule'

package/harmony/svg/build/default/generated/pm/default/oh-package.json5

@@ -0,0 +1 @@
+{"license":"MIT","devDependencies":{},"author":"","description":"","name":"@react-native-ohos/react-native-svg","type":"module","main":"index.ets","version":"15.12.1-rc.10","dependencies":{"@rnoh/react-native-openharmony":"file:../../node_modules/@react-native-oh/react-native-harmony/harmony/react_native_openharmony.har"}}

package/harmony/svg/build/default/generated/r/default/ResourceTable.h

@@ -0,0 +1,24 @@
+/*
+ * Copyright (c) 2023 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+#ifndef RESOURCE_TABLE_H
+#define RESOURCE_TABLE_H
+
+#include<stdint.h>
+
+namespace OHOS {
+const int32_t STRING_PAGE_SHOW = 0x02000000;
+}
+#endif

package/harmony/svg/build/default/intermediates/loader/default/loader.json

@@ -0,0 +1,26 @@
+{
+  "modulePathMap": {
+    "entry": "D:\\w\\25P1_3\\harmony\\entry",
+    "svg": "D:\\rn_third\\rntpc_react-native-svg\\harmony\\svg"
+  },
+  "compileMode": "esmodule",
+  "projectRootPath": "D:\\rn_third\\rntpc_react-native-svg\\harmony",
+  "nodeModulesPath": "D:\\rn_third\\rntpc_react-native-svg\\harmony\\svg\\build\\default\\intermediates\\loader_out\\default\\node_modules",
+  "byteCodeHarInfo": {},
+  "declarationEntry": [],
+  "moduleName": "svg",
+  "hspNameOhmMap": {},
+  "harNameOhmMap": {},
+  "packageManagerType": "ohpm",
+  "compileEntry": [
+    "D:\\rn_third\\rntpc_react-native-svg\\harmony\\svg\\src\\main\\ets\\RNSVGImageModule.ts",
+    "D:\\rn_third\\rntpc_react-native-svg\\harmony\\svg\\src\\main\\ets\\RNSVGRenderableModule.ts",
+    "D:\\rn_third\\rntpc_react-native-svg\\harmony\\svg\\src\\main\\ets\\RNSVGSvgViewModule.ts",
+    "D:\\rn_third\\rntpc_react-native-svg\\harmony\\svg\\src\\main\\ets\\SvgPackage.ts"
+  ],
+  "otherCompileFiles": [],
+  "dynamicImportLibInfo": {},
+  "routerMap": [],
+  "hspResourcesMap": {},
+  "updateVersionInfo": {}
+}

package/harmony/svg/build/default/intermediates/merge_profile/default/module.json

@@ -0,0 +1,27 @@
+{
+	"app": {
+		"bundleName": "com.example.25P1_3",
+		"debug": true,
+		"versionCode": 1000000,
+		"versionName": "1.0.0",
+		"minAPIVersion": 50000012,
+		"targetAPIVersion": 60001021,
+		"apiReleaseType": "Release",
+		"targetMinorAPIVersion": 0,
+		"targetPatchAPIVersion": 0,
+		"compileSdkVersion": "6.0.1.116",
+		"compileSdkType": "HarmonyOS",
+		"appEnvironments": [],
+		"bundleType": "app",
+		"buildMode": "debug"
+	},
+	"module": {
+		"name": "svg",
+		"type": "har",
+		"deviceTypes": [
+			"default"
+		],
+		"packageName": "@react-native-ohos/react-native-svg",
+		"installationFree": false
+	}
+}

package/harmony/svg/build/default/intermediates/patch/default/base_native_libs.json

@@ -0,0 +1 @@
+{"libs":{},"stripped":{}}

package/harmony/svg/build/default/intermediates/process_profile/default/module.json

@@ -0,0 +1,30 @@
+{
+	"app": {
+		"bundleName": "com.example.25P1_3",
+		"debug": true,
+		"versionCode": 1000000,
+		"versionName": "1.0.0",
+		"minAPIVersion": 50000012,
+		"targetAPIVersion": 60001021,
+		"apiReleaseType": "Release",
+		"targetMinorAPIVersion": 0,
+		"targetPatchAPIVersion": 0,
+		"compileSdkVersion": "6.0.1.116",
+		"compileSdkType": "HarmonyOS",
+		"appEnvironments": [],
+		"bundleType": "app",
+		"buildMode": "debug"
+	},
+	"module": {
+		"name": "svg",
+		"type": "har",
+		"deviceTypes": [
+			"default"
+		],
+		"packageName": "@react-native-ohos/react-native-svg",
+		"installationFree": false,
+		"virtualMachine": "ark12.0.2.0",
+		"compileMode": "esmodule",
+		"dependencies": []
+	}
+}

package/harmony/svg/build/default/intermediates/res/default/ResourceTable.txt

@@ -0,0 +1 @@
+string page_show 0x02000000

package/harmony/svg/build/default/intermediates/res/default/ark_module.json

@@ -0,0 +1 @@
+{"app":{"bundleName":"com.example.25P1_3","debug":true,"versionCode":1000000,"versionName":"1.0.0","minAPIVersion":50000012,"targetAPIVersion":60001021,"apiReleaseType":"Release","targetMinorAPIVersion":0,"targetPatchAPIVersion":0,"compileSdkVersion":"6.0.1.116","compileSdkType":"HarmonyOS","appEnvironments":[],"bundleType":"app","buildMode":"debug"},"module":{"name":"svg","type":"har","deviceTypes":["default"],"packageName":"@react-native-ohos/react-native-svg","installationFree":false,"virtualMachine":"ark12.0.2.0","compileMode":"esmodule","dependencies":[]}}

package/harmony/svg/build/default/intermediates/res/default/ids_map/id_defined.json

@@ -0,0 +1,7 @@
+{
+	"record":	[{
+			"type":	"string",
+			"name":	"page_show",
+			"id":	"0x02000000"
+		}]
+}

package/harmony/svg/build/default/intermediates/res/default/module.json

@@ -0,0 +1,28 @@
+{
+	"app":	{
+		"bundleName":	"com.example.25P1_3",
+		"debug":	true,
+		"versionCode":	1000000,
+		"versionName":	"1.0.0",
+		"minAPIVersion":	50000012,
+		"targetAPIVersion":	60001021,
+		"apiReleaseType":	"Release",
+		"targetMinorAPIVersion":	0,
+		"targetPatchAPIVersion":	0,
+		"compileSdkVersion":	"6.0.1.116",
+		"compileSdkType":	"HarmonyOS",
+		"appEnvironments":	[],
+		"bundleType":	"app",
+		"buildMode":	"debug"
+	},
+	"module":	{
+		"name":	"svg",
+		"type":	"har",
+		"deviceTypes":	["default"],
+		"packageName":	"@react-native-ohos/react-native-svg",
+		"installationFree":	false,
+		"virtualMachine":	"ark12.0.2.0",
+		"compileMode":	"esmodule",
+		"dependencies":	[]
+	}
+}

package/harmony/svg/build/default/intermediates/res/default/opt-compression.json

@@ -0,0 +1 @@
+{"context":{"extensionPath":"D:\\devEcho_Studio\\DevEco Studio\\sdk\\default\\hms\\toolchains\\lib\\libimage_transcoder_shared.dll"},"compression":{"media":{"enable":false},"filters":[]}}

package/harmony/svg/build/default/intermediates/res/default/resConfig.json

@@ -0,0 +1 @@
+{"configPath":"D:\\rn_third\\rntpc_react-native-svg\\harmony\\svg\\build\\default\\intermediates\\process_profile\\default\\module.json","packageName":"com.example.25P1_3","output":"D:\\rn_third\\rntpc_react-native-svg\\harmony\\svg\\build\\default\\intermediates\\res\\default","moduleNames":"svg,entry","ResourceTable":["D:\\rn_third\\rntpc_react-native-svg\\harmony\\svg\\build\\default\\generated\\r\\default\\ResourceTable.h"],"moduleResources":["D:\\rn_third\\rntpc_react-native-svg\\harmony\\svg\\src\\main\\resources"],"dependencies":["D:\\w\\25P1_3\\harmony\\oh_modules\\.ohpm\\@rnoh+react-native-openharmony@4+ohuo6yfmj3imxybqamz3+78szehrybukrhgc7nzee=\\oh_modules\\@rnoh\\react-native-openharmony\\src\\main\\resources"],"iconCheck":false,"compression":"D:\\rn_third\\rntpc_react-native-svg\\harmony\\svg\\build\\default\\intermediates\\res\\default\\opt-compression.json","ids":"D:\\rn_third\\rntpc_react-native-svg\\harmony\\svg\\build\\default\\intermediates\\res\\default\\ids_map","definedIds":"D:\\rn_third\\rntpc_react-native-svg\\harmony\\svg\\build\\default\\intermediates\\res\\default\\ids_map\\id_defined.json","definedSysIds":"D:\\devEcho_Studio\\DevEco Studio\\sdk\\default\\hms\\toolchains\\id_defined.json"}

package/harmony/svg/build-profile.json5

@@ -0,0 +1,9 @@
+{
+  "apiType": "stageMode",
+  "targets": [
+    {
+      "name": "default",
+      "runtimeOS": "HarmonyOS"
+    }
+  ]
+}

package/harmony/svg/hvigorfile.ts

@@ -0,0 +1,2 @@
+// Script for compiling build behavior. It is built in the build plug-in and cannot be modified currently.
+export { harTasks } from '@ohos/hvigor-ohos-plugin';

package/harmony/svg/index.ets

@@ -0,0 +1,7 @@
+/*
+ * Copyright (c) 2024 Huawei Device Co., Ltd. All rights reserved
+ * Use of this source code is governed by a MIT license that can be
+ * found in the LICENSE file.
+ */
+
+export * from './ts'

package/harmony/svg/oh-package.json5

@@ -0,0 +1,13 @@
+{
+  license: 'MIT',
+  devDependencies: {},
+  author: '',
+  description: "",
+  name: '@react-native-ohos/react-native-svg',
+  type: 'module',
+  main: 'index.ets',
+  version: '15.12.1-rc.10',
+  dependencies: {
+    "@rnoh/react-native-openharmony": "file:../../node_modules/@react-native-oh/react-native-harmony/harmony/react_native_openharmony.har"
+  },
+}

package/harmony/svg/src/main/cpp/Attribute.h

@@ -0,0 +1,52 @@
+/*
+ * Copyright (c) 2024 Huawei Device Co., Ltd. All rights reserved
+ * Use of this source code is governed by a MIT license that can be
+ * found in the LICENSE file.
+ *
+ * This file incorporates from the OpenHarmony project, licensed under
+ * the Apache License, Version 2.0. Specifically:
+ * - [OpenHarmony/arkui_ace_engine] (https://gitee.com/openharmony/arkui_ace_engine)
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License"); you may not
+ * use this file except in compliance with the License. You may obtain a copy
+ * of the License at:
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
+ * License for the specific language governing permissions and limitations
+ * under the License.
+ */
+
+// from ArkUI "frameworks/core/components/declaration/common/attribute.h"
+#pragma once
+
+namespace rnoh {
+namespace svg {
+
+enum class AttributeTag {
+    COMMON_ATTR = 0,
+    COMMON_DISABLED_ATTR,
+    COMMON_FOCUSABLE_ATTR,
+    COMMON_TOUCHABLE_ATTR,
+    COMMON_DATA_ATTR,
+    COMMON_CLICK_EFFECT_ATTR,
+    COMMON_RENDER_ATTR,
+    COMMON_MULTIMODAL_ATTR,
+    SPECIALIZED_ATTR,
+    UNKNOWN,
+    DEFAULT,
+};
+
+struct Attribute {
+    bool IsValid() const { return tag != AttributeTag::UNKNOWN; }
+
+    bool IsShared() const { return isShared; }
+
+    bool isShared = true;
+    AttributeTag tag = AttributeTag::DEFAULT;
+};
+
+} // namespace svg
+} // namespace rnoh

package/harmony/svg/src/main/cpp/CMakeLists.txt

@@ -0,0 +1,32 @@
+cmake_minimum_required(VERSION 3.13)
+set(CMAKE_VERBOSE_MAKEFILE on)
+
+set(rnoh_svg_generated_dir "${CMAKE_CURRENT_SOURCE_DIR}/generated")
+file(GLOB_RECURSE rnoh_svg_generated_SRC "${rnoh_svg_generated_dir}/**/*.cpp")
+file(GLOB rnoh_svg_SRC CONFIGURE_DEPENDS
+    *.cpp
+    componentInstances/*.cpp
+    drawing/*.cpp
+    properties/*.cpp
+    turboModules/*.cpp
+    utils/*.cpp
+    svgImage/*.cpp
+    downloadUtils/*.cpp
+    )
+add_library(rnoh_svg SHARED ${rnoh_svg_SRC} ${rnoh_svg_generated_SRC})
+target_include_directories(rnoh_svg PUBLIC ${CMAKE_CURRENT_SOURCE_DIR} ${rnoh_svg_generated_dir})
+
+target_link_libraries(rnoh_svg PUBLIC rnoh)
+target_link_libraries(rnoh_svg PUBLIC libimage_source.so)
+target_link_libraries(rnoh_svg PUBLIC libpixelmap.so)
+target_link_libraries(rnoh_svg PUBLIC libimage_packer.so)
+target_link_libraries(rnoh_svg PUBLIC librawfile.z.so)
+target_link_libraries(rnoh_svg PUBLIC librcp_c.so)
+target_link_libraries(rnoh_svg PUBLIC libohfileuri.so)
+target_link_libraries(rnoh_svg PUBLIC libdeviceinfo_ndk.z.so)
+
+if("${OHOS_ARCH}" STREQUAL "arm64-v8a")
+    target_link_directories(rnoh_svg PUBLIC ${HMOS_SDK_NATIVE}/sysroot/usr/lib/aarch64-linux-ohos)
+elseif("${OHOS_ARCH}" STREQUAL "x86_64")
+    target_link_directories(rnoh_svg PUBLIC ${HMOS_SDK_NATIVE}/sysroot/usr/lib/x86_64-linux-ohos)
+endif()

package/harmony/svg/src/main/cpp/FontHolderBase.cpp

@@ -0,0 +1,22 @@
+/*
+ * Copyright (c) 2024 Huawei Device Co., Ltd. All rights reserved
+ * Use of this source code is governed by a MIT license that can be
+ * found in the LICENSE file.
+ */
+
+#include "FontHolderBase.h"
+
+namespace rnoh {
+namespace svg {
+
+void FontHolderBase::InheritFont(const std::shared_ptr<FontData> &parent, double scale) {
+    if (fp_.Empty()) {
+        // share parent font to save memory
+        font_ = parent;
+    } else {
+        font_ = std::make_shared<FontData>(fp_, *parent, scale);
+    }
+}
+
+} // namespace svg
+} // namespace rnoh

package/harmony/svg/src/main/cpp/FontHolderBase.h

@@ -0,0 +1,54 @@
+/*
+ * Copyright (c) 2024 Huawei Device Co., Ltd. All rights reserved
+ * Use of this source code is governed by a MIT license that can be
+ * found in the LICENSE file.
+ */
+
+#pragma once
+
+#include <memory>
+#include "properties/Font.h"
+
+namespace rnoh {
+namespace svg {
+
+class FontHolderBase {
+public:
+    template <typename T> void UpdateFontProps(const std::shared_ptr<T> &props) {
+        if constexpr (requires { props->font; }) {
+            auto& font = props->font;
+            if (!font.isNull()) {
+                fp_.fontStyle = font.count("fontStyle") > 0 ? font["fontStyle"].asString() : "";
+                fp_.fontVariant = font.count("fontVariant") > 0 ? font["fontVariant"].asString() : "";
+                fp_.fontWeight = font.count("fontWeight") > 0 ? font["fontWeight"].asString() : "";
+                fp_.fontStretch = font.count("fontStretch") > 0 ? font["fontStretch"].asString() : "";
+                fp_.fontSize = font.count("fontSize") > 0 ? font["fontSize"].asString() : "";
+                fp_.fontFamily = font.count("fontFamily") > 0 ? font["fontFamily"].asString() : "";
+                fp_.textAnchor = font.count("textAnchor") > 0 ? font["textAnchor"].asString() : "";
+                fp_.textDecoration = font.count("textDecoration") > 0 ? font["textDecoration"].asString() : "";
+                fp_.letterSpacing = font.count("letterSpacing") > 0 ? font["letterSpacing"].asString() : "";
+                fp_.wordSpacing = font.count("wordSpacing") > 0 ? font["wordSpacing"].asString() : "";
+                fp_.kerning = font.count("kerning") > 0 ? font["kerning"].asString() : "";
+                fp_.fontFeatureSettings = font.count("fontFeatureSettings") > 0 ? font["fontFeatureSettings"].asString() : "";
+                fp_.fontVariantLigatures = font.count("fontVariantLigatures") > 0 ? font["fontVariantLigatures"].asString() : "";
+                fp_.fontVariationSettings = font.count("fontVariationSettings") > 0 ? font["fontVariationSettings"].asString() : "";
+            } else {
+                fp_ = FontProps{};
+            }
+        }
+    }
+
+    void InheritFont(const std::shared_ptr<FontData> &parent, double scale);
+
+    // init when font parent is not present
+    void InitFont(double scale) { font_ = std::make_shared<FontData>(fp_, FontData{}, scale); }
+
+protected:
+    std::shared_ptr<FontData> font_;
+
+private:
+    FontProps fp_; // save intermediate font properties here because tree is not ready during onPropsChanged
+};
+
+} // namespace svg
+} // namespace rnoh

package/harmony/svg/src/main/cpp/SVGPackage.cpp

@@ -0,0 +1,135 @@
+/*
+ * Copyright (c) 2024 Huawei Device Co., Ltd. All rights reserved
+ * Use of this source code is governed by a MIT license that can be
+ * found in the LICENSE file.
+ */
+
+#pragma once
+
+#include "SVGPackage.h"
+
+#include "RNOH/generated/components/RNSVGGroupJSIBinder.h"
+#include "RNOH/generated/components/RNSVGSvgViewJSIBinder.h"
+#include "RNOH/generated/components/RNSVGPathJSIBinder.h"
+#include "RNOH/generated/components/RNSVGRectJSIBinder.h"
+#include "RNOH/generated/components/RNSVGImageJSIBinder.h"
+#include "RNOH/generated/components/RNSVGCircleJSIBinder.h"
+#include "RNOH/generated/components/RNSVGEllipseJSIBinder.h"
+#include "RNOH/generated/components/RNSVGLinearGradientJSIBinder.h"
+#include "RNOH/generated/components/RNSVGDefsJSIBinder.h"
+#include "RNOH/generated/components/RNSVGTextJSIBinder.h"
+#include "RNOH/generated/components/RNSVGTSpanJSIBinder.h"
+#include "RNOH/generated/components/RNSVGClipPathJSIBinder.h"
+#include "RNOH/generated/components/RNSVGMaskJSIBinder.h"
+#include "RNOH/generated/components/RNSVGMarkerJSIBinder.h"
+#include "RNOH/generated/components/RNSVGUseJSIBinder.h"
+#include "RNOH/generated/components/RNSVGForeignObjectJSIBinder.h"
+#include "RNOH/generated/components/RNSVGLineJSIBinder.h"
+#include "RNOH/generated/components/RNSVGPatternJSIBinder.h"
+#include "RNOH/generated/components/RNSVGRadialGradientJSIBinder.h"
+#include "RNOH/generated/components/RNSVGSymbolJSIBinder.h"
+#include "RNOH/generated/components/RNSVGTextPathJSIBinder.h"
+#include "RNOH/generated/components/RNSVGFilterJSIBinder.h"
+#include "RNOH/generated/components/RNSVGFeBlendJSIBinder.h"
+#include "RNOH/generated/components/RNSVGFeColorMatrixJSIBinder.h"
+#include "RNOH/generated/components/RNSVGFeCompositeJSIBinder.h"
+#include "RNOH/generated/components/RNSVGFeGaussianBlurJSIBinder.h"
+#include "RNOH/generated/components/RNSVGFeFloodJSIBinder.h"
+#include "RNOH/generated/components/RNSVGFeOffsetJSIBinder.h"
+#include "turboModules/RNSVGSvgViewModule.h"
+#include "turboModules/RNSVGRenderableModule.h"
+#include "turboModules/RNSVGImageModule.h"
+#include <react/renderer/components/react_native_svg/ComponentDescriptors.h>
+#include "svgImage/RNSVGImageComponentDescriptor.h"
+
+using namespace rnoh;
+using namespace facebook;
+using namespace svg;
+
+std::vector<react::ComponentDescriptorProvider> SVGPackage::createComponentDescriptorProviders() {
+    return {
+        facebook::react::concreteComponentDescriptorProvider<facebook::react::RNSVGCircleComponentDescriptor>(),
+        facebook::react::concreteComponentDescriptorProvider<facebook::react::RNSVGClipPathComponentDescriptor>(),
+        facebook::react::concreteComponentDescriptorProvider<facebook::react::RNSVGDefsComponentDescriptor>(),
+        facebook::react::concreteComponentDescriptorProvider<facebook::react::RNSVGEllipseComponentDescriptor>(),
+        facebook::react::concreteComponentDescriptorProvider<facebook::react::RNSVGFeBlendComponentDescriptor>(),
+        facebook::react::concreteComponentDescriptorProvider<facebook::react::RNSVGFeColorMatrixComponentDescriptor>(),
+        facebook::react::concreteComponentDescriptorProvider<facebook::react::RNSVGFeCompositeComponentDescriptor>(),
+        facebook::react::concreteComponentDescriptorProvider<facebook::react::RNSVGFeGaussianBlurComponentDescriptor>(),
+        facebook::react::concreteComponentDescriptorProvider<facebook::react::RNSVGFeFloodComponentDescriptor>(),
+        facebook::react::concreteComponentDescriptorProvider<facebook::react::RNSVGFeOffsetComponentDescriptor>(),
+        facebook::react::concreteComponentDescriptorProvider<facebook::react::RNSVGFilterComponentDescriptor>(),
+        facebook::react::concreteComponentDescriptorProvider<facebook::react::RNSVGForeignObjectComponentDescriptor>(),
+        facebook::react::concreteComponentDescriptorProvider<facebook::react::RNSVGGroupComponentDescriptor>(),
+        facebook::react::concreteComponentDescriptorProvider<facebook::react::RNSVGSvgViewComponentDescriptor>(),
+        facebook::react::concreteComponentDescriptorProvider<facebook::react::RNSVGImageComponentDescriptor>(),
+        facebook::react::concreteComponentDescriptorProvider<facebook::react::RNSVGLineComponentDescriptor>(),
+        facebook::react::concreteComponentDescriptorProvider<facebook::react::RNSVGLinearGradientComponentDescriptor>(),
+        facebook::react::concreteComponentDescriptorProvider<facebook::react::RNSVGMarkerComponentDescriptor>(),
+        facebook::react::concreteComponentDescriptorProvider<facebook::react::RNSVGMaskComponentDescriptor>(),
+        facebook::react::concreteComponentDescriptorProvider<facebook::react::RNSVGPathComponentDescriptor>(),
+        facebook::react::concreteComponentDescriptorProvider<facebook::react::RNSVGPatternComponentDescriptor>(),
+        facebook::react::concreteComponentDescriptorProvider<facebook::react::RNSVGRadialGradientComponentDescriptor>(),
+        facebook::react::concreteComponentDescriptorProvider<facebook::react::RNSVGRectComponentDescriptor>(),
+        facebook::react::concreteComponentDescriptorProvider<facebook::react::RNSVGSymbolComponentDescriptor>(),
+        facebook::react::concreteComponentDescriptorProvider<facebook::react::RNSVGTSpanComponentDescriptor>(),
+        facebook::react::concreteComponentDescriptorProvider<facebook::react::RNSVGTextComponentDescriptor>(),
+        facebook::react::concreteComponentDescriptorProvider<facebook::react::RNSVGTextPathComponentDescriptor>(),
+        facebook::react::concreteComponentDescriptorProvider<facebook::react::RNSVGUseComponentDescriptor>(),
+    };
+}
+
+ComponentNapiBinderByString SVGPackage::createComponentNapiBinderByName() { return {}; }
+
+ComponentJSIBinderByString SVGPackage::createComponentJSIBinderByName() {
+    return {
+        {"RNSVGCircle", std::make_shared<RNSVGCircleJSIBinder>()},
+        {"RNSVGClipPath", std::make_shared<RNSVGClipPathJSIBinder>()},
+        {"RNSVGDefs", std::make_shared<RNSVGDefsJSIBinder>()},
+        {"RNSVGEllipse", std::make_shared<RNSVGEllipseJSIBinder>()},
+        {"RNSVGForeignObject", std::make_shared<RNSVGForeignObjectJSIBinder>()},
+        {"RNSVGGroup", std::make_shared<RNSVGGroupJSIBinder>()},
+        {"RNSVGSvgView", std::make_shared<RNSVGSvgViewJSIBinder>()},
+        {"RNSVGImage", std::make_shared<RNSVGImageJSIBinder>()},
+        {"RNSVGLine", std::make_shared<RNSVGLineJSIBinder>()},
+        {"RNSVGLinearGradient", std::make_shared<RNSVGLinearGradientJSIBinder>()},
+        {"RNSVGRadialGradient", std::make_shared<RNSVGRadialGradientJSIBinder>()},
+        {"RNSVGMarker", std::make_shared<RNSVGMarkerJSIBinder>()},
+        {"RNSVGMask", std::make_shared<RNSVGMaskJSIBinder>()},
+        {"RNSVGPath", std::make_shared<RNSVGPathJSIBinder>()},
+        {"RNSVGPattern", std::make_shared<RNSVGPatternJSIBinder>()},
+        {"RNSVGRect", std::make_shared<RNSVGRectJSIBinder>()},
+        {"RNSVGSymbol", std::make_shared<RNSVGSymbolJSIBinder>()},
+        {"RNSVGTSpan", std::make_shared<RNSVGTSpanJSIBinder>()},
+        {"RNSVGText", std::make_shared<RNSVGTextJSIBinder>()},
+        {"RNSVGTextPath", std::make_shared<RNSVGTextPathJSIBinder>()},
+        {"RNSVGUse", std::make_shared<RNSVGUseJSIBinder>()},
+        {"RNSVGFilter", std::make_shared<RNSVGFilterJSIBinder>()},
+        {"RNSVGFeBlend", std::make_shared<RNSVGFeBlendJSIBinder>()},
+        {"RNSVGFeColorMatrix", std::make_shared<RNSVGFeColorMatrixJSIBinder>()},
+        {"RNSVGFeComposite", std::make_shared<RNSVGFeCompositeJSIBinder>()},
+        {"RNSVGFeGaussianBlur", std::make_shared<RNSVGFeGaussianBlurJSIBinder>()},
+        {"RNSVGFeFlood", std::make_shared<RNSVGFeFloodJSIBinder>()},
+        {"RNSVGFeOffset", std::make_shared<RNSVGFeOffsetJSIBinder>()},
+    };
+};
+
+class SvgTurboModuleFactoryDelegate : public TurboModuleFactoryDelegate {
+public:
+    SharedTurboModule createTurboModule(Context ctx, const std::string &name) const override {
+        if (name == "RNSVGSvgViewModule") {
+            return std::make_shared<RNSVGSvgViewModule>(ctx, name);
+        }
+        if (name == "RNSVGRenderableModule") {
+            return std::make_shared<RNSVGRenderableModule>(ctx, name);
+        }
+        if (name == "RNSVGImageModule") {
+            return std::make_shared<RNSVGImageModule>(ctx, name);
+        }
+        return nullptr;
+    };
+};
+
+std::unique_ptr<TurboModuleFactoryDelegate> SVGPackage::createTurboModuleFactoryDelegate() {
+    return std::make_unique<SvgTurboModuleFactoryDelegate>();
+}