@matiks/rn-stroke-text 0.0.1

package/nitrogen/generated/shared/c++/views/HybridMatiksStrokeTextComponent.cpp

@@ -0,0 +1,196 @@
+///
+/// HybridMatiksStrokeTextComponent.cpp
+/// This file was generated by nitrogen. DO NOT MODIFY THIS FILE.
+/// https://github.com/mrousavy/nitro
+/// Copyright © Marc Rousavy @ Margelo
+///
+
+#include "HybridMatiksStrokeTextComponent.hpp"
+
+#include <string>
+#include <exception>
+#include <utility>
+#include <NitroModules/NitroDefines.hpp>
+#include <NitroModules/JSIConverter.hpp>
+#include <NitroModules/PropNameIDCache.hpp>
+#include <react/renderer/core/RawValue.h>
+#include <react/renderer/core/ShadowNode.h>
+#include <react/renderer/core/ComponentDescriptor.h>
+#include <react/renderer/components/view/ViewProps.h>
+
+namespace margelo::nitro::rnstroketext::views {
+
+  extern const char HybridMatiksStrokeTextComponentName[] = "MatiksStrokeText";
+
+  HybridMatiksStrokeTextProps::HybridMatiksStrokeTextProps(const react::PropsParserContext& context,
+                                                           const HybridMatiksStrokeTextProps& sourceProps,
+                                                           const react::RawProps& rawProps):
+    react::ViewProps(context, sourceProps, rawProps, filterObjectKeys),
+    width([&]() -> CachedProp<std::optional<double>> {
+      try {
+        const react::RawValue* rawValue = rawProps.at("width", nullptr, nullptr);
+        if (rawValue == nullptr) return sourceProps.width;
+        const auto& [runtime, value] = (std::pair<jsi::Runtime*, jsi::Value>)*rawValue;
+        return CachedProp<std::optional<double>>::fromRawValue(*runtime, value, sourceProps.width);
+      } catch (const std::exception& exc) {
+        throw std::runtime_error(std::string("MatiksStrokeText.width: ") + exc.what());
+      }
+    }()),
+    text([&]() -> CachedProp<std::string> {
+      try {
+        const react::RawValue* rawValue = rawProps.at("text", nullptr, nullptr);
+        if (rawValue == nullptr) return sourceProps.text;
+        const auto& [runtime, value] = (std::pair<jsi::Runtime*, jsi::Value>)*rawValue;
+        return CachedProp<std::string>::fromRawValue(*runtime, value, sourceProps.text);
+      } catch (const std::exception& exc) {
+        throw std::runtime_error(std::string("MatiksStrokeText.text: ") + exc.what());
+      }
+    }()),
+    fontSize([&]() -> CachedProp<std::optional<double>> {
+      try {
+        const react::RawValue* rawValue = rawProps.at("fontSize", nullptr, nullptr);
+        if (rawValue == nullptr) return sourceProps.fontSize;
+        const auto& [runtime, value] = (std::pair<jsi::Runtime*, jsi::Value>)*rawValue;
+        return CachedProp<std::optional<double>>::fromRawValue(*runtime, value, sourceProps.fontSize);
+      } catch (const std::exception& exc) {
+        throw std::runtime_error(std::string("MatiksStrokeText.fontSize: ") + exc.what());
+      }
+    }()),
+    color([&]() -> CachedProp<std::optional<std::string>> {
+      try {
+        const react::RawValue* rawValue = rawProps.at("color", nullptr, nullptr);
+        if (rawValue == nullptr) return sourceProps.color;
+        const auto& [runtime, value] = (std::pair<jsi::Runtime*, jsi::Value>)*rawValue;
+        return CachedProp<std::optional<std::string>>::fromRawValue(*runtime, value, sourceProps.color);
+      } catch (const std::exception& exc) {
+        throw std::runtime_error(std::string("MatiksStrokeText.color: ") + exc.what());
+      }
+    }()),
+    strokeColor([&]() -> CachedProp<std::optional<std::string>> {
+      try {
+        const react::RawValue* rawValue = rawProps.at("strokeColor", nullptr, nullptr);
+        if (rawValue == nullptr) return sourceProps.strokeColor;
+        const auto& [runtime, value] = (std::pair<jsi::Runtime*, jsi::Value>)*rawValue;
+        return CachedProp<std::optional<std::string>>::fromRawValue(*runtime, value, sourceProps.strokeColor);
+      } catch (const std::exception& exc) {
+        throw std::runtime_error(std::string("MatiksStrokeText.strokeColor: ") + exc.what());
+      }
+    }()),
+    strokeWidth([&]() -> CachedProp<std::optional<double>> {
+      try {
+        const react::RawValue* rawValue = rawProps.at("strokeWidth", nullptr, nullptr);
+        if (rawValue == nullptr) return sourceProps.strokeWidth;
+        const auto& [runtime, value] = (std::pair<jsi::Runtime*, jsi::Value>)*rawValue;
+        return CachedProp<std::optional<double>>::fromRawValue(*runtime, value, sourceProps.strokeWidth);
+      } catch (const std::exception& exc) {
+        throw std::runtime_error(std::string("MatiksStrokeText.strokeWidth: ") + exc.what());
+      }
+    }()),
+    fontFamily([&]() -> CachedProp<std::optional<std::string>> {
+      try {
+        const react::RawValue* rawValue = rawProps.at("fontFamily", nullptr, nullptr);
+        if (rawValue == nullptr) return sourceProps.fontFamily;
+        const auto& [runtime, value] = (std::pair<jsi::Runtime*, jsi::Value>)*rawValue;
+        return CachedProp<std::optional<std::string>>::fromRawValue(*runtime, value, sourceProps.fontFamily);
+      } catch (const std::exception& exc) {
+        throw std::runtime_error(std::string("MatiksStrokeText.fontFamily: ") + exc.what());
+      }
+    }()),
+    align([&]() -> CachedProp<std::optional<TextAlign>> {
+      try {
+        const react::RawValue* rawValue = rawProps.at("align", nullptr, nullptr);
+        if (rawValue == nullptr) return sourceProps.align;
+        const auto& [runtime, value] = (std::pair<jsi::Runtime*, jsi::Value>)*rawValue;
+        return CachedProp<std::optional<TextAlign>>::fromRawValue(*runtime, value, sourceProps.align);
+      } catch (const std::exception& exc) {
+        throw std::runtime_error(std::string("MatiksStrokeText.align: ") + exc.what());
+      }
+    }()),
+    numberOfLines([&]() -> CachedProp<std::optional<double>> {
+      try {
+        const react::RawValue* rawValue = rawProps.at("numberOfLines", nullptr, nullptr);
+        if (rawValue == nullptr) return sourceProps.numberOfLines;
+        const auto& [runtime, value] = (std::pair<jsi::Runtime*, jsi::Value>)*rawValue;
+        return CachedProp<std::optional<double>>::fromRawValue(*runtime, value, sourceProps.numberOfLines);
+      } catch (const std::exception& exc) {
+        throw std::runtime_error(std::string("MatiksStrokeText.numberOfLines: ") + exc.what());
+      }
+    }()),
+    ellipsis([&]() -> CachedProp<std::optional<bool>> {
+      try {
+        const react::RawValue* rawValue = rawProps.at("ellipsis", nullptr, nullptr);
+        if (rawValue == nullptr) return sourceProps.ellipsis;
+        const auto& [runtime, value] = (std::pair<jsi::Runtime*, jsi::Value>)*rawValue;
+        return CachedProp<std::optional<bool>>::fromRawValue(*runtime, value, sourceProps.ellipsis);
+      } catch (const std::exception& exc) {
+        throw std::runtime_error(std::string("MatiksStrokeText.ellipsis: ") + exc.what());
+      }
+    }()),
+    hybridRef([&]() -> CachedProp<std::optional<std::function<void(const std::shared_ptr<HybridMatiksStrokeTextSpec>& /* ref */)>>> {
+      try {
+        const react::RawValue* rawValue = rawProps.at("hybridRef", nullptr, nullptr);
+        if (rawValue == nullptr) return sourceProps.hybridRef;
+        const auto& [runtime, value] = (std::pair<jsi::Runtime*, jsi::Value>)*rawValue;
+        return CachedProp<std::optional<std::function<void(const std::shared_ptr<HybridMatiksStrokeTextSpec>& /* ref */)>>>::fromRawValue(*runtime, value.asObject(*runtime).getProperty(*runtime, PropNameIDCache::get(*runtime, "f")), sourceProps.hybridRef);
+      } catch (const std::exception& exc) {
+        throw std::runtime_error(std::string("MatiksStrokeText.hybridRef: ") + exc.what());
+      }
+    }()) { }
+
+  HybridMatiksStrokeTextProps::HybridMatiksStrokeTextProps(const HybridMatiksStrokeTextProps& other):
+    react::ViewProps(),
+    width(other.width),
+    text(other.text),
+    fontSize(other.fontSize),
+    color(other.color),
+    strokeColor(other.strokeColor),
+    strokeWidth(other.strokeWidth),
+    fontFamily(other.fontFamily),
+    align(other.align),
+    numberOfLines(other.numberOfLines),
+    ellipsis(other.ellipsis),
+    hybridRef(other.hybridRef) { }
+
+  bool HybridMatiksStrokeTextProps::filterObjectKeys(const std::string& propName) {
+    switch (hashString(propName)) {
+      case hashString("width"): return true;
+      case hashString("text"): return true;
+      case hashString("fontSize"): return true;
+      case hashString("color"): return true;
+      case hashString("strokeColor"): return true;
+      case hashString("strokeWidth"): return true;
+      case hashString("fontFamily"): return true;
+      case hashString("align"): return true;
+      case hashString("numberOfLines"): return true;
+      case hashString("ellipsis"): return true;
+      case hashString("hybridRef"): return true;
+      default: return false;
+    }
+  }
+
+  HybridMatiksStrokeTextComponentDescriptor::HybridMatiksStrokeTextComponentDescriptor(const react::ComponentDescriptorParameters& parameters)
+    : ConcreteComponentDescriptor(parameters,
+                                  react::RawPropsParser(/* enableJsiParser */ true)) {}
+
+  std::shared_ptr<const react::Props> HybridMatiksStrokeTextComponentDescriptor::cloneProps(const react::PropsParserContext& context,
+                                                                                            const std::shared_ptr<const react::Props>& props,
+                                                                                            react::RawProps rawProps) const {
+    // 1. Prepare raw props parser
+    rawProps.parse(rawPropsParser_);
+    // 2. Copy props with Nitro's cached copy constructor
+    return HybridMatiksStrokeTextShadowNode::Props(context, /* & */ rawProps, props);
+  }
+
+#ifdef ANDROID
+  void HybridMatiksStrokeTextComponentDescriptor::adopt(react::ShadowNode& shadowNode) const {
+    // This is called immediately after `ShadowNode` is created, cloned or in progress.
+    // On Android, we need to wrap props in our state, which gets routed through Java and later unwrapped in JNI/C++.
+    auto& concreteShadowNode = dynamic_cast<HybridMatiksStrokeTextShadowNode&>(shadowNode);
+    const HybridMatiksStrokeTextProps& props = concreteShadowNode.getConcreteProps();
+    HybridMatiksStrokeTextState state;
+    state.setProps(props);
+    concreteShadowNode.setStateData(std::move(state));
+  }
+#endif
+
+} // namespace margelo::nitro::rnstroketext::views

package/nitrogen/generated/shared/c++/views/HybridMatiksStrokeTextComponent.hpp

@@ -0,0 +1,118 @@
+///
+/// HybridMatiksStrokeTextComponent.hpp
+/// This file was generated by nitrogen. DO NOT MODIFY THIS FILE.
+/// https://github.com/mrousavy/nitro
+/// Copyright © Marc Rousavy @ Margelo
+///
+
+#pragma once
+
+#include <optional>
+#include <NitroModules/NitroDefines.hpp>
+#include <NitroModules/NitroHash.hpp>
+#include <NitroModules/CachedProp.hpp>
+#include <react/renderer/core/ConcreteComponentDescriptor.h>
+#include <react/renderer/core/PropsParserContext.h>
+#include <react/renderer/components/view/ConcreteViewShadowNode.h>
+#include <react/renderer/components/view/ViewProps.h>
+
+#include <optional>
+#include <string>
+#include "TextAlign.hpp"
+#include <memory>
+#include "HybridMatiksStrokeTextSpec.hpp"
+#include <functional>
+
+namespace margelo::nitro::rnstroketext::views {
+
+  using namespace facebook;
+
+  /**
+   * The name of the actual native View.
+   */
+  extern const char HybridMatiksStrokeTextComponentName[];
+
+  /**
+   * Props for the "MatiksStrokeText" View.
+   */
+  class HybridMatiksStrokeTextProps final: public react::ViewProps {
+  public:
+    HybridMatiksStrokeTextProps() = default;
+    HybridMatiksStrokeTextProps(const HybridMatiksStrokeTextProps&);
+    HybridMatiksStrokeTextProps(const react::PropsParserContext& context,
+                                const HybridMatiksStrokeTextProps& sourceProps,
+                                const react::RawProps& rawProps);
+
+  public:
+    CachedProp<std::optional<double>> width;
+    CachedProp<std::string> text;
+    CachedProp<std::optional<double>> fontSize;
+    CachedProp<std::optional<std::string>> color;
+    CachedProp<std::optional<std::string>> strokeColor;
+    CachedProp<std::optional<double>> strokeWidth;
+    CachedProp<std::optional<std::string>> fontFamily;
+    CachedProp<std::optional<TextAlign>> align;
+    CachedProp<std::optional<double>> numberOfLines;
+    CachedProp<std::optional<bool>> ellipsis;
+    CachedProp<std::optional<std::function<void(const std::shared_ptr<HybridMatiksStrokeTextSpec>& /* ref */)>>> hybridRef;
+
+  private:
+    static bool filterObjectKeys(const std::string& propName);
+  };
+
+  /**
+   * State for the "MatiksStrokeText" View.
+   */
+  class HybridMatiksStrokeTextState final {
+  public:
+    HybridMatiksStrokeTextState() = default;
+
+  public:
+    void setProps(const HybridMatiksStrokeTextProps& props) { _props.emplace(props); }
+    const std::optional<HybridMatiksStrokeTextProps>& getProps() const { return _props; }
+
+  public:
+#ifdef ANDROID
+  HybridMatiksStrokeTextState(const HybridMatiksStrokeTextState& /* previousState */, folly::dynamic /* data */) {}
+  folly::dynamic getDynamic() const {
+    throw std::runtime_error("HybridMatiksStrokeTextState does not support folly!");
+  }
+  react::MapBuffer getMapBuffer() const {
+    throw std::runtime_error("HybridMatiksStrokeTextState does not support MapBuffer!");
+  };
+#endif
+
+  private:
+    std::optional<HybridMatiksStrokeTextProps> _props;
+  };
+
+  /**
+   * The Shadow Node for the "MatiksStrokeText" View.
+   */
+  using HybridMatiksStrokeTextShadowNode = react::ConcreteViewShadowNode<HybridMatiksStrokeTextComponentName /* "HybridMatiksStrokeText" */,
+                                                                         HybridMatiksStrokeTextProps /* custom props */,
+                                                                         react::ViewEventEmitter /* default */,
+                                                                         HybridMatiksStrokeTextState /* custom state */>;
+
+  /**
+   * The Component Descriptor for the "MatiksStrokeText" View.
+   */
+  class HybridMatiksStrokeTextComponentDescriptor final: public react::ConcreteComponentDescriptor<HybridMatiksStrokeTextShadowNode> {
+  public:
+    HybridMatiksStrokeTextComponentDescriptor(const react::ComponentDescriptorParameters& parameters);
+
+  public:
+    /**
+     * A faster path for cloning props - reuses the caching logic from `HybridMatiksStrokeTextProps`.
+     */
+    std::shared_ptr<const react::Props> cloneProps(const react::PropsParserContext& context,
+                                                   const std::shared_ptr<const react::Props>& props,
+                                                   react::RawProps rawProps) const override;
+#ifdef ANDROID
+    void adopt(react::ShadowNode& shadowNode) const override;
+#endif
+  };
+
+  /* The actual view for "MatiksStrokeText" needs to be implemented in platform-specific code. */
+
+} // namespace margelo::nitro::rnstroketext::views

package/nitrogen/generated/shared/json/MatiksStrokeTextConfig.json

@@ -0,0 +1,19 @@
+{
+  "uiViewClassName": "MatiksStrokeText",
+  "supportsRawText": false,
+  "bubblingEventTypes": {},
+  "directEventTypes": {},
+  "validAttributes": {
+    "width": true,
+    "text": true,
+    "fontSize": true,
+    "color": true,
+    "strokeColor": true,
+    "strokeWidth": true,
+    "fontFamily": true,
+    "align": true,
+    "numberOfLines": true,
+    "ellipsis": true,
+    "hybridRef": true
+  }
+}

package/package.json

@@ -0,0 +1,107 @@
+{
+  "name": "@matiks/rn-stroke-text",
+  "version": "0.0.1",
+  "description": "rn-stroke-text",
+  "main": "lib/index",
+  "module": "lib/index",
+  "types": "lib/index.d.ts",
+  "react-native": "src/index",
+  "source": "src/index",
+  "files": [
+    "src",
+    "react-native.config.js",
+    "lib",
+    "nitrogen",
+    "android/build.gradle",
+    "android/gradle.properties",
+    "android/fix-prefab.gradle",
+    "android/CMakeLists.txt",
+    "android/src",
+    "ios/**/*.h",
+    "ios/**/*.m",
+    "ios/**/*.mm",
+    "ios/**/*.cpp",
+    "ios/**/*.swift",
+    "app.plugin.js",
+    "nitro.json",
+    "*.podspec",
+    "README.md"
+  ],
+  "scripts": {
+    "typecheck": "tsc --noEmit",
+    "clean": "rm -rf android/build node_modules/**/android/build lib",
+    "lint": "eslint \"**/*.{js,ts,tsx}\" --fix",
+    "lint-ci": "eslint \"**/*.{js,ts,tsx}\" -f @jamesacarr/github-actions",
+    "typescript": "tsc",
+    "specs": "tsc --noEmit false && nitrogen --logLevel=\"debug\""
+  },
+  "keywords": [
+    "react-native",
+    "nitro"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/mrousavy/nitro.git"
+  },
+  "author": "Marc Rousavy <me@mrousavy.com> (https://github.com/mrousavy)",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/mrousavy/nitro/issues"
+  },
+  "homepage": "https://github.com/mrousavy/nitro#readme",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
+  "devDependencies": {
+    "@react-native/eslint-config": "0.82.0",
+    "@types/react": "^19.1.03",
+    "eslint": "^8.57.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-prettier": "^5.2.1",
+    "nitrogen": "*",
+    "prettier": "^3.3.3",
+    "react": "19.1.1",
+    "react-native": "0.82.0",
+    "react-native-nitro-modules": "*",
+    "typescript": "^5.8.3"
+  },
+  "peerDependencies": {
+    "react": "*",
+    "react-native": "*",
+    "react-native-nitro-modules": "*"
+  },
+  "eslintConfig": {
+    "root": true,
+    "extends": [
+      "@react-native",
+      "prettier"
+    ],
+    "plugins": [
+      "prettier"
+    ],
+    "rules": {
+      "prettier/prettier": [
+        "warn",
+        {
+          "quoteProps": "consistent",
+          "singleQuote": true,
+          "tabWidth": 2,
+          "trailingComma": "es5",
+          "useTabs": false
+        }
+      ]
+    }
+  },
+  "eslintIgnore": [
+    "node_modules/",
+    "lib/"
+  ],
+  "prettier": {
+    "quoteProps": "consistent",
+    "singleQuote": true,
+    "tabWidth": 2,
+    "trailingComma": "es5",
+    "useTabs": false,
+    "semi": false
+  }
+}

package/react-native.config.js

@@ -0,0 +1,16 @@
+// https://github.com/react-native-community/cli/blob/main/docs/dependencies.md
+
+module.exports = {
+  dependency: {
+    platforms: {
+      /**
+       * @type {import('@react-native-community/cli-types').IOSDependencyParams}
+       */
+      ios: {},
+      /**
+       * @type {import('@react-native-community/cli-types').AndroidDependencyParams}
+       */
+      android: {},
+    },
+  },
+}

package/src/index.tsx

@@ -0,0 +1,44 @@
+import React, { useEffect, useRef, useState } from "react";
+import { callback, getHostComponent } from "react-native-nitro-modules";
+import MatiksKeyboardViewConfig from "../nitrogen/generated/shared/json/MatiksStrokeTextConfig.json";
+import { type MatiksStrokeText, type MatiksStrokeTextMethods, type MatiksStrokeTextProps } from "./specs/Stroke.nitro";
+
+const StrokeTextViewComponent = getHostComponent<MatiksStrokeTextProps, MatiksStrokeTextMethods>(
+  'MatiksStrokeText',
+  () => MatiksKeyboardViewConfig
+)
+
+interface StrokeTextViewProps extends MatiksStrokeTextProps {
+  styles?: {
+    width?: number,
+    height?: number
+  }
+}
+
+const StrokeTextView = ({ styles, ...props }: StrokeTextViewProps) => {
+  const ref = useRef<MatiksStrokeText | null>(null);
+  const [size, setSize] = useState({ width: 0, height: 0 });
+
+  useEffect(() => {
+    if (!ref.current) return;
+
+    const result = ref.current.measureDimensions();
+    setSize(result);
+  }, [
+    props.fontFamily,
+    props.fontSize,
+    props.text,
+  ]);
+
+  return (
+    <StrokeTextViewComponent
+      {...props}
+      style={[{ width: size.width, height: size.height }, styles]}
+      hybridRef={callback((_ref) => {
+        ref.current = _ref;
+      })}
+    />
+  );
+};
+
+export default React.memo(StrokeTextView)

package/src/specs/Stroke.nitro.ts

@@ -0,0 +1,34 @@
+type TextAlign = "center" | "left" | "right"
+import type {
+    HybridView,
+    HybridViewMethods,
+    HybridViewProps,
+} from 'react-native-nitro-modules';
+
+export interface MatiksStrokeTextProps extends HybridViewProps {
+  width?: number;
+  text: string;
+  fontSize?: number;
+  color?: string;
+  strokeColor?: string;
+  strokeWidth?: number;
+  fontFamily?: string;
+  align?: TextAlign;
+  numberOfLines?: number;
+  ellipsis?: boolean;
+}
+
+
+export interface Dimensions {
+  width: number;
+  height: number;
+}
+
+export interface MatiksStrokeTextMethods extends HybridViewMethods {
+  measureDimensions(): Dimensions;
+}
+
+export type MatiksStrokeText = HybridView<
+  MatiksStrokeTextProps,
+  MatiksStrokeTextMethods
+>