@onekeyfe/react-native-chart-webview 3.0.39

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

@@ -0,0 +1,207 @@
+///
+/// HybridChartWebviewComponent.cpp
+/// This file was generated by nitrogen. DO NOT MODIFY THIS FILE.
+/// https://github.com/mrousavy/nitro
+/// Copyright © 2026 Marc Rousavy @ Margelo
+///
+
+#include "HybridChartWebviewComponent.hpp"
+
+#include <string>
+#include <exception>
+#include <utility>
+#include <NitroModules/NitroDefines.hpp>
+#include <NitroModules/JSIConverter.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::chartwebview::views {
+
+  extern const char HybridChartWebviewComponentName[] = "ChartWebview";
+
+  HybridChartWebviewProps::HybridChartWebviewProps(const react::PropsParserContext& context,
+                                                   const HybridChartWebviewProps& sourceProps,
+                                                   const react::RawProps& rawProps):
+    react::ViewProps(context, sourceProps, rawProps, filterObjectKeys),
+    uri([&]() -> CachedProp<std::optional<std::string>> {
+      try {
+        const react::RawValue* rawValue = rawProps.at("uri", nullptr, nullptr);
+        if (rawValue == nullptr) return sourceProps.uri;
+        const auto& [runtime, value] = (std::pair<jsi::Runtime*, jsi::Value>)*rawValue;
+        return CachedProp<std::optional<std::string>>::fromRawValue(*runtime, value, sourceProps.uri);
+      } catch (const std::exception& exc) {
+        throw std::runtime_error(std::string("ChartWebview.uri: ") + exc.what());
+      }
+    }()),
+    localBundle([&]() -> CachedProp<std::optional<std::string>> {
+      try {
+        const react::RawValue* rawValue = rawProps.at("localBundle", nullptr, nullptr);
+        if (rawValue == nullptr) return sourceProps.localBundle;
+        const auto& [runtime, value] = (std::pair<jsi::Runtime*, jsi::Value>)*rawValue;
+        return CachedProp<std::optional<std::string>>::fromRawValue(*runtime, value, sourceProps.localBundle);
+      } catch (const std::exception& exc) {
+        throw std::runtime_error(std::string("ChartWebview.localBundle: ") + exc.what());
+      }
+    }()),
+    entry([&]() -> CachedProp<std::optional<std::string>> {
+      try {
+        const react::RawValue* rawValue = rawProps.at("entry", nullptr, nullptr);
+        if (rawValue == nullptr) return sourceProps.entry;
+        const auto& [runtime, value] = (std::pair<jsi::Runtime*, jsi::Value>)*rawValue;
+        return CachedProp<std::optional<std::string>>::fromRawValue(*runtime, value, sourceProps.entry);
+      } catch (const std::exception& exc) {
+        throw std::runtime_error(std::string("ChartWebview.entry: ") + exc.what());
+      }
+    }()),
+    paramsJson([&]() -> CachedProp<std::optional<std::string>> {
+      try {
+        const react::RawValue* rawValue = rawProps.at("paramsJson", nullptr, nullptr);
+        if (rawValue == nullptr) return sourceProps.paramsJson;
+        const auto& [runtime, value] = (std::pair<jsi::Runtime*, jsi::Value>)*rawValue;
+        return CachedProp<std::optional<std::string>>::fromRawValue(*runtime, value, sourceProps.paramsJson);
+      } catch (const std::exception& exc) {
+        throw std::runtime_error(std::string("ChartWebview.paramsJson: ") + exc.what());
+      }
+    }()),
+    bridgeScript([&]() -> CachedProp<std::optional<std::string>> {
+      try {
+        const react::RawValue* rawValue = rawProps.at("bridgeScript", nullptr, nullptr);
+        if (rawValue == nullptr) return sourceProps.bridgeScript;
+        const auto& [runtime, value] = (std::pair<jsi::Runtime*, jsi::Value>)*rawValue;
+        return CachedProp<std::optional<std::string>>::fromRawValue(*runtime, value, sourceProps.bridgeScript);
+      } catch (const std::exception& exc) {
+        throw std::runtime_error(std::string("ChartWebview.bridgeScript: ") + exc.what());
+      }
+    }()),
+    reuseKey([&]() -> CachedProp<std::optional<std::string>> {
+      try {
+        const react::RawValue* rawValue = rawProps.at("reuseKey", nullptr, nullptr);
+        if (rawValue == nullptr) return sourceProps.reuseKey;
+        const auto& [runtime, value] = (std::pair<jsi::Runtime*, jsi::Value>)*rawValue;
+        return CachedProp<std::optional<std::string>>::fromRawValue(*runtime, value, sourceProps.reuseKey);
+      } catch (const std::exception& exc) {
+        throw std::runtime_error(std::string("ChartWebview.reuseKey: ") + exc.what());
+      }
+    }()),
+    pooled([&]() -> CachedProp<std::optional<bool>> {
+      try {
+        const react::RawValue* rawValue = rawProps.at("pooled", nullptr, nullptr);
+        if (rawValue == nullptr) return sourceProps.pooled;
+        const auto& [runtime, value] = (std::pair<jsi::Runtime*, jsi::Value>)*rawValue;
+        return CachedProp<std::optional<bool>>::fromRawValue(*runtime, value, sourceProps.pooled);
+      } catch (const std::exception& exc) {
+        throw std::runtime_error(std::string("ChartWebview.pooled: ") + exc.what());
+      }
+    }()),
+    active([&]() -> CachedProp<std::optional<bool>> {
+      try {
+        const react::RawValue* rawValue = rawProps.at("active", nullptr, nullptr);
+        if (rawValue == nullptr) return sourceProps.active;
+        const auto& [runtime, value] = (std::pair<jsi::Runtime*, jsi::Value>)*rawValue;
+        return CachedProp<std::optional<bool>>::fromRawValue(*runtime, value, sourceProps.active);
+      } catch (const std::exception& exc) {
+        throw std::runtime_error(std::string("ChartWebview.active: ") + exc.what());
+      }
+    }()),
+    onMessage([&]() -> CachedProp<std::optional<std::function<void(const std::string& /* message */)>>> {
+      try {
+        const react::RawValue* rawValue = rawProps.at("onMessage", nullptr, nullptr);
+        if (rawValue == nullptr) return sourceProps.onMessage;
+        const auto& [runtime, value] = (std::pair<jsi::Runtime*, jsi::Value>)*rawValue;
+        return CachedProp<std::optional<std::function<void(const std::string& /* message */)>>>::fromRawValue(*runtime, value.asObject(*runtime).getProperty(*runtime, "f"), sourceProps.onMessage);
+      } catch (const std::exception& exc) {
+        throw std::runtime_error(std::string("ChartWebview.onMessage: ") + exc.what());
+      }
+    }()),
+    onLoadEnd([&]() -> CachedProp<std::optional<std::function<void()>>> {
+      try {
+        const react::RawValue* rawValue = rawProps.at("onLoadEnd", nullptr, nullptr);
+        if (rawValue == nullptr) return sourceProps.onLoadEnd;
+        const auto& [runtime, value] = (std::pair<jsi::Runtime*, jsi::Value>)*rawValue;
+        return CachedProp<std::optional<std::function<void()>>>::fromRawValue(*runtime, value.asObject(*runtime).getProperty(*runtime, "f"), sourceProps.onLoadEnd);
+      } catch (const std::exception& exc) {
+        throw std::runtime_error(std::string("ChartWebview.onLoadEnd: ") + exc.what());
+      }
+    }()),
+    onError([&]() -> CachedProp<std::optional<std::function<void(const std::string& /* message */)>>> {
+      try {
+        const react::RawValue* rawValue = rawProps.at("onError", nullptr, nullptr);
+        if (rawValue == nullptr) return sourceProps.onError;
+        const auto& [runtime, value] = (std::pair<jsi::Runtime*, jsi::Value>)*rawValue;
+        return CachedProp<std::optional<std::function<void(const std::string& /* message */)>>>::fromRawValue(*runtime, value.asObject(*runtime).getProperty(*runtime, "f"), sourceProps.onError);
+      } catch (const std::exception& exc) {
+        throw std::runtime_error(std::string("ChartWebview.onError: ") + exc.what());
+      }
+    }()),
+    hybridRef([&]() -> CachedProp<std::optional<std::function<void(const std::shared_ptr<HybridChartWebviewSpec>& /* 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<HybridChartWebviewSpec>& /* ref */)>>>::fromRawValue(*runtime, value.asObject(*runtime).getProperty(*runtime, "f"), sourceProps.hybridRef);
+      } catch (const std::exception& exc) {
+        throw std::runtime_error(std::string("ChartWebview.hybridRef: ") + exc.what());
+      }
+    }()) { }
+
+  HybridChartWebviewProps::HybridChartWebviewProps(const HybridChartWebviewProps& other):
+    react::ViewProps(),
+    uri(other.uri),
+    localBundle(other.localBundle),
+    entry(other.entry),
+    paramsJson(other.paramsJson),
+    bridgeScript(other.bridgeScript),
+    reuseKey(other.reuseKey),
+    pooled(other.pooled),
+    active(other.active),
+    onMessage(other.onMessage),
+    onLoadEnd(other.onLoadEnd),
+    onError(other.onError),
+    hybridRef(other.hybridRef) { }
+
+  bool HybridChartWebviewProps::filterObjectKeys(const std::string& propName) {
+    switch (hashString(propName)) {
+      case hashString("uri"): return true;
+      case hashString("localBundle"): return true;
+      case hashString("entry"): return true;
+      case hashString("paramsJson"): return true;
+      case hashString("bridgeScript"): return true;
+      case hashString("reuseKey"): return true;
+      case hashString("pooled"): return true;
+      case hashString("active"): return true;
+      case hashString("onMessage"): return true;
+      case hashString("onLoadEnd"): return true;
+      case hashString("onError"): return true;
+      case hashString("hybridRef"): return true;
+      default: return false;
+    }
+  }
+
+  HybridChartWebviewComponentDescriptor::HybridChartWebviewComponentDescriptor(const react::ComponentDescriptorParameters& parameters)
+    : ConcreteComponentDescriptor(parameters,
+                                  react::RawPropsParser(/* enableJsiParser */ true)) {}
+
+  std::shared_ptr<const react::Props> HybridChartWebviewComponentDescriptor::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 HybridChartWebviewShadowNode::Props(context, /* & */ rawProps, props);
+  }
+
+#ifdef ANDROID
+  void HybridChartWebviewComponentDescriptor::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<HybridChartWebviewShadowNode&>(shadowNode);
+    const HybridChartWebviewProps& props = concreteShadowNode.getConcreteProps();
+    HybridChartWebviewState state;
+    state.setProps(props);
+    concreteShadowNode.setStateData(std::move(state));
+  }
+#endif
+
+} // namespace margelo::nitro::chartwebview::views

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

@@ -0,0 +1,118 @@
+///
+/// HybridChartWebviewComponent.hpp
+/// This file was generated by nitrogen. DO NOT MODIFY THIS FILE.
+/// https://github.com/mrousavy/nitro
+/// Copyright © 2026 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 <string>
+#include <optional>
+#include <functional>
+#include <memory>
+#include "HybridChartWebviewSpec.hpp"
+
+namespace margelo::nitro::chartwebview::views {
+
+  using namespace facebook;
+
+  /**
+   * The name of the actual native View.
+   */
+  extern const char HybridChartWebviewComponentName[];
+
+  /**
+   * Props for the "ChartWebview" View.
+   */
+  class HybridChartWebviewProps final: public react::ViewProps {
+  public:
+    HybridChartWebviewProps() = default;
+    HybridChartWebviewProps(const HybridChartWebviewProps&);
+    HybridChartWebviewProps(const react::PropsParserContext& context,
+                            const HybridChartWebviewProps& sourceProps,
+                            const react::RawProps& rawProps);
+
+  public:
+    CachedProp<std::optional<std::string>> uri;
+    CachedProp<std::optional<std::string>> localBundle;
+    CachedProp<std::optional<std::string>> entry;
+    CachedProp<std::optional<std::string>> paramsJson;
+    CachedProp<std::optional<std::string>> bridgeScript;
+    CachedProp<std::optional<std::string>> reuseKey;
+    CachedProp<std::optional<bool>> pooled;
+    CachedProp<std::optional<bool>> active;
+    CachedProp<std::optional<std::function<void(const std::string& /* message */)>>> onMessage;
+    CachedProp<std::optional<std::function<void()>>> onLoadEnd;
+    CachedProp<std::optional<std::function<void(const std::string& /* message */)>>> onError;
+    CachedProp<std::optional<std::function<void(const std::shared_ptr<HybridChartWebviewSpec>& /* ref */)>>> hybridRef;
+
+  private:
+    static bool filterObjectKeys(const std::string& propName);
+  };
+
+  /**
+   * State for the "ChartWebview" View.
+   */
+  class HybridChartWebviewState final {
+  public:
+    HybridChartWebviewState() = default;
+
+  public:
+    void setProps(const HybridChartWebviewProps& props) { _props.emplace(props); }
+    const std::optional<HybridChartWebviewProps>& getProps() const { return _props; }
+
+  public:
+#ifdef ANDROID
+  HybridChartWebviewState(const HybridChartWebviewState& /* previousState */, folly::dynamic /* data */) {}
+  folly::dynamic getDynamic() const {
+    throw std::runtime_error("HybridChartWebviewState does not support folly!");
+  }
+  react::MapBuffer getMapBuffer() const {
+    throw std::runtime_error("HybridChartWebviewState does not support MapBuffer!");
+  };
+#endif
+
+  private:
+    std::optional<HybridChartWebviewProps> _props;
+  };
+
+  /**
+   * The Shadow Node for the "ChartWebview" View.
+   */
+  using HybridChartWebviewShadowNode = react::ConcreteViewShadowNode<HybridChartWebviewComponentName /* "HybridChartWebview" */,
+                                                                     HybridChartWebviewProps /* custom props */,
+                                                                     react::ViewEventEmitter /* default */,
+                                                                     HybridChartWebviewState /* custom state */>;
+
+  /**
+   * The Component Descriptor for the "ChartWebview" View.
+   */
+  class HybridChartWebviewComponentDescriptor final: public react::ConcreteComponentDescriptor<HybridChartWebviewShadowNode> {
+  public:
+    HybridChartWebviewComponentDescriptor(const react::ComponentDescriptorParameters& parameters);
+
+  public:
+    /**
+     * A faster path for cloning props - reuses the caching logic from `HybridChartWebviewProps`.
+     */
+    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 "ChartWebview" needs to be implemented in platform-specific code. */
+
+} // namespace margelo::nitro::chartwebview::views

package/nitrogen/generated/shared/json/ChartWebviewConfig.json

@@ -0,0 +1,20 @@
+{
+  "uiViewClassName": "ChartWebview",
+  "supportsRawText": false,
+  "bubblingEventTypes": {},
+  "directEventTypes": {},
+  "validAttributes": {
+    "uri": true,
+    "localBundle": true,
+    "entry": true,
+    "paramsJson": true,
+    "bridgeScript": true,
+    "reuseKey": true,
+    "pooled": true,
+    "active": true,
+    "onMessage": true,
+    "onLoadEnd": true,
+    "onError": true,
+    "hybridRef": true
+  }
+}

package/package.json

@@ -0,0 +1,170 @@
+{
+  "name": "@onekeyfe/react-native-chart-webview",
+  "version": "3.0.39",
+  "description": "react-native-chart-webview",
+  "main": "./lib/module/index.js",
+  "types": "./lib/typescript/src/index.d.ts",
+  "exports": {
+    ".": {
+      "source": "./src/index.tsx",
+      "types": "./lib/typescript/src/index.d.ts",
+      "default": "./lib/module/index.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "src",
+    "lib",
+    "android",
+    "ios",
+    "cpp",
+    "nitrogen",
+    "nitro.json",
+    "*.podspec",
+    "react-native.config.js",
+    "!ios/build",
+    "!android/build",
+    "!android/gradle",
+    "!android/gradlew",
+    "!android/gradlew.bat",
+    "!android/local.properties",
+    "!**/__tests__",
+    "!**/__fixtures__",
+    "!**/__mocks__",
+    "!**/.*"
+  ],
+  "scripts": {
+    "clean": "del-cli android/build example/android/build example/android/app/build example/ios/build lib",
+    "prepare": "bob build && cp -r nitrogen lib/nitrogen",
+    "nitrogen": "nitrogen",
+    "typecheck": "tsc",
+    "lint": "eslint \"**/*.{js,ts,tsx}\"",
+    "test": "jest",
+    "release": "yarn nitrogen && yarn prepare && npm whoami && npm publish --access public"
+  },
+  "keywords": [
+    "react-native",
+    "ios",
+    "android"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/OneKeyHQ/native-views/react-native-chart-webview.git"
+  },
+  "author": "@onekeyfe <huanming@onekey.so> (https://github.com/OneKeyHQ/app-modules)",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/OneKeyHQ/native-views/react-native-chart-webview/issues"
+  },
+  "homepage": "https://github.com/OneKeyHQ/native-views/react-native-chart-webview#readme",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
+  "devDependencies": {
+    "@commitlint/config-conventional": "^19.8.1",
+    "@eslint/compat": "^1.3.2",
+    "@eslint/eslintrc": "^3.3.1",
+    "@eslint/js": "^9.35.0",
+    "@react-native/babel-preset": "0.83.0",
+    "@react-native/eslint-config": "0.83.0",
+    "@release-it/conventional-changelog": "^10.0.1",
+    "@types/jest": "^29.5.14",
+    "@types/react": "^19.2.0",
+    "commitlint": "^19.8.1",
+    "del-cli": "^6.0.0",
+    "eslint": "^9.35.0",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-prettier": "^5.5.4",
+    "jest": "^29.7.0",
+    "lefthook": "^2.0.3",
+    "nitrogen": "0.31.10",
+    "prettier": "^2.8.8",
+    "react": "19.2.0",
+    "react-native": "patch:react-native@npm%3A0.83.0#~/.yarn/patches/react-native-npm-0.83.0-577d0f2d83.patch",
+    "react-native-builder-bob": "^0.40.13",
+    "react-native-nitro-modules": "0.33.2",
+    "release-it": "^19.0.4",
+    "turbo": "^2.5.6",
+    "typescript": "^5.9.2"
+  },
+  "peerDependencies": {
+    "react": "*",
+    "react-native": "*",
+    "react-native-nitro-modules": "0.33.2"
+  },
+  "packageManager": "yarn@4.11.0",
+  "react-native-builder-bob": {
+    "source": "src",
+    "output": "lib",
+    "targets": [
+      [
+        "custom",
+        {
+          "script": "nitrogen",
+          "clean": "nitrogen/"
+        }
+      ],
+      [
+        "module",
+        {
+          "esm": true
+        }
+      ],
+      [
+        "typescript",
+        {
+          "project": "tsconfig.build.json"
+        }
+      ]
+    ]
+  },
+  "prettier": {
+    "quoteProps": "consistent",
+    "singleQuote": true,
+    "tabWidth": 2,
+    "trailingComma": "es5",
+    "useTabs": false
+  },
+  "jest": {
+    "preset": "react-native",
+    "modulePathIgnorePatterns": [
+      "<rootDir>/example/node_modules",
+      "<rootDir>/lib/"
+    ]
+  },
+  "commitlint": {
+    "extends": [
+      "@commitlint/config-conventional"
+    ]
+  },
+  "release-it": {
+    "git": {
+      "commitMessage": "chore: release ${version}",
+      "tagName": "v${version}"
+    },
+    "npm": {
+      "publish": true
+    },
+    "github": {
+      "release": true
+    },
+    "plugins": {
+      "@release-it/conventional-changelog": {
+        "preset": {
+          "name": "angular"
+        }
+      }
+    }
+  },
+  "create-react-native-library": {
+    "type": "nitro-view",
+    "languages": "kotlin-swift",
+    "tools": [
+      "eslint",
+      "jest",
+      "lefthook",
+      "release-it"
+    ],
+    "version": "0.56.0"
+  }
+}

package/src/ChartWebview.nitro.ts

@@ -0,0 +1,59 @@
+import type {
+  HybridView,
+  HybridViewMethods,
+  HybridViewProps,
+} from 'react-native-nitro-modules';
+
+// A dumb WebView host + message pipe. It knows nothing about TradingView: it
+// loads a `source`, injects messages into the page, and surfaces messages from
+// the page. All protocol/data logic lives in the JS business layer.
+export interface ChartWebviewProps extends HybridViewProps {
+  // --- Source (exactly one mode) ---
+  // Remote: load this URL directly.
+  uri?: string;
+  // Offline: serve `localBundle` (a folder bundled in the app) from a virtual
+  // same-origin (iOS onekey-chart:// / Android appassets https) and navigate to
+  // `entry` (default "index.html") with `paramsJson` as the query string.
+  localBundle?: string;
+  entry?: string;
+  // Query params for the entry, as a JSON object string (e.g.
+  // '{"symbol":"BTC","type":"market","theme":"dark"}'). Kept as a string so the
+  // native side stays free of a structured-prop dependency.
+  paramsJson?: string;
+
+  // JS injected into the page at document-start (before any page JS), wiring the
+  // page's outbound channels to the native transport. Single source of truth in
+  // the TS layer (see CHART_BRIDGE_JS); the native side only adds a tiny
+  // platform transport shim. Defaulted by the JS wrapper so it's always present.
+  bridgeScript?: string;
+
+  // --- Singleton ---
+  // Reuse group: same key shares one live WebView (market / perps each one).
+  reuseKey?: string;
+  // Opt into the shared singleton pool. Off -> every view owns its WebView.
+  pooled?: boolean;
+  // Arbitration signal for who holds the shared WebView when multiple hosts
+  // share a key (from useIsFocused). Native attach claims first; this resolves
+  // ambiguity. NOTE: not named `isActive` — an `is`-prefixed boolean prop makes
+  // Kotlin emit `setActive`/`isActive` accessors while Nitro's JNI binding
+  // hardcodes `setIsActive`/`getIsActive`, causing a NoSuchMethodError at runtime.
+  active?: boolean;
+
+  // --- Events ---
+  // page -> JS, raw JSON string (the JS layer parses the $private payload).
+  onMessage?: (message: string) => void;
+  onLoadEnd?: () => void;
+  onError?: (message: string) => void;
+}
+
+export interface ChartWebviewMethods extends HybridViewMethods {
+  // JS -> page: injects `window.postMessage(message)`. `message` is a raw JSON
+  // string built by the JS business layer.
+  postMessage(message: string): void;
+  reload(): void;
+  // Drop the cached frame snapshot used to mask the reparent (move) flash, and
+  // remove any visible overlay. Call to free the bitmap or force a fresh capture.
+  clearSnapshot(): void;
+}
+
+export type ChartWebview = HybridView<ChartWebviewProps, ChartWebviewMethods>;

package/src/bridge.ts

@@ -0,0 +1,27 @@
+// The bridge script injected at document-start into the chart WebView (before any
+// page JS runs). It wires the chart's outbound channels to a single native
+// transport hook, `window.__chartNativePost(payloadString)`, which each platform
+// defines in a tiny shim (Android -> AndroidChartBridge, iOS -> WKScriptMessage).
+//
+// This is the single source of truth shared by iOS and Android — the native
+// layers receive it via the `bridgeScript` prop instead of each hardcoding their
+// own copy (which previously drifted between platforms).
+//
+// Outbound channels wired:
+//   - window.$onekey.$private.request(payload)   (native platform path)
+//   - window.ReactNativeWebView.postMessage(str)
+//   - window 'message' events scoped to `$private`
+export const CHART_BRIDGE_JS = `(function(){
+  if (window.__onekeyChartBridge) return; window.__onekeyChartBridge = true;
+  var fwd = function(m){
+    try { window.__chartNativePost(typeof m === 'string' ? m : JSON.stringify(m)); } catch (e) {}
+  };
+  window.$onekey = window.$onekey || {};
+  window.$onekey.$private = window.$onekey.$private || {};
+  window.$onekey.$private.request = function(m){ fwd(m); };
+  window.ReactNativeWebView = window.ReactNativeWebView || {};
+  window.ReactNativeWebView.postMessage = function(s){ fwd(String(s)); };
+  window.addEventListener('message', function(e){
+    try { var d = e && e.data; if (d && d.scope === '$private') fwd(d); } catch (err) {}
+  });
+})();`;

package/src/index.tsx

@@ -0,0 +1,20 @@
+import { createElement, type ComponentProps } from 'react';
+import { getHostComponent } from 'react-native-nitro-modules';
+const ChartWebviewConfig = require('../nitrogen/generated/shared/json/ChartWebviewConfig.json');
+import type { ChartWebviewMethods, ChartWebviewProps } from './ChartWebview.nitro';
+import { CHART_BRIDGE_JS } from './bridge';
+
+export type { ChartWebviewMethods, ChartWebviewProps } from './ChartWebview.nitro';
+export { CHART_BRIDGE_JS } from './bridge';
+
+const NativeChartWebviewView = getHostComponent<ChartWebviewProps, ChartWebviewMethods>(
+  'ChartWebview',
+  () => ChartWebviewConfig
+);
+
+// Default the document-start bridge script so consumers never have to know about
+// it (and it's never absent — an optional string flipping to null is rejected by
+// the native binding). Callers can still override `bridgeScript` to customize.
+export function ChartWebviewView(props: ComponentProps<typeof NativeChartWebviewView>) {
+  return createElement(NativeChartWebviewView, { bridgeScript: CHART_BRIDGE_JS, ...props });
+}