@luxfi/ui 8.2.6 → 8.2.8

package/dist/site/components/mini-chart/index.cjs

@@ -1,94 +1,11 @@
 'use strict';
 
-var react = require('react');
-var ui = require('@hanzo/ui');
-var jsxRuntime = require('react/jsx-runtime');
+var wrapper_js = require('./wrapper.js');
 
-// src/site/components/mini-chart/mini-chart.tsx
-var MiniChart = ({
-  widgetProps,
-  containerStyles = {}
-}) => {
-  const {
-    symbol,
-    exchange,
-    lineColor,
-    topGradientColor,
-    bottomGradientColor,
-    width,
-    height,
-    autosize,
-    locale,
-    ...rest
-  } = widgetProps;
-  const symbolString = exchange ? `${exchange}:${symbol}` : symbol;
-  const containerRef = react.useRef(null);
-  react.useEffect(() => {
-    if (!containerRef.current) {
-      return;
-    }
-    const script = document.createElement("script");
-    script.type = "text/javascript";
-    script.src = "https://s3.tradingview.com/external-embedding/embed-widget-mini-symbol-overview.js";
-    script.async = true;
-    script.onload = async () => {
-      const iframe = containerRef.current?.querySelector("iframe");
-      if (iframe && iframe instanceof Element) {
-        iframe.style.colorScheme = "normal";
-        setTimeout(() => {
-          document.querySelector("#mini-symbol-overview-ticker");
-        }, 1200);
-      }
-      const copyDiv = document.querySelector(".tradingview-widget-copyright");
-      if (copyDiv) {
-        setTimeout(() => {
-          copyDiv.classList.remove("invisible");
-        }, 1200);
-      }
-    };
-    const config = JSON.stringify({
-      symbol: symbolString,
-      width: autosize ? "100%" : width || 350,
-      height: autosize ? "100%" : height || 220,
-      locale: locale ?? "en",
-      isTransparent: "true",
-      trendLineColor: lineColor || "rgba(41, 98, 255, 1)",
-      underLineColor: topGradientColor || "rgba(41, 98, 255, 0.3)",
-      underLineBottomColor: bottomGradientColor || "rgba(41, 98, 255, 0)",
-      ...rest
-    });
-    script.innerHTML = config;
-    containerRef.current.appendChild(script);
-    return () => {
-      while (containerRef.current?.firstChild) {
-        containerRef.current.removeChild(containerRef.current.firstChild);
-      }
-    };
-  }, [JSON.stringify(widgetProps)]);
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { style: containerStyles, className: "tradingview-widget-container h-[150px]", ref: containerRef }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "tradingview-widget-copyright border-t w-full invisible", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("a", { href: `https://www.tradingview.com/symbols/${symbol}${exchange ? `/?exchange=${exchange}` : ""}`, rel: "noopener", target: "_blank", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { tag: "span", className: "text-[--hz-ui-primary]", children: [
-        symbol,
-        " quotes"
-      ] }) }),
-      "\xA0by TradingView"
-    ] })
-  ] });
-};
-var mini_chart_default = MiniChart;
-var Wrapper = ({
-  symbol,
-  exchange
-}) => /* @__PURE__ */ jsxRuntime.jsx(mini_chart_default, { widgetProps: {
-  symbol,
-  exchange,
-  autosize: true,
-  colorTheme: "dark",
-  lineColor: "rgb(114, 27, 228)",
-  bottomGradientColor: "rgba(255, 255, 255, 0.1)",
-  dateRange: "60M"
-} });
-var wrapper_default = Wrapper;
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
-module.exports = wrapper_default;
+var wrapper_js__default = /*#__PURE__*/_interopDefault(wrapper_js);
+
+
+
+module.exports = wrapper_js__default.default;

package/dist/site/components/mini-chart/index.js

@@ -1,92 +1 @@
-import { useRef, useEffect } from 'react';
-import { Box } from '@hanzo/ui';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-
-// src/site/components/mini-chart/mini-chart.tsx
-var MiniChart = ({
-  widgetProps,
-  containerStyles = {}
-}) => {
-  const {
-    symbol,
-    exchange,
-    lineColor,
-    topGradientColor,
-    bottomGradientColor,
-    width,
-    height,
-    autosize,
-    locale,
-    ...rest
-  } = widgetProps;
-  const symbolString = exchange ? `${exchange}:${symbol}` : symbol;
-  const containerRef = useRef(null);
-  useEffect(() => {
-    if (!containerRef.current) {
-      return;
-    }
-    const script = document.createElement("script");
-    script.type = "text/javascript";
-    script.src = "https://s3.tradingview.com/external-embedding/embed-widget-mini-symbol-overview.js";
-    script.async = true;
-    script.onload = async () => {
-      const iframe = containerRef.current?.querySelector("iframe");
-      if (iframe && iframe instanceof Element) {
-        iframe.style.colorScheme = "normal";
-        setTimeout(() => {
-          document.querySelector("#mini-symbol-overview-ticker");
-        }, 1200);
-      }
-      const copyDiv = document.querySelector(".tradingview-widget-copyright");
-      if (copyDiv) {
-        setTimeout(() => {
-          copyDiv.classList.remove("invisible");
-        }, 1200);
-      }
-    };
-    const config = JSON.stringify({
-      symbol: symbolString,
-      width: autosize ? "100%" : width || 350,
-      height: autosize ? "100%" : height || 220,
-      locale: locale ?? "en",
-      isTransparent: "true",
-      trendLineColor: lineColor || "rgba(41, 98, 255, 1)",
-      underLineColor: topGradientColor || "rgba(41, 98, 255, 0.3)",
-      underLineBottomColor: bottomGradientColor || "rgba(41, 98, 255, 0)",
-      ...rest
-    });
-    script.innerHTML = config;
-    containerRef.current.appendChild(script);
-    return () => {
-      while (containerRef.current?.firstChild) {
-        containerRef.current.removeChild(containerRef.current.firstChild);
-      }
-    };
-  }, [JSON.stringify(widgetProps)]);
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("div", { style: containerStyles, className: "tradingview-widget-container h-[150px]", ref: containerRef }),
-    /* @__PURE__ */ jsxs("div", { className: "tradingview-widget-copyright border-t w-full invisible", children: [
-      /* @__PURE__ */ jsx("a", { href: `https://www.tradingview.com/symbols/${symbol}${exchange ? `/?exchange=${exchange}` : ""}`, rel: "noopener", target: "_blank", children: /* @__PURE__ */ jsxs(Box, { tag: "span", className: "text-[--hz-ui-primary]", children: [
-        symbol,
-        " quotes"
-      ] }) }),
-      "\xA0by TradingView"
-    ] })
-  ] });
-};
-var mini_chart_default = MiniChart;
-var Wrapper = ({
-  symbol,
-  exchange
-}) => /* @__PURE__ */ jsx(mini_chart_default, { widgetProps: {
-  symbol,
-  exchange,
-  autosize: true,
-  colorTheme: "dark",
-  lineColor: "rgb(114, 27, 228)",
-  bottomGradientColor: "rgba(255, 255, 255, 0.1)",
-  dateRange: "60M"
-} });
-var wrapper_default = Wrapper;
-
-export { wrapper_default as default };
+export { default } from './wrapper.js';

package/dist/site/components/mini-chart/mini-chart.cjs

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var react = require('react');

package/dist/site/components/mini-chart/mini-chart.js

@@ -1,3 +1,4 @@
+'use client';
 import { useRef, useEffect } from 'react';
 import { Box } from '@hanzo/ui';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';

package/dist/site/components/mini-chart/wrapper.cjs

@@ -1,86 +1,17 @@
 'use strict';
 
-var react = require('react');
-var ui = require('@hanzo/ui');
+var BaseChart = require('./mini-chart.js');
 var jsxRuntime = require('react/jsx-runtime');
 
-// src/site/components/mini-chart/mini-chart.tsx
-var MiniChart = ({
-  widgetProps,
-  containerStyles = {}
-}) => {
-  const {
-    symbol,
-    exchange,
-    lineColor,
-    topGradientColor,
-    bottomGradientColor,
-    width,
-    height,
-    autosize,
-    locale,
-    ...rest
-  } = widgetProps;
-  const symbolString = exchange ? `${exchange}:${symbol}` : symbol;
-  const containerRef = react.useRef(null);
-  react.useEffect(() => {
-    if (!containerRef.current) {
-      return;
-    }
-    const script = document.createElement("script");
-    script.type = "text/javascript";
-    script.src = "https://s3.tradingview.com/external-embedding/embed-widget-mini-symbol-overview.js";
-    script.async = true;
-    script.onload = async () => {
-      const iframe = containerRef.current?.querySelector("iframe");
-      if (iframe && iframe instanceof Element) {
-        iframe.style.colorScheme = "normal";
-        setTimeout(() => {
-          document.querySelector("#mini-symbol-overview-ticker");
-        }, 1200);
-      }
-      const copyDiv = document.querySelector(".tradingview-widget-copyright");
-      if (copyDiv) {
-        setTimeout(() => {
-          copyDiv.classList.remove("invisible");
-        }, 1200);
-      }
-    };
-    const config = JSON.stringify({
-      symbol: symbolString,
-      width: autosize ? "100%" : width || 350,
-      height: autosize ? "100%" : height || 220,
-      locale: locale ?? "en",
-      isTransparent: "true",
-      trendLineColor: lineColor || "rgba(41, 98, 255, 1)",
-      underLineColor: topGradientColor || "rgba(41, 98, 255, 0.3)",
-      underLineBottomColor: bottomGradientColor || "rgba(41, 98, 255, 0)",
-      ...rest
-    });
-    script.innerHTML = config;
-    containerRef.current.appendChild(script);
-    return () => {
-      while (containerRef.current?.firstChild) {
-        containerRef.current.removeChild(containerRef.current.firstChild);
-      }
-    };
-  }, [JSON.stringify(widgetProps)]);
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { style: containerStyles, className: "tradingview-widget-container h-[150px]", ref: containerRef }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "tradingview-widget-copyright border-t w-full invisible", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("a", { href: `https://www.tradingview.com/symbols/${symbol}${exchange ? `/?exchange=${exchange}` : ""}`, rel: "noopener", target: "_blank", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { tag: "span", className: "text-[--hz-ui-primary]", children: [
-        symbol,
-        " quotes"
-      ] }) }),
-      "\xA0by TradingView"
-    ] })
-  ] });
-};
-var mini_chart_default = MiniChart;
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var BaseChart__default = /*#__PURE__*/_interopDefault(BaseChart);
+
+// src/site/components/mini-chart/wrapper.tsx
 var Wrapper = ({
   symbol,
   exchange
-}) => /* @__PURE__ */ jsxRuntime.jsx(mini_chart_default, { widgetProps: {
+}) => /* @__PURE__ */ jsxRuntime.jsx(BaseChart__default.default, { widgetProps: {
   symbol,
   exchange,
   autosize: true,

package/dist/site/components/mini-chart/wrapper.js

@@ -1,84 +1,11 @@
-import { useRef, useEffect } from 'react';
-import { Box } from '@hanzo/ui';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import BaseChart from './mini-chart.js';
+import { jsx } from 'react/jsx-runtime';
 
-// src/site/components/mini-chart/mini-chart.tsx
-var MiniChart = ({
-  widgetProps,
-  containerStyles = {}
-}) => {
-  const {
-    symbol,
-    exchange,
-    lineColor,
-    topGradientColor,
-    bottomGradientColor,
-    width,
-    height,
-    autosize,
-    locale,
-    ...rest
-  } = widgetProps;
-  const symbolString = exchange ? `${exchange}:${symbol}` : symbol;
-  const containerRef = useRef(null);
-  useEffect(() => {
-    if (!containerRef.current) {
-      return;
-    }
-    const script = document.createElement("script");
-    script.type = "text/javascript";
-    script.src = "https://s3.tradingview.com/external-embedding/embed-widget-mini-symbol-overview.js";
-    script.async = true;
-    script.onload = async () => {
-      const iframe = containerRef.current?.querySelector("iframe");
-      if (iframe && iframe instanceof Element) {
-        iframe.style.colorScheme = "normal";
-        setTimeout(() => {
-          document.querySelector("#mini-symbol-overview-ticker");
-        }, 1200);
-      }
-      const copyDiv = document.querySelector(".tradingview-widget-copyright");
-      if (copyDiv) {
-        setTimeout(() => {
-          copyDiv.classList.remove("invisible");
-        }, 1200);
-      }
-    };
-    const config = JSON.stringify({
-      symbol: symbolString,
-      width: autosize ? "100%" : width || 350,
-      height: autosize ? "100%" : height || 220,
-      locale: locale ?? "en",
-      isTransparent: "true",
-      trendLineColor: lineColor || "rgba(41, 98, 255, 1)",
-      underLineColor: topGradientColor || "rgba(41, 98, 255, 0.3)",
-      underLineBottomColor: bottomGradientColor || "rgba(41, 98, 255, 0)",
-      ...rest
-    });
-    script.innerHTML = config;
-    containerRef.current.appendChild(script);
-    return () => {
-      while (containerRef.current?.firstChild) {
-        containerRef.current.removeChild(containerRef.current.firstChild);
-      }
-    };
-  }, [JSON.stringify(widgetProps)]);
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("div", { style: containerStyles, className: "tradingview-widget-container h-[150px]", ref: containerRef }),
-    /* @__PURE__ */ jsxs("div", { className: "tradingview-widget-copyright border-t w-full invisible", children: [
-      /* @__PURE__ */ jsx("a", { href: `https://www.tradingview.com/symbols/${symbol}${exchange ? `/?exchange=${exchange}` : ""}`, rel: "noopener", target: "_blank", children: /* @__PURE__ */ jsxs(Box, { tag: "span", className: "text-[--hz-ui-primary]", children: [
-        symbol,
-        " quotes"
-      ] }) }),
-      "\xA0by TradingView"
-    ] })
-  ] });
-};
-var mini_chart_default = MiniChart;
+// src/site/components/mini-chart/wrapper.tsx
 var Wrapper = ({
   symbol,
   exchange
-}) => /* @__PURE__ */ jsx(mini_chart_default, { widgetProps: {
+}) => /* @__PURE__ */ jsx(BaseChart, { widgetProps: {
   symbol,
   exchange,
   autosize: true,