@hanzo/ui 8.27.8 → 8.27.10

package/dist/backends/gui/crypto-market.cjs

@@ -0,0 +1,128 @@
+'use client';"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MarketOverview = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * MarketOverview — a TradingView multi-tab market table, in a gui frame.
+ *
+ * The rows are TradingView's, drawn inside TradingView's own document, so the
+ * table is an `<iframe>` and nothing here draws a pixel of it. What this owns
+ * is the frame around it and the settings the table opens with — which tabs,
+ * which symbols fill each one, the date range, the theme — written into the
+ * iframe's address the way TradingView's own embed script writes them:
+ * `/embed-widget/market-overview/?locale=…#<settings as JSON>`. Nothing is
+ * fetched or injected at mount, so the markup is the same on the server and in
+ * the browser, and the frame has its height before the table arrives.
+ *
+ * A tab is named by one of the built-in symbol groups (`crypto`, `indices`,
+ * `futures`, `bonds`, `forex`) or spelled out in full as a `{ title, symbols }`
+ * pair, so a caller reaches for `tabs={['crypto']}` most of the time and for a
+ * custom group only when the built-ins don't cover it.
+ *
+ * The iframe is keyed on that address. A browser treats a `src` that differs
+ * only in its fragment as a same-document navigation and does not reload, so
+ * without the key a changed `tabs` would leave the old table on screen.
+ */
+const gui_1 = require("@hanzo/gui");
+const slot_1 = require("./slot.cjs");
+const PRESETS = {
+    crypto: {
+        title: 'Crypto',
+        symbols: [
+            { s: 'BINANCE:BTCUSDT', d: 'Bitcoin' },
+            { s: 'BINANCE:ETHUSDT', d: 'Ethereum' },
+            { s: 'BINANCE:SOLUSDT', d: 'Solana' },
+            { s: 'BINANCE:BNBUSDT', d: 'BNB' },
+            { s: 'BINANCE:XRPUSDT', d: 'XRP' },
+            { s: 'BINANCE:ADAUSDT', d: 'Cardano' },
+        ],
+    },
+    indices: {
+        title: 'Indices',
+        symbols: [
+            { s: 'FOREXCOM:SPXUSD', d: 'S&P 500 Index' },
+            { s: 'FOREXCOM:NSXUSD', d: 'US 100 Cash CFD' },
+            { s: 'FOREXCOM:DJI', d: 'Dow Jones Industrial Average Index' },
+            { s: 'INDEX:NKY', d: 'Japan 225' },
+            { s: 'INDEX:DEU40', d: 'DAX Index' },
+            { s: 'FOREXCOM:UKXGBP', d: 'FTSE 100 Index' },
+        ],
+    },
+    futures: {
+        title: 'Futures',
+        symbols: [
+            { s: 'BMFBOVESPA:ISP1!', d: 'S&P 500' },
+            { s: 'BMFBOVESPA:EUR1!', d: 'Euro' },
+            { s: 'CMCMARKETS:GOLD', d: 'Gold' },
+            { s: 'PYTH:WTI3!', d: 'WTI Crude Oil' },
+            { s: 'BMFBOVESPA:CCM1!', d: 'Corn' },
+        ],
+    },
+    bonds: {
+        title: 'Bonds',
+        symbols: [
+            { s: 'EUREX:FGBL1!', d: 'Euro Bund' },
+            { s: 'EUREX:FBTP1!', d: 'Euro BTP' },
+            { s: 'EUREX:FGBM1!', d: 'Euro BOBL' },
+        ],
+    },
+    forex: {
+        title: 'Forex',
+        symbols: [
+            { s: 'FX:EURUSD', d: 'EUR to USD' },
+            { s: 'FX:GBPUSD', d: 'GBP to USD' },
+            { s: 'FX:USDJPY', d: 'USD to JPY' },
+            { s: 'FX:USDCHF', d: 'USD to CHF' },
+            { s: 'FX:AUDUSD', d: 'AUD to USD' },
+            { s: 'FX:USDCAD', d: 'USD to CAD' },
+        ],
+    },
+};
+const resolveTab = (tab) => typeof tab === 'string' ? PRESETS[tab] : tab;
+const EMBED = 'https://www.tradingview-widget.com/embed-widget/market-overview/?locale=';
+/** The settings TradingView reads, with the documented defaults filled in. */
+const settings = ({ tabs = ['crypto'], colorTheme = 'dark', dateRange = '12M', locale = 'en', isTransparent = false, showFloatingTooltip = false, showSymbolLogo = true, showChart = true, width = '100%', height = 550, }) => ({
+    colorTheme,
+    dateRange,
+    locale,
+    isTransparent,
+    showFloatingTooltip,
+    plotLineColorGrowing: 'rgba(41, 98, 255, 1)',
+    plotLineColorFalling: 'rgba(41, 98, 255, 1)',
+    gridLineColor: 'rgba(240, 243, 250, 0)',
+    scaleFontColor: colorTheme === 'dark' ? '#DBDBDB' : '#333333',
+    belowLineFillColorGrowing: 'rgba(41, 98, 255, 0.12)',
+    belowLineFillColorFalling: 'rgba(41, 98, 255, 0.12)',
+    belowLineFillColorGrowingBottom: 'rgba(41, 98, 255, 0)',
+    belowLineFillColorFallingBottom: 'rgba(41, 98, 255, 0)',
+    symbolActiveColor: 'rgba(41, 98, 255, 0.12)',
+    tabs: tabs.map(resolveTab),
+    support_host: 'https://www.tradingview.com',
+    backgroundColor: colorTheme === 'dark' ? '#0f0f0f' : '#ffffff',
+    width,
+    height,
+    showSymbolLogo,
+    showChart,
+});
+const MarketOverview = ({ tabs, colorTheme, dateRange, locale, isTransparent, showFloatingTooltip, showSymbolLogo, showChart, width, height, ...props }) => {
+    const s = settings({
+        tabs,
+        colorTheme,
+        dateRange,
+        locale,
+        isTransparent,
+        showFloatingTooltip,
+        showSymbolLogo,
+        showChart,
+        width,
+        height,
+    });
+    const src = `${EMBED}${s.locale}#${encodeURIComponent(JSON.stringify(s))}`;
+    const titles = s.tabs.map((t) => t.title).join(', ');
+    return ((0, jsx_runtime_1.jsx)(gui_1.YStack, { ...(0, slot_1.slot)('market-overview'), "data-tabs": s.tabs.map((t) => t.title).join(','), "data-color-theme": s.colorTheme, 
+        // The documented size is TradingView's — a number or a percent string —
+        // and gui declares a narrower one; on web both reach CSS as written.
+        width: s.width, height: s.height, overflow: "hidden", position: "relative", bg: "$panel", ...props, children: gui_1.isWeb && ((0, jsx_runtime_1.jsx)("iframe", { src: src, title: `${titles} market overview`, loading: "lazy", scrolling: "no", style: { display: 'block', width: '100%', height: '100%', border: 0 } }, src)) }));
+};
+exports.MarketOverview = MarketOverview;

package/dist/backends/gui/crypto-market.d.ts

@@ -0,0 +1,52 @@
+/**
+ * MarketOverview — a TradingView multi-tab market table, in a gui frame.
+ *
+ * The rows are TradingView's, drawn inside TradingView's own document, so the
+ * table is an `<iframe>` and nothing here draws a pixel of it. What this owns
+ * is the frame around it and the settings the table opens with — which tabs,
+ * which symbols fill each one, the date range, the theme — written into the
+ * iframe's address the way TradingView's own embed script writes them:
+ * `/embed-widget/market-overview/?locale=…#<settings as JSON>`. Nothing is
+ * fetched or injected at mount, so the markup is the same on the server and in
+ * the browser, and the frame has its height before the table arrives.
+ *
+ * A tab is named by one of the built-in symbol groups (`crypto`, `indices`,
+ * `futures`, `bonds`, `forex`) or spelled out in full as a `{ title, symbols }`
+ * pair, so a caller reaches for `tabs={['crypto']}` most of the time and for a
+ * custom group only when the built-ins don't cover it.
+ *
+ * The iframe is keyed on that address. A browser treats a `src` that differs
+ * only in its fragment as a same-document navigation and does not reload, so
+ * without the key a changed `tabs` would leave the old table on screen.
+ */
+import { type YStackProps } from '@hanzo/gui';
+export interface MarketOverviewSymbol {
+    /** Exchange-qualified ticker, e.g. `BINANCE:BTCUSDT`. */
+    s: string;
+    /** The label shown in the row. */
+    d: string;
+}
+export interface MarketOverviewTab {
+    title: string;
+    symbols: MarketOverviewSymbol[];
+}
+export type MarketOverviewPreset = 'crypto' | 'indices' | 'futures' | 'bonds' | 'forex';
+export type MarketOverviewTheme = 'light' | 'dark';
+export interface MarketOverviewProps extends Omit<YStackProps, 'width' | 'height' | 'theme'> {
+    /** Which tabs the table opens with, a preset name or a spelled-out group. */
+    tabs?: (MarketOverviewPreset | MarketOverviewTab)[];
+    /** The table's own palette; independent of the surrounding gui theme. */
+    colorTheme?: MarketOverviewTheme;
+    /** How far back the sparkline in each row reaches. */
+    dateRange?: string;
+    locale?: string;
+    isTransparent?: boolean;
+    showFloatingTooltip?: boolean;
+    showSymbolLogo?: boolean;
+    showChart?: boolean;
+    width?: string | number;
+    height?: string | number;
+}
+declare const MarketOverview: ({ tabs, colorTheme, dateRange, locale, isTransparent, showFloatingTooltip, showSymbolLogo, showChart, width, height, ...props }: MarketOverviewProps) => import("react").JSX.Element;
+export { MarketOverview };
+//# sourceMappingURL=crypto-market.d.ts.map

package/dist/backends/gui/crypto-market.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"crypto-market.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/crypto-market.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,OAAO,EAAiB,KAAK,WAAW,EAAE,MAAM,YAAY,CAAA;AAG5D,MAAM,WAAW,oBAAoB;IACnC,yDAAyD;IACzD,CAAC,EAAE,MAAM,CAAA;IACT,kCAAkC;IAClC,CAAC,EAAE,MAAM,CAAA;CACV;AAED,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,oBAAoB,EAAE,CAAA;CAChC;AAED,MAAM,MAAM,oBAAoB,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,CAAA;AAEvF,MAAM,MAAM,mBAAmB,GAAG,OAAO,GAAG,MAAM,CAAA;AA2DlD,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,WAAW,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IAC1F,6EAA6E;IAC7E,IAAI,CAAC,EAAE,CAAC,oBAAoB,GAAG,iBAAiB,CAAC,EAAE,CAAA;IACnD,yEAAyE;IACzE,UAAU,CAAC,EAAE,mBAAmB,CAAA;IAChC,sDAAsD;IACtD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACzB;AAwCD,QAAA,MAAM,cAAc,oIAYjB,mBAAmB,gCAyCrB,CAAA;AAED,OAAO,EAAE,cAAc,EAAE,CAAA"}

package/dist/backends/gui/crypto-market.js

@@ -0,0 +1,126 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * MarketOverview — a TradingView multi-tab market table, in a gui frame.
+ *
+ * The rows are TradingView's, drawn inside TradingView's own document, so the
+ * table is an `<iframe>` and nothing here draws a pixel of it. What this owns
+ * is the frame around it and the settings the table opens with — which tabs,
+ * which symbols fill each one, the date range, the theme — written into the
+ * iframe's address the way TradingView's own embed script writes them:
+ * `/embed-widget/market-overview/?locale=…#<settings as JSON>`. Nothing is
+ * fetched or injected at mount, so the markup is the same on the server and in
+ * the browser, and the frame has its height before the table arrives.
+ *
+ * A tab is named by one of the built-in symbol groups (`crypto`, `indices`,
+ * `futures`, `bonds`, `forex`) or spelled out in full as a `{ title, symbols }`
+ * pair, so a caller reaches for `tabs={['crypto']}` most of the time and for a
+ * custom group only when the built-ins don't cover it.
+ *
+ * The iframe is keyed on that address. A browser treats a `src` that differs
+ * only in its fragment as a same-document navigation and does not reload, so
+ * without the key a changed `tabs` would leave the old table on screen.
+ */
+import { YStack, isWeb } from '@hanzo/gui';
+import { slot } from './slot.js';
+const PRESETS = {
+    crypto: {
+        title: 'Crypto',
+        symbols: [
+            { s: 'BINANCE:BTCUSDT', d: 'Bitcoin' },
+            { s: 'BINANCE:ETHUSDT', d: 'Ethereum' },
+            { s: 'BINANCE:SOLUSDT', d: 'Solana' },
+            { s: 'BINANCE:BNBUSDT', d: 'BNB' },
+            { s: 'BINANCE:XRPUSDT', d: 'XRP' },
+            { s: 'BINANCE:ADAUSDT', d: 'Cardano' },
+        ],
+    },
+    indices: {
+        title: 'Indices',
+        symbols: [
+            { s: 'FOREXCOM:SPXUSD', d: 'S&P 500 Index' },
+            { s: 'FOREXCOM:NSXUSD', d: 'US 100 Cash CFD' },
+            { s: 'FOREXCOM:DJI', d: 'Dow Jones Industrial Average Index' },
+            { s: 'INDEX:NKY', d: 'Japan 225' },
+            { s: 'INDEX:DEU40', d: 'DAX Index' },
+            { s: 'FOREXCOM:UKXGBP', d: 'FTSE 100 Index' },
+        ],
+    },
+    futures: {
+        title: 'Futures',
+        symbols: [
+            { s: 'BMFBOVESPA:ISP1!', d: 'S&P 500' },
+            { s: 'BMFBOVESPA:EUR1!', d: 'Euro' },
+            { s: 'CMCMARKETS:GOLD', d: 'Gold' },
+            { s: 'PYTH:WTI3!', d: 'WTI Crude Oil' },
+            { s: 'BMFBOVESPA:CCM1!', d: 'Corn' },
+        ],
+    },
+    bonds: {
+        title: 'Bonds',
+        symbols: [
+            { s: 'EUREX:FGBL1!', d: 'Euro Bund' },
+            { s: 'EUREX:FBTP1!', d: 'Euro BTP' },
+            { s: 'EUREX:FGBM1!', d: 'Euro BOBL' },
+        ],
+    },
+    forex: {
+        title: 'Forex',
+        symbols: [
+            { s: 'FX:EURUSD', d: 'EUR to USD' },
+            { s: 'FX:GBPUSD', d: 'GBP to USD' },
+            { s: 'FX:USDJPY', d: 'USD to JPY' },
+            { s: 'FX:USDCHF', d: 'USD to CHF' },
+            { s: 'FX:AUDUSD', d: 'AUD to USD' },
+            { s: 'FX:USDCAD', d: 'USD to CAD' },
+        ],
+    },
+};
+const resolveTab = (tab) => typeof tab === 'string' ? PRESETS[tab] : tab;
+const EMBED = 'https://www.tradingview-widget.com/embed-widget/market-overview/?locale=';
+/** The settings TradingView reads, with the documented defaults filled in. */
+const settings = ({ tabs = ['crypto'], colorTheme = 'dark', dateRange = '12M', locale = 'en', isTransparent = false, showFloatingTooltip = false, showSymbolLogo = true, showChart = true, width = '100%', height = 550, }) => ({
+    colorTheme,
+    dateRange,
+    locale,
+    isTransparent,
+    showFloatingTooltip,
+    plotLineColorGrowing: 'rgba(41, 98, 255, 1)',
+    plotLineColorFalling: 'rgba(41, 98, 255, 1)',
+    gridLineColor: 'rgba(240, 243, 250, 0)',
+    scaleFontColor: colorTheme === 'dark' ? '#DBDBDB' : '#333333',
+    belowLineFillColorGrowing: 'rgba(41, 98, 255, 0.12)',
+    belowLineFillColorFalling: 'rgba(41, 98, 255, 0.12)',
+    belowLineFillColorGrowingBottom: 'rgba(41, 98, 255, 0)',
+    belowLineFillColorFallingBottom: 'rgba(41, 98, 255, 0)',
+    symbolActiveColor: 'rgba(41, 98, 255, 0.12)',
+    tabs: tabs.map(resolveTab),
+    support_host: 'https://www.tradingview.com',
+    backgroundColor: colorTheme === 'dark' ? '#0f0f0f' : '#ffffff',
+    width,
+    height,
+    showSymbolLogo,
+    showChart,
+});
+const MarketOverview = ({ tabs, colorTheme, dateRange, locale, isTransparent, showFloatingTooltip, showSymbolLogo, showChart, width, height, ...props }) => {
+    const s = settings({
+        tabs,
+        colorTheme,
+        dateRange,
+        locale,
+        isTransparent,
+        showFloatingTooltip,
+        showSymbolLogo,
+        showChart,
+        width,
+        height,
+    });
+    const src = `${EMBED}${s.locale}#${encodeURIComponent(JSON.stringify(s))}`;
+    const titles = s.tabs.map((t) => t.title).join(', ');
+    return (_jsx(YStack, { ...slot('market-overview'), "data-tabs": s.tabs.map((t) => t.title).join(','), "data-color-theme": s.colorTheme, 
+        // The documented size is TradingView's — a number or a percent string —
+        // and gui declares a narrower one; on web both reach CSS as written.
+        width: s.width, height: s.height, overflow: "hidden", position: "relative", bg: "$panel", ...props, children: isWeb && (_jsx("iframe", { src: src, title: `${titles} market overview`, loading: "lazy", scrolling: "no", style: { display: 'block', width: '100%', height: '100%', border: 0 } }, src)) }));
+};
+export { MarketOverview };
+//# sourceMappingURL=crypto-market.js.map

package/dist/backends/gui/crypto-market.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"crypto-market.js","sourceRoot":"","sources":["../../../src/backends/gui/crypto-market.tsx"],"names":[],"mappings":"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"}

package/dist/backends/gui/crypto-screener.cjs

@@ -0,0 +1,55 @@
+'use client';"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CryptoScreener = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * CryptoScreener — a TradingView screener table, in a gui frame.
+ *
+ * The rows are TradingView's, drawn inside TradingView's own document, so the
+ * table is an `<iframe>` and nothing here draws a pixel of it. What this owns
+ * is the frame around it and the settings the table opens with — which market
+ * it screens, which column set it opens on, the display currency, the theme —
+ * written into the iframe's address the way TradingView's own embed script
+ * writes them: `/embed-widget/screener/?locale=…#<settings as JSON>`. Nothing
+ * is fetched or injected at mount, so the markup is the same on the server and
+ * in the browser, and the frame has its height before the table arrives.
+ *
+ * The iframe is keyed on that address. A browser treats a `src` that differs
+ * only in its fragment as a same-document navigation and does not reload, so
+ * without the key a changed `market` would leave the old table on screen.
+ */
+const gui_1 = require("@hanzo/gui");
+const slot_1 = require("./slot.cjs");
+/** `crypto` is the one short name; every other market is its own screener_type. */
+const screenerType = (market) => market === 'crypto' ? 'crypto_mkt' : market;
+const EMBED = 'https://www.tradingview-widget.com/embed-widget/screener/?locale=';
+/** The settings TradingView reads, with the documented defaults filled in. */
+const settings = ({ market = 'crypto', defaultColumn = 'overview', displayCurrency = 'USD', colorTheme = 'dark', isTransparent = false, locale = 'en', width = '100%', height = 550, }) => ({
+    defaultColumn,
+    screener_type: screenerType(market),
+    displayCurrency,
+    colorTheme,
+    isTransparent,
+    locale,
+    width,
+    height,
+});
+const CryptoScreener = ({ market, defaultColumn, displayCurrency, colorTheme, isTransparent, locale, width, height, ...props }) => {
+    const s = settings({
+        market,
+        defaultColumn,
+        displayCurrency,
+        colorTheme,
+        isTransparent,
+        locale,
+        width,
+        height,
+    });
+    const src = `${EMBED}${s.locale}#${encodeURIComponent(JSON.stringify(s))}`;
+    return ((0, jsx_runtime_1.jsx)(gui_1.YStack, { ...(0, slot_1.slot)('crypto-screener'), "data-market": market ?? 'crypto', "data-color-theme": s.colorTheme, 
+        // The documented size is TradingView's — a number or a percent string —
+        // and gui declares a narrower one; on web both reach CSS as written.
+        width: s.width, height: s.height, overflow: "hidden", position: "relative", bg: "$panel", ...props, children: gui_1.isWeb && ((0, jsx_runtime_1.jsx)("iframe", { src: src, title: `${market ?? 'crypto'} screener`, loading: "lazy", scrolling: "no", style: { display: 'block', width: '100%', height: '100%', border: 0 } }, src)) }));
+};
+exports.CryptoScreener = CryptoScreener;

package/dist/backends/gui/crypto-screener.d.ts

@@ -0,0 +1,42 @@
+/**
+ * CryptoScreener — a TradingView screener table, in a gui frame.
+ *
+ * The rows are TradingView's, drawn inside TradingView's own document, so the
+ * table is an `<iframe>` and nothing here draws a pixel of it. What this owns
+ * is the frame around it and the settings the table opens with — which market
+ * it screens, which column set it opens on, the display currency, the theme —
+ * written into the iframe's address the way TradingView's own embed script
+ * writes them: `/embed-widget/screener/?locale=…#<settings as JSON>`. Nothing
+ * is fetched or injected at mount, so the markup is the same on the server and
+ * in the browser, and the frame has its height before the table arrives.
+ *
+ * The iframe is keyed on that address. A browser treats a `src` that differs
+ * only in its fragment as a same-document navigation and does not reload, so
+ * without the key a changed `market` would leave the old table on screen.
+ */
+import { type YStackProps } from '@hanzo/gui';
+/**
+ * The market the table screens — TradingView's own `screener_type` values
+ * (`america`, `india`, `forex_mkt`, `bond_mkt`, …), plus `crypto` as the
+ * short name for `crypto_mkt` this component defaults to.
+ */
+export type CryptoScreenerMarket = 'crypto' | (string & {});
+export type CryptoScreenerColumn = 'overview' | 'performance' | 'oscillators' | 'moving_averages' | 'valuation';
+export type CryptoScreenerTheme = 'light' | 'dark';
+export interface CryptoScreenerProps extends Omit<YStackProps, 'width' | 'height' | 'theme'> {
+    /** Which market the table screens. */
+    market?: CryptoScreenerMarket;
+    /** Which column set the table opens on. */
+    defaultColumn?: CryptoScreenerColumn;
+    /** The currency prices and volumes are shown in. */
+    displayCurrency?: string;
+    /** The table's own palette; independent of the surrounding gui theme. */
+    colorTheme?: CryptoScreenerTheme;
+    isTransparent?: boolean;
+    locale?: string;
+    width?: string | number;
+    height?: string | number;
+}
+declare const CryptoScreener: ({ market, defaultColumn, displayCurrency, colorTheme, isTransparent, locale, width, height, ...props }: CryptoScreenerProps) => import("react").JSX.Element;
+export { CryptoScreener };
+//# sourceMappingURL=crypto-screener.d.ts.map

package/dist/backends/gui/crypto-screener.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"crypto-screener.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/crypto-screener.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,EAAiB,KAAK,WAAW,EAAE,MAAM,YAAY,CAAA;AAG5D;;;;GAIG;AACH,MAAM,MAAM,oBAAoB,GAAG,QAAQ,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAA;AAE3D,MAAM,MAAM,oBAAoB,GAC5B,UAAU,GACV,aAAa,GACb,aAAa,GACb,iBAAiB,GACjB,WAAW,CAAA;AAEf,MAAM,MAAM,mBAAmB,GAAG,OAAO,GAAG,MAAM,CAAA;AAMlD,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,WAAW,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IAC1F,sCAAsC;IACtC,MAAM,CAAC,EAAE,oBAAoB,CAAA;IAC7B,2CAA2C;IAC3C,aAAa,CAAC,EAAE,oBAAoB,CAAA;IACpC,oDAAoD;IACpD,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,yEAAyE;IACzE,UAAU,CAAC,EAAE,mBAAmB,CAAA;IAChC,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACzB;AAyBD,QAAA,MAAM,cAAc,2GAUjB,mBAAmB,gCAsCrB,CAAA;AAED,OAAO,EAAE,cAAc,EAAE,CAAA"}

package/dist/backends/gui/crypto-screener.js

@@ -0,0 +1,53 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * CryptoScreener — a TradingView screener table, in a gui frame.
+ *
+ * The rows are TradingView's, drawn inside TradingView's own document, so the
+ * table is an `<iframe>` and nothing here draws a pixel of it. What this owns
+ * is the frame around it and the settings the table opens with — which market
+ * it screens, which column set it opens on, the display currency, the theme —
+ * written into the iframe's address the way TradingView's own embed script
+ * writes them: `/embed-widget/screener/?locale=…#<settings as JSON>`. Nothing
+ * is fetched or injected at mount, so the markup is the same on the server and
+ * in the browser, and the frame has its height before the table arrives.
+ *
+ * The iframe is keyed on that address. A browser treats a `src` that differs
+ * only in its fragment as a same-document navigation and does not reload, so
+ * without the key a changed `market` would leave the old table on screen.
+ */
+import { YStack, isWeb } from '@hanzo/gui';
+import { slot } from './slot.js';
+/** `crypto` is the one short name; every other market is its own screener_type. */
+const screenerType = (market) => market === 'crypto' ? 'crypto_mkt' : market;
+const EMBED = 'https://www.tradingview-widget.com/embed-widget/screener/?locale=';
+/** The settings TradingView reads, with the documented defaults filled in. */
+const settings = ({ market = 'crypto', defaultColumn = 'overview', displayCurrency = 'USD', colorTheme = 'dark', isTransparent = false, locale = 'en', width = '100%', height = 550, }) => ({
+    defaultColumn,
+    screener_type: screenerType(market),
+    displayCurrency,
+    colorTheme,
+    isTransparent,
+    locale,
+    width,
+    height,
+});
+const CryptoScreener = ({ market, defaultColumn, displayCurrency, colorTheme, isTransparent, locale, width, height, ...props }) => {
+    const s = settings({
+        market,
+        defaultColumn,
+        displayCurrency,
+        colorTheme,
+        isTransparent,
+        locale,
+        width,
+        height,
+    });
+    const src = `${EMBED}${s.locale}#${encodeURIComponent(JSON.stringify(s))}`;
+    return (_jsx(YStack, { ...slot('crypto-screener'), "data-market": market ?? 'crypto', "data-color-theme": s.colorTheme, 
+        // The documented size is TradingView's — a number or a percent string —
+        // and gui declares a narrower one; on web both reach CSS as written.
+        width: s.width, height: s.height, overflow: "hidden", position: "relative", bg: "$panel", ...props, children: isWeb && (_jsx("iframe", { src: src, title: `${market ?? 'crypto'} screener`, loading: "lazy", scrolling: "no", style: { display: 'block', width: '100%', height: '100%', border: 0 } }, src)) }));
+};
+export { CryptoScreener };
+//# sourceMappingURL=crypto-screener.js.map

package/dist/backends/gui/crypto-screener.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"crypto-screener.js","sourceRoot":"","sources":["../../../src/backends/gui/crypto-screener.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ;;;;;;;;;;;;;;;GAeG;AACH,OAAO,EAAE,MAAM,EAAE,KAAK,EAAoB,MAAM,YAAY,CAAA;AAC5D,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAkB7B,mFAAmF;AACnF,MAAM,YAAY,GAAG,CAAC,MAA4B,EAAE,EAAE,CACpD,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,CAAA;AAiB7C,MAAM,KAAK,GAAG,mEAAmE,CAAA;AAEjF,8EAA8E;AAC9E,MAAM,QAAQ,GAAG,CAAC,EAChB,MAAM,GAAG,QAAQ,EACjB,aAAa,GAAG,UAAU,EAC1B,eAAe,GAAG,KAAK,EACvB,UAAU,GAAG,MAAM,EACnB,aAAa,GAAG,KAAK,EACrB,MAAM,GAAG,IAAI,EACb,KAAK,GAAG,MAAM,EACd,MAAM,GAAG,GAAG,GACQ,EAAE,EAAE,CAAC,CAAC;IAC1B,aAAa;IACb,aAAa,EAAE,YAAY,CAAC,MAAM,CAAC;IACnC,eAAe;IACf,UAAU;IACV,aAAa;IACb,MAAM;IACN,KAAK;IACL,MAAM;CACP,CAAC,CAAA;AAEF,MAAM,cAAc,GAAG,CAAC,EACtB,MAAM,EACN,aAAa,EACb,eAAe,EACf,UAAU,EACV,aAAa,EACb,MAAM,EACN,KAAK,EACL,MAAM,EACN,GAAG,KAAK,EACY,EAAE,EAAE;IACxB,MAAM,CAAC,GAAG,QAAQ,CAAC;QACjB,MAAM;QACN,aAAa;QACb,eAAe;QACf,UAAU;QACV,aAAa;QACb,MAAM;QACN,KAAK;QACL,MAAM;KACP,CAAC,CAAA;IACF,MAAM,GAAG,GAAG,GAAG,KAAK,GAAG,CAAC,CAAC,MAAM,IAAI,kBAAkB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE,CAAA;IAC1E,OAAO,CACL,KAAC,MAAM,OACD,IAAI,CAAC,iBAAiB,CAAC,iBACd,MAAM,IAAI,QAAQ,sBACb,CAAC,CAAC,UAAU;QAC9B,wEAAwE;QACxE,qEAAqE;QACrE,KAAK,EAAE,CAAC,CAAC,KAA6B,EACtC,MAAM,EAAE,CAAC,CAAC,MAA+B,EACzC,QAAQ,EAAC,QAAQ,EACjB,QAAQ,EAAC,UAAU,EACnB,EAAE,EAAC,QAAQ,KACP,KAAK,YAER,KAAK,IAAI,CACR,iBAEE,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,GAAG,MAAM,IAAI,QAAQ,WAAW,EACvC,OAAO,EAAC,MAAM,EACd,SAAS,EAAC,IAAI,EACd,KAAK,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,EAAE,IALhE,GAAG,CAMR,CACH,GACM,CACV,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAE,cAAc,EAAE,CAAA"}

package/dist/backends/gui/cursor.cjs

@@ -0,0 +1,40 @@
+'use client';"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Cursor = Cursor;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * Cursor — a custom pointer that replaces the native one only inside its own
+ * frame, following the mouse and optionally carrying a short label.
+ *
+ * Position tracks locally off `getBoundingClientRect`, so the dot sits in the
+ * frame's own coordinate space rather than the viewport's, and it renders
+ * nothing until the pointer has actually entered — a plain `mouseenter`/
+ * `mouseleave` pair, no document listener, since the effect never needs to
+ * reach past the frame it is masking. `cursor: none` is scoped to that same
+ * frame, so nothing outside it loses its native pointer.
+ */
+const gui_1 = require("@hanzo/gui");
+const react_1 = require("react");
+const sx_1 = require("../../sx.cjs");
+const slot_1 = require("./slot.cjs");
+function Cursor({ children, cursorText, cursorSize = 20, className }) {
+    const [position, setPosition] = (0, react_1.useState)({ x: 0, y: 0 });
+    const [isHovered, setIsHovered] = (0, react_1.useState)(false);
+    const handleMouseMove = (e) => {
+        const rect = e.currentTarget.getBoundingClientRect();
+        setPosition({ x: e.clientX - rect.left, y: e.clientY - rect.top });
+    };
+    return ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { ...(0, slot_1.slot)('cursor'), position: "relative", style: gui_1.isWeb ? { cursor: 'none' } : undefined, onMouseMove: handleMouseMove, onMouseEnter: () => setIsHovered(true), onMouseLeave: () => setIsHovered(false), ...(0, sx_1.sx)(className), children: [children, isHovered && ((0, jsx_runtime_1.jsx)(gui_1.YStack, { ...(0, slot_1.slot)('cursor-dot'), items: "center", justify: "center", style: {
+                    position: 'absolute',
+                    left: position.x,
+                    top: position.y,
+                    width: cursorSize,
+                    height: cursorSize,
+                    borderRadius: '50%',
+                    transform: 'translate(-50%, -50%)',
+                    backgroundColor: 'color-mix(in srgb, var(--color) 20%, transparent)',
+                    pointerEvents: 'none',
+                    zIndex: 50,
+                }, children: cursorText && ((0, jsx_runtime_1.jsx)(gui_1.SizableText, { ...(0, slot_1.slot)('cursor-text'), size: "$1", fontWeight: "600", color: "$color", children: cursorText })) }))] }));
+}

package/dist/backends/gui/cursor.d.ts

@@ -0,0 +1,16 @@
+import { type ReactNode } from 'react';
+export type CursorPosition = {
+    x: number;
+    y: number;
+};
+export type CursorProps = {
+    children: ReactNode;
+    /** Short label shown inside the dot. */
+    cursorText?: string;
+    /** Diameter of the dot, in px. */
+    cursorSize?: number;
+    /** Class notation for the frame. */
+    className?: string;
+};
+export declare function Cursor({ children, cursorText, cursorSize, className }: CursorProps): import("react").JSX.Element;
+//# sourceMappingURL=cursor.d.ts.map

package/dist/backends/gui/cursor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cursor.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/cursor.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAIhD,MAAM,MAAM,cAAc,GAAG;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,CAAA;AAErD,MAAM,MAAM,WAAW,GAAG;IACxB,QAAQ,EAAE,SAAS,CAAA;IACnB,wCAAwC;IACxC,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,kCAAkC;IAClC,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,oCAAoC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,wBAAgB,MAAM,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAe,EAAE,SAAS,EAAE,EAAE,WAAW,+BA+CvF"}

package/dist/backends/gui/cursor.js

@@ -0,0 +1,38 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Cursor — a custom pointer that replaces the native one only inside its own
+ * frame, following the mouse and optionally carrying a short label.
+ *
+ * Position tracks locally off `getBoundingClientRect`, so the dot sits in the
+ * frame's own coordinate space rather than the viewport's, and it renders
+ * nothing until the pointer has actually entered — a plain `mouseenter`/
+ * `mouseleave` pair, no document listener, since the effect never needs to
+ * reach past the frame it is masking. `cursor: none` is scoped to that same
+ * frame, so nothing outside it loses its native pointer.
+ */
+import { SizableText, YStack, isWeb } from '@hanzo/gui';
+import { useState } from 'react';
+import { sx } from '../../sx.js';
+import { slot } from './slot.js';
+export function Cursor({ children, cursorText, cursorSize = 20, className }) {
+    const [position, setPosition] = useState({ x: 0, y: 0 });
+    const [isHovered, setIsHovered] = useState(false);
+    const handleMouseMove = (e) => {
+        const rect = e.currentTarget.getBoundingClientRect();
+        setPosition({ x: e.clientX - rect.left, y: e.clientY - rect.top });
+    };
+    return (_jsxs(YStack, { ...slot('cursor'), position: "relative", style: isWeb ? { cursor: 'none' } : undefined, onMouseMove: handleMouseMove, onMouseEnter: () => setIsHovered(true), onMouseLeave: () => setIsHovered(false), ...sx(className), children: [children, isHovered && (_jsx(YStack, { ...slot('cursor-dot'), items: "center", justify: "center", style: {
+                    position: 'absolute',
+                    left: position.x,
+                    top: position.y,
+                    width: cursorSize,
+                    height: cursorSize,
+                    borderRadius: '50%',
+                    transform: 'translate(-50%, -50%)',
+                    backgroundColor: 'color-mix(in srgb, var(--color) 20%, transparent)',
+                    pointerEvents: 'none',
+                    zIndex: 50,
+                }, children: cursorText && (_jsx(SizableText, { ...slot('cursor-text'), size: "$1", fontWeight: "600", color: "$color", children: cursorText })) }))] }));
+}
+//# sourceMappingURL=cursor.js.map

package/dist/backends/gui/cursor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cursor.js","sourceRoot":"","sources":["../../../src/backends/gui/cursor.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ;;;;;;;;;;GAUG;AACH,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AACvD,OAAO,EAAE,QAAQ,EAAkB,MAAM,OAAO,CAAA;AAChD,OAAO,EAAE,EAAE,EAAE,MAAM,UAAU,CAAA;AAC7B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAc7B,MAAM,UAAU,MAAM,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU,GAAG,EAAE,EAAE,SAAS,EAAe;IACtF,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAiB,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAA;IACxE,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEjD,MAAM,eAAe,GAAG,CAAC,CAAmC,EAAE,EAAE;QAC9D,MAAM,IAAI,GAAG,CAAC,CAAC,aAAa,CAAC,qBAAqB,EAAE,CAAA;QACpD,WAAW,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,OAAO,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,OAAO,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC,CAAA;IACpE,CAAC,CAAA;IAED,OAAO,CACL,MAAC,MAAM,OACD,IAAI,CAAC,QAAQ,CAAC,EAClB,QAAQ,EAAC,UAAU,EACnB,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,SAAS,EAC7C,WAAW,EAAE,eAAe,EAC5B,YAAY,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,EACtC,YAAY,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,KACnC,EAAE,CAAC,SAAS,CAAC,aAEhB,QAAQ,EACR,SAAS,IAAI,CACZ,KAAC,MAAM,OACD,IAAI,CAAC,YAAY,CAAC,EACtB,KAAK,EAAC,QAAQ,EACd,OAAO,EAAC,QAAQ,EAChB,KAAK,EAAE;oBACL,QAAQ,EAAE,UAAU;oBACpB,IAAI,EAAE,QAAQ,CAAC,CAAC;oBAChB,GAAG,EAAE,QAAQ,CAAC,CAAC;oBACf,KAAK,EAAE,UAAU;oBACjB,MAAM,EAAE,UAAU;oBAClB,YAAY,EAAE,KAAK;oBACnB,SAAS,EAAE,uBAAuB;oBAClC,eAAe,EAAE,mDAAmD;oBACpE,aAAa,EAAE,MAAM;oBACrB,MAAM,EAAE,EAAE;iBACX,YAEA,UAAU,IAAI,CACb,KAAC,WAAW,OAAK,IAAI,CAAC,aAAa,CAAC,EAAE,IAAI,EAAC,IAAI,EAAC,UAAU,EAAC,KAAK,EAAC,KAAK,EAAC,QAAQ,YAC5E,UAAU,GACC,CACf,GACM,CACV,IACM,CACV,CAAA;AACH,CAAC"}