@onekeyfe/react-native-perp-depth-bar 3.0.39

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

@@ -0,0 +1,171 @@
+///
+/// HybridPerpSideRatioComponent.cpp
+/// This file was generated by nitrogen. DO NOT MODIFY THIS FILE.
+/// https://github.com/mrousavy/nitro
+/// Copyright © 2026 Marc Rousavy @ Margelo
+///
+
+#include "HybridPerpSideRatioComponent.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::perpdepthbar::views {
+
+  extern const char HybridPerpSideRatioComponentName[] = "PerpSideRatio";
+
+  HybridPerpSideRatioProps::HybridPerpSideRatioProps(const react::PropsParserContext& context,
+                                                     const HybridPerpSideRatioProps& sourceProps,
+                                                     const react::RawProps& rawProps):
+    react::ViewProps(context, sourceProps, rawProps, filterObjectKeys),
+    bidPercentage([&]() -> CachedProp<double> {
+      try {
+        const react::RawValue* rawValue = rawProps.at("bidPercentage", nullptr, nullptr);
+        if (rawValue == nullptr) return sourceProps.bidPercentage;
+        const auto& [runtime, value] = (std::pair<jsi::Runtime*, jsi::Value>)*rawValue;
+        return CachedProp<double>::fromRawValue(*runtime, value, sourceProps.bidPercentage);
+      } catch (const std::exception& exc) {
+        throw std::runtime_error(std::string("PerpSideRatio.bidPercentage: ") + exc.what());
+      }
+    }()),
+    askPercentage([&]() -> CachedProp<double> {
+      try {
+        const react::RawValue* rawValue = rawProps.at("askPercentage", nullptr, nullptr);
+        if (rawValue == nullptr) return sourceProps.askPercentage;
+        const auto& [runtime, value] = (std::pair<jsi::Runtime*, jsi::Value>)*rawValue;
+        return CachedProp<double>::fromRawValue(*runtime, value, sourceProps.askPercentage);
+      } catch (const std::exception& exc) {
+        throw std::runtime_error(std::string("PerpSideRatio.askPercentage: ") + exc.what());
+      }
+    }()),
+    longColor([&]() -> CachedProp<std::string> {
+      try {
+        const react::RawValue* rawValue = rawProps.at("longColor", nullptr, nullptr);
+        if (rawValue == nullptr) return sourceProps.longColor;
+        const auto& [runtime, value] = (std::pair<jsi::Runtime*, jsi::Value>)*rawValue;
+        return CachedProp<std::string>::fromRawValue(*runtime, value, sourceProps.longColor);
+      } catch (const std::exception& exc) {
+        throw std::runtime_error(std::string("PerpSideRatio.longColor: ") + exc.what());
+      }
+    }()),
+    shortColor([&]() -> CachedProp<std::string> {
+      try {
+        const react::RawValue* rawValue = rawProps.at("shortColor", nullptr, nullptr);
+        if (rawValue == nullptr) return sourceProps.shortColor;
+        const auto& [runtime, value] = (std::pair<jsi::Runtime*, jsi::Value>)*rawValue;
+        return CachedProp<std::string>::fromRawValue(*runtime, value, sourceProps.shortColor);
+      } catch (const std::exception& exc) {
+        throw std::runtime_error(std::string("PerpSideRatio.shortColor: ") + exc.what());
+      }
+    }()),
+    segmentHeight([&]() -> CachedProp<double> {
+      try {
+        const react::RawValue* rawValue = rawProps.at("segmentHeight", nullptr, nullptr);
+        if (rawValue == nullptr) return sourceProps.segmentHeight;
+        const auto& [runtime, value] = (std::pair<jsi::Runtime*, jsi::Value>)*rawValue;
+        return CachedProp<double>::fromRawValue(*runtime, value, sourceProps.segmentHeight);
+      } catch (const std::exception& exc) {
+        throw std::runtime_error(std::string("PerpSideRatio.segmentHeight: ") + exc.what());
+      }
+    }()),
+    cornerRadius([&]() -> CachedProp<double> {
+      try {
+        const react::RawValue* rawValue = rawProps.at("cornerRadius", nullptr, nullptr);
+        if (rawValue == nullptr) return sourceProps.cornerRadius;
+        const auto& [runtime, value] = (std::pair<jsi::Runtime*, jsi::Value>)*rawValue;
+        return CachedProp<double>::fromRawValue(*runtime, value, sourceProps.cornerRadius);
+      } catch (const std::exception& exc) {
+        throw std::runtime_error(std::string("PerpSideRatio.cornerRadius: ") + exc.what());
+      }
+    }()),
+    gap([&]() -> CachedProp<double> {
+      try {
+        const react::RawValue* rawValue = rawProps.at("gap", nullptr, nullptr);
+        if (rawValue == nullptr) return sourceProps.gap;
+        const auto& [runtime, value] = (std::pair<jsi::Runtime*, jsi::Value>)*rawValue;
+        return CachedProp<double>::fromRawValue(*runtime, value, sourceProps.gap);
+      } catch (const std::exception& exc) {
+        throw std::runtime_error(std::string("PerpSideRatio.gap: ") + exc.what());
+      }
+    }()),
+    reducedMotion([&]() -> CachedProp<bool> {
+      try {
+        const react::RawValue* rawValue = rawProps.at("reducedMotion", nullptr, nullptr);
+        if (rawValue == nullptr) return sourceProps.reducedMotion;
+        const auto& [runtime, value] = (std::pair<jsi::Runtime*, jsi::Value>)*rawValue;
+        return CachedProp<bool>::fromRawValue(*runtime, value, sourceProps.reducedMotion);
+      } catch (const std::exception& exc) {
+        throw std::runtime_error(std::string("PerpSideRatio.reducedMotion: ") + exc.what());
+      }
+    }()),
+    hybridRef([&]() -> CachedProp<std::optional<std::function<void(const std::shared_ptr<HybridPerpSideRatioSpec>& /* 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<HybridPerpSideRatioSpec>& /* ref */)>>>::fromRawValue(*runtime, value.asObject(*runtime).getProperty(*runtime, "f"), sourceProps.hybridRef);
+      } catch (const std::exception& exc) {
+        throw std::runtime_error(std::string("PerpSideRatio.hybridRef: ") + exc.what());
+      }
+    }()) { }
+
+  HybridPerpSideRatioProps::HybridPerpSideRatioProps(const HybridPerpSideRatioProps& other):
+    react::ViewProps(),
+    bidPercentage(other.bidPercentage),
+    askPercentage(other.askPercentage),
+    longColor(other.longColor),
+    shortColor(other.shortColor),
+    segmentHeight(other.segmentHeight),
+    cornerRadius(other.cornerRadius),
+    gap(other.gap),
+    reducedMotion(other.reducedMotion),
+    hybridRef(other.hybridRef) { }
+
+  bool HybridPerpSideRatioProps::filterObjectKeys(const std::string& propName) {
+    switch (hashString(propName)) {
+      case hashString("bidPercentage"): return true;
+      case hashString("askPercentage"): return true;
+      case hashString("longColor"): return true;
+      case hashString("shortColor"): return true;
+      case hashString("segmentHeight"): return true;
+      case hashString("cornerRadius"): return true;
+      case hashString("gap"): return true;
+      case hashString("reducedMotion"): return true;
+      case hashString("hybridRef"): return true;
+      default: return false;
+    }
+  }
+
+  HybridPerpSideRatioComponentDescriptor::HybridPerpSideRatioComponentDescriptor(const react::ComponentDescriptorParameters& parameters)
+    : ConcreteComponentDescriptor(parameters,
+                                  react::RawPropsParser(/* enableJsiParser */ true)) {}
+
+  std::shared_ptr<const react::Props> HybridPerpSideRatioComponentDescriptor::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 HybridPerpSideRatioShadowNode::Props(context, /* & */ rawProps, props);
+  }
+
+#ifdef ANDROID
+  void HybridPerpSideRatioComponentDescriptor::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<HybridPerpSideRatioShadowNode&>(shadowNode);
+    const HybridPerpSideRatioProps& props = concreteShadowNode.getConcreteProps();
+    HybridPerpSideRatioState state;
+    state.setProps(props);
+    concreteShadowNode.setStateData(std::move(state));
+  }
+#endif
+
+} // namespace margelo::nitro::perpdepthbar::views

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

@@ -0,0 +1,115 @@
+///
+/// HybridPerpSideRatioComponent.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 <memory>
+#include "HybridPerpSideRatioSpec.hpp"
+#include <functional>
+#include <optional>
+
+namespace margelo::nitro::perpdepthbar::views {
+
+  using namespace facebook;
+
+  /**
+   * The name of the actual native View.
+   */
+  extern const char HybridPerpSideRatioComponentName[];
+
+  /**
+   * Props for the "PerpSideRatio" View.
+   */
+  class HybridPerpSideRatioProps final: public react::ViewProps {
+  public:
+    HybridPerpSideRatioProps() = default;
+    HybridPerpSideRatioProps(const HybridPerpSideRatioProps&);
+    HybridPerpSideRatioProps(const react::PropsParserContext& context,
+                             const HybridPerpSideRatioProps& sourceProps,
+                             const react::RawProps& rawProps);
+
+  public:
+    CachedProp<double> bidPercentage;
+    CachedProp<double> askPercentage;
+    CachedProp<std::string> longColor;
+    CachedProp<std::string> shortColor;
+    CachedProp<double> segmentHeight;
+    CachedProp<double> cornerRadius;
+    CachedProp<double> gap;
+    CachedProp<bool> reducedMotion;
+    CachedProp<std::optional<std::function<void(const std::shared_ptr<HybridPerpSideRatioSpec>& /* ref */)>>> hybridRef;
+
+  private:
+    static bool filterObjectKeys(const std::string& propName);
+  };
+
+  /**
+   * State for the "PerpSideRatio" View.
+   */
+  class HybridPerpSideRatioState final {
+  public:
+    HybridPerpSideRatioState() = default;
+
+  public:
+    void setProps(const HybridPerpSideRatioProps& props) { _props.emplace(props); }
+    const std::optional<HybridPerpSideRatioProps>& getProps() const { return _props; }
+
+  public:
+#ifdef ANDROID
+  HybridPerpSideRatioState(const HybridPerpSideRatioState& /* previousState */, folly::dynamic /* data */) {}
+  folly::dynamic getDynamic() const {
+    throw std::runtime_error("HybridPerpSideRatioState does not support folly!");
+  }
+  react::MapBuffer getMapBuffer() const {
+    throw std::runtime_error("HybridPerpSideRatioState does not support MapBuffer!");
+  };
+#endif
+
+  private:
+    std::optional<HybridPerpSideRatioProps> _props;
+  };
+
+  /**
+   * The Shadow Node for the "PerpSideRatio" View.
+   */
+  using HybridPerpSideRatioShadowNode = react::ConcreteViewShadowNode<HybridPerpSideRatioComponentName /* "HybridPerpSideRatio" */,
+                                                                      HybridPerpSideRatioProps /* custom props */,
+                                                                      react::ViewEventEmitter /* default */,
+                                                                      HybridPerpSideRatioState /* custom state */>;
+
+  /**
+   * The Component Descriptor for the "PerpSideRatio" View.
+   */
+  class HybridPerpSideRatioComponentDescriptor final: public react::ConcreteComponentDescriptor<HybridPerpSideRatioShadowNode> {
+  public:
+    HybridPerpSideRatioComponentDescriptor(const react::ComponentDescriptorParameters& parameters);
+
+  public:
+    /**
+     * A faster path for cloning props - reuses the caching logic from `HybridPerpSideRatioProps`.
+     */
+    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 "PerpSideRatio" needs to be implemented in platform-specific code. */
+
+} // namespace margelo::nitro::perpdepthbar::views

package/nitrogen/generated/shared/json/PerpDepthBarsConfig.json

@@ -0,0 +1,17 @@
+{
+  "uiViewClassName": "PerpDepthBars",
+  "supportsRawText": false,
+  "bubblingEventTypes": {},
+  "directEventTypes": {},
+  "validAttributes": {
+    "percents": true,
+    "rowHeight": true,
+    "rowMarginTop": true,
+    "barInset": true,
+    "color": true,
+    "origin": true,
+    "reducedMotion": true,
+    "epoch": true,
+    "hybridRef": true
+  }
+}

package/nitrogen/generated/shared/json/PerpSideRatioConfig.json

@@ -0,0 +1,17 @@
+{
+  "uiViewClassName": "PerpSideRatio",
+  "supportsRawText": false,
+  "bubblingEventTypes": {},
+  "directEventTypes": {},
+  "validAttributes": {
+    "bidPercentage": true,
+    "askPercentage": true,
+    "longColor": true,
+    "shortColor": true,
+    "segmentHeight": true,
+    "cornerRadius": true,
+    "gap": true,
+    "reducedMotion": true,
+    "hybridRef": true
+  }
+}

package/package.json

@@ -0,0 +1,170 @@
+{
+  "name": "@onekeyfe/react-native-perp-depth-bar",
+  "version": "3.0.39",
+  "description": "react-native-perp-depth-bar",
+  "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-perp-depth-bar.git"
+  },
+  "author": "@onekeyfe <huanming@onekey.so> (https://github.com/OneKeyHQ/app-modules)",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/OneKeyHQ/native-views/react-native-perp-depth-bar/issues"
+  },
+  "homepage": "https://github.com/OneKeyHQ/native-views/react-native-perp-depth-bar#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/PerpDepthBars.nitro.ts

@@ -0,0 +1,42 @@
+import type {
+  HybridView,
+  HybridViewMethods,
+  HybridViewProps,
+} from 'react-native-nitro-modules';
+
+/**
+ * One native view renders an ENTIRE column of order-book depth bars for a
+ * single side (asks or bids). It replaces N reanimated `DepthBar` rows with a
+ * single native view that owns N CALayer/onDraw rects and animates each row's
+ * horizontal fill on the native UI thread.
+ *
+ * Layout contract (must mirror the RN text layer for pixel alignment):
+ *   row i top  = rowMarginTop + i * (rowHeight + rowMarginTop)
+ *   bar rect   = inset vertically by `barInset` inside each row
+ * All values are in points (DIP); the native side quantizes to physical pixels.
+ */
+export interface PerpDepthBarsProps extends HybridViewProps {
+  /** Depth percentage per row, 0..100. Length == number of rows on this side. */
+  percents: number[];
+  /** Row height in points (matches the sibling RN text row height). */
+  rowHeight: number;
+  /** Inter-row gap in points (RN `marginTop`; applied to every row incl. first). */
+  rowMarginTop: number;
+  /** Vertical inset of the bar inside its row in points (RN `rowHeight - gap`). */
+  barInset: number;
+  /** Resolved fill color: hex (#rgb/#rrggbb/#rrggbbaa) or rgba()/rgb(). */
+  color: string;
+  /** Fill anchor / growth direction: 'left' or 'right'. */
+  origin: string;
+  /** When true, skip animations (accessibility reduce-motion). */
+  reducedMotion: boolean;
+  /**
+   * Monotonic token. Bump from JS on coin switch / tick-size change /
+   * empty<->full so native snaps to the new values WITHOUT animating.
+   */
+  epoch: number;
+}
+
+export interface PerpDepthBarsMethods extends HybridViewMethods {}
+
+export type PerpDepthBars = HybridView<PerpDepthBarsProps, PerpDepthBarsMethods>;

package/src/PerpSideRatio.nitro.ts

@@ -0,0 +1,34 @@
+import type {
+  HybridView,
+  HybridViewMethods,
+  HybridViewProps,
+} from 'react-native-nitro-modules';
+
+/**
+ * Native replacement for `SideRatioSegments`: two horizontal segments whose
+ * widths animate to the bid/ask ratio. Outer corners are rounded; a `gap`
+ * separates the two segments. Standalone track (not overlaid on text), so
+ * alignment risk is low.
+ */
+export interface PerpSideRatioProps extends HybridViewProps {
+  /** Bid (long) share, 0..100. */
+  bidPercentage: number;
+  /** Ask (short) share, 0..100. */
+  askPercentage: number;
+  /** Resolved long (bid) color. */
+  longColor: string;
+  /** Resolved short (ask) color. */
+  shortColor: string;
+  /** Track/segment height in points. */
+  segmentHeight: number;
+  /** Outer corner radius in points. */
+  cornerRadius: number;
+  /** Gap between the two segments in points. */
+  gap: number;
+  /** When true, skip animations (accessibility reduce-motion). */
+  reducedMotion: boolean;
+}
+
+export interface PerpSideRatioMethods extends HybridViewMethods {}
+
+export type PerpSideRatio = HybridView<PerpSideRatioProps, PerpSideRatioMethods>;

package/src/index.tsx

@@ -0,0 +1,30 @@
+import { getHostComponent } from 'react-native-nitro-modules';
+
+import type {
+  PerpDepthBarsMethods,
+  PerpDepthBarsProps,
+} from './PerpDepthBars.nitro';
+import type {
+  PerpSideRatioMethods,
+  PerpSideRatioProps,
+} from './PerpSideRatio.nitro';
+
+const PerpDepthBarsConfig = require('../nitrogen/generated/shared/json/PerpDepthBarsConfig.json');
+const PerpSideRatioConfig = require('../nitrogen/generated/shared/json/PerpSideRatioConfig.json');
+
+export type {
+  PerpDepthBarsMethods,
+  PerpDepthBarsProps,
+  PerpSideRatioMethods,
+  PerpSideRatioProps,
+};
+
+export const PerpDepthBarsView = getHostComponent<
+  PerpDepthBarsProps,
+  PerpDepthBarsMethods
+>('PerpDepthBars', () => PerpDepthBarsConfig);
+
+export const PerpSideRatioView = getHostComponent<
+  PerpSideRatioProps,
+  PerpSideRatioMethods
+>('PerpSideRatio', () => PerpSideRatioConfig);