@luxfi/core 4.4.14 → 4.4.16

package/components/mini-chart/index.tsx

@@ -1,8 +1,8 @@
-import MiniChart from './wrapper'
-// import { type MiniChartProps, type MiniChartDateRanges } from './mini-chart-props'
-
-export {
-  MiniChart as default,
-  // type MiniChartProps,
-  // type MiniChartDateRanges
+import MiniChart from './wrapper'
+// import { type MiniChartProps, type MiniChartDateRanges } from './mini-chart-props'
+
+export {
+  MiniChart as default,
+  // type MiniChartProps,
+  // type MiniChartDateRanges
 }

package/components/mini-chart/mini-chart-props.ts

@@ -1,44 +1,44 @@
-import type { CSSProperties } from 'react'
-
-  // https://www.typescriptlang.org/docs/handbook/enums.html#enums-at-runtime
-const enum MiniChartDateRangesValues {
-    '1D',
-    '1M',
-    '3M',
-    '12M',
-    '60M',
-    'ALL',
-}
-
-type MiniChartDateRanges = keyof typeof MiniChartDateRangesValues
-
-interface MiniChartBaseProps {
-  symbol: string  
-  exchange?: string
-	dateRange: MiniChartDateRanges
-  noTimeScale?: boolean
-	width?: number | string
-	height?: number | string
-	locale?: string
-	colorTheme?: "light" | "dark"
-  // @ts-ignore // TODO
-	lineColor?: CSSProperties["color"]
-  // @ts-ignore // TODO
-	topGradientColor?: CSSProperties["color"]
-  // @ts-ignore // TODO
-	bottomGradientColor?: CSSProperties["color"]
-	isTransparent?: boolean
-	autosize?: boolean
-	chartOnly?: boolean
-	largeChartUrl?: string
-}
-
-type MiniChartProps = {
-  widgetProps: MiniChartBaseProps
-  containerStyles?: CSSProperties
-}
-
-export {
-  type MiniChartProps,
-  type MiniChartDateRanges
+import type { CSSProperties } from 'react'
+
+  // https://www.typescriptlang.org/docs/handbook/enums.html#enums-at-runtime
+const enum MiniChartDateRangesValues {
+    '1D',
+    '1M',
+    '3M',
+    '12M',
+    '60M',
+    'ALL',
+}
+
+type MiniChartDateRanges = keyof typeof MiniChartDateRangesValues
+
+interface MiniChartBaseProps {
+  symbol: string  
+  exchange?: string
+	dateRange: MiniChartDateRanges
+  noTimeScale?: boolean
+	width?: number | string
+	height?: number | string
+	locale?: string
+	colorTheme?: "light" | "dark"
+  // @ts-ignore // TODO
+	lineColor?: CSSProperties["color"]
+  // @ts-ignore // TODO
+	topGradientColor?: CSSProperties["color"]
+  // @ts-ignore // TODO
+	bottomGradientColor?: CSSProperties["color"]
+	isTransparent?: boolean
+	autosize?: boolean
+	chartOnly?: boolean
+	largeChartUrl?: string
+}
+
+type MiniChartProps = {
+  widgetProps: MiniChartBaseProps
+  containerStyles?: CSSProperties
+}
+
+export {
+  type MiniChartProps,
+  type MiniChartDateRanges
 }

package/components/mini-chart/mini-chart.tsx

@@ -1,85 +1,85 @@
-'use client'
-
-import React, { useEffect, useRef } from 'react'
-import { type MiniChartProps } from './mini-chart-props'
-
-const MiniChart: React.FC<MiniChartProps> = ({ 
-  widgetProps,
-  containerStyles = {} 
-}) => {
-
-  const {
-    symbol,
-    exchange,
-    lineColor, 
-    topGradientColor, 
-    bottomGradientColor, 
-    width, 
-    height, 
-    autosize,
-    locale, 
-    ...rest
-  } = widgetProps
-
-  const symbolString = (exchange) ? `${exchange}:${symbol}` : symbol
-
-  const containerRef = useRef<HTMLDivElement | null>(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(() => {
-          const value = document.querySelector('#mini-symbol-overview-ticker')
-          console.log("TICKER: " + value)
-        }, 1200) // from experimentation 
-      
-
-      }
-
-      const copyDiv = document.querySelector('.tradingview-widget-copyright')
-      if (copyDiv) {
-        console.log("COPY: " + copyDiv)
-        setTimeout(() => {
-          copyDiv.classList.remove('invisible')
-        }, 1200) // from experimentation 
-      }
-		}
-		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 (<>
-		<div style={containerStyles} className='tradingview-widget-container h-[150px]' ref={containerRef} />
-    <div className='tradingview-widget-copyright border-t w-full invisible'>
-      <a href={`https://www.tradingview.com/symbols/${symbol}${exchange ? `/?exchange=${exchange}` : '' }`} rel="noopener" target="_blank">
-        <span className="text-[--hz-ui-primary]">{symbol} quotes</span></a>&nbsp;by TradingView
-    </div>
-  </>)
-}
-
-export default MiniChart
+'use client'
+
+import React, { useEffect, useRef } from 'react'
+import { type MiniChartProps } from './mini-chart-props'
+
+const MiniChart: React.FC<MiniChartProps> = ({ 
+  widgetProps,
+  containerStyles = {} 
+}) => {
+
+  const {
+    symbol,
+    exchange,
+    lineColor, 
+    topGradientColor, 
+    bottomGradientColor, 
+    width, 
+    height, 
+    autosize,
+    locale, 
+    ...rest
+  } = widgetProps
+
+  const symbolString = (exchange) ? `${exchange}:${symbol}` : symbol
+
+  const containerRef = useRef<HTMLDivElement | null>(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(() => {
+          const value = document.querySelector('#mini-symbol-overview-ticker')
+          console.log("TICKER: " + value)
+        }, 1200) // from experimentation 
+      
+
+      }
+
+      const copyDiv = document.querySelector('.tradingview-widget-copyright')
+      if (copyDiv) {
+        console.log("COPY: " + copyDiv)
+        setTimeout(() => {
+          copyDiv.classList.remove('invisible')
+        }, 1200) // from experimentation 
+      }
+		}
+		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 (<>
+		<div style={containerStyles} className='tradingview-widget-container h-[150px]' ref={containerRef} />
+    <div className='tradingview-widget-copyright border-t w-full invisible'>
+      <a href={`https://www.tradingview.com/symbols/${symbol}${exchange ? `/?exchange=${exchange}` : '' }`} rel="noopener" target="_blank">
+        <span className="text-[--hz-ui-primary]">{symbol} quotes</span></a>&nbsp;by TradingView
+    </div>
+  </>)
+}
+
+export default MiniChart

package/components/mini-chart/wrapper.tsx

@@ -1,23 +1,23 @@
-import React from 'react'
-
-import BaseChart from './mini-chart'
-
-const Wrapper: React.FC<{
-  symbol: string,
-  exchange?: string
-}> = ({
-  symbol,
-  exchange
-}) => (
-  <BaseChart widgetProps ={{
-    symbol,
-    exchange,
-    autosize: true,
-    colorTheme: 'dark',
-    lineColor: "rgb(114, 27, 228)",
-    bottomGradientColor: "rgba(255, 255, 255, 0.1)",
-    dateRange: '60M',
-  }}/>   
-)
-
-export default Wrapper
+import React from 'react'
+
+import BaseChart from './mini-chart'
+
+const Wrapper: React.FC<{
+  symbol: string,
+  exchange?: string
+}> = ({
+  symbol,
+  exchange
+}) => (
+  <BaseChart widgetProps ={{
+    symbol,
+    exchange,
+    autosize: true,
+    colorTheme: 'dark',
+    lineColor: "rgb(114, 27, 228)",
+    bottomGradientColor: "rgba(255, 255, 255, 0.1)",
+    dateRange: '60M',
+  }}/>   
+)
+
+export default Wrapper

package/components/not-found/index.tsx

@@ -1,27 +1,27 @@
-import React  from 'react'
-
-import { ApplyTypography, Main } from '@hanzo/ui/primitives'
-
-import type { SiteDef } from '../../site-def'
-import Footer from '../footer'
-import Header from '../header'
-
-import NotFoundMDX from './not-found-content.mdx'
-
-const NotFound: React.FC<{
-  header?: boolean
-  siteDef: SiteDef
-}>  = ({
-  header=false,
-  siteDef
-}) => (<>
-  {header && <Header siteDef={siteDef}/>}
-  <Main className='xs:h-[100svh] xs:px-8 sm:px-10 sm:h-[700px]'>
-    <ApplyTypography className='mt-[200px] flex flex-col md:gap-8 '>
-      <NotFoundMDX />
-    </ApplyTypography>
-  </Main>
-  <Footer siteDef={siteDef}/>
-</>)
-
-export default NotFound
+import React  from 'react'
+
+import { ApplyTypography, Main } from '@hanzo/ui/primitives'
+
+import type { SiteDef } from '../../site-def'
+import Footer from '../footer'
+import Header from '../header'
+
+import NotFoundMDX from './not-found-content.mdx'
+
+const NotFound: React.FC<{
+  header?: boolean
+  siteDef: SiteDef
+}>  = ({
+  header=false,
+  siteDef
+}) => (<>
+  {header && <Header siteDef={siteDef}/>}
+  <Main className='xs:h-[100svh] xs:px-8 sm:px-10 sm:h-[700px]'>
+    <ApplyTypography className='mt-[200px] flex flex-col md:gap-8 '>
+      <NotFoundMDX />
+    </ApplyTypography>
+  </Main>
+  <Footer siteDef={siteDef}/>
+</>)
+
+export default NotFound

package/components/not-found/not-found-content.mdx

@@ -1,5 +1,5 @@
-### ...Huh?
-#### Sorry, we're fresh out of those.
-<br/>
-#### ...try something from the [Home Page](/)?
-
+### ...Huh?
+#### Sorry, we're fresh out of those.
+<br/>
+#### ...try something from the [Home Page](/)?
+

package/components/root-layout.tsx

@@ -1,71 +1,71 @@
-import React, { type PropsWithChildren } from 'react'
-
-import type { Viewport } from 'next'
-
-import { Toaster } from '@hanzo/ui/primitives'
-
-import Header from './header'
-import type SiteDef from '../site-def/site-def'
-import getAppRouterBodyFontClasses from '../next/font/get-app-router-font-classes'
-import { FacebookPixelHead } from '../next/analytics/pixel-analytics'
-import Scripts from './scripts'
-
-// Next 14: https://nextjs.org/docs/app/building-your-application/upgrading/codemods#use-viewport-export
-const viewport = {
-  themeColor: [
-    { media: '(prefers-color-scheme: light)', color: 'white' },
-    { media: '(prefers-color-scheme: dark)', color: 'black' },
-  ],
-} satisfies Viewport
-
-/*
-  These '.variable' fields are actually autogenerate css classnames that *define* the actual
-  css variables ('--<ugly-name>') that one asks for in the tailwind classes.
-  They are what make them available in the global scope. So this MUST
-  be done like this for the tailwind font classes to work.
-
-  (...not to be confused with the css var itself.  This field should be named something else!)
-*/
-
-/*
-  re body: overflow-y-hidden overflow-x-hidden, h-full
-  We cannot have these on body tag for scroll-snap to work on iOS!
-*/
-const bodyClasses =
-  'bg-background text-foreground flex flex-col min-h-full' +
-  getAppRouterBodyFontClasses()
-
-const RootLayout: React.FC<PropsWithChildren & {
-  siteDef: SiteDef
-  header?: boolean
-}> = ({
-  header = true,
-  siteDef,
-  children,
-}) =>  (
-  <html lang='en' suppressHydrationWarning className='hanzo-ui-dark-theme' style={{backgroundColor: '#000'}}>
-    <head >
-      {/* https://stackoverflow.com/a/75716588/11645689 */ }
-      <base target='_blank' />
-      <FacebookPixelHead/>
-    </head>
-    <body className={bodyClasses} style={{
-      // Not sure why these got added (by my check in)
-      // overflow: hidden here breaks scroll snap, see comment above
-      //paddingRight: '0 !important',
-      //maxWidth: '100vw',
-      display: 'none', // see scripts.tsx
-
-    }}>
-      <Scripts/>
-      {header && <Header siteDef={siteDef}/>}
-      {children}
-      <Toaster position='top-center' duration={3000}/>
-    </body>
-  </html>
-)
-
-export {
-  RootLayout as default,
-  viewport
-}
+import React, { type PropsWithChildren } from 'react'
+
+import type { Viewport } from 'next'
+
+import { Toaster } from '@hanzo/ui/primitives'
+
+import Header from './header'
+import type SiteDef from '../site-def/site-def'
+import getAppRouterBodyFontClasses from '../next/font/get-app-router-font-classes'
+import { FacebookPixelHead } from '../next/analytics/pixel-analytics'
+import Scripts from './scripts'
+
+// Next 14: https://nextjs.org/docs/app/building-your-application/upgrading/codemods#use-viewport-export
+const viewport = {
+  themeColor: [
+    { media: '(prefers-color-scheme: light)', color: 'white' },
+    { media: '(prefers-color-scheme: dark)', color: 'black' },
+  ],
+} satisfies Viewport
+
+/*
+  These '.variable' fields are actually autogenerate css classnames that *define* the actual
+  css variables ('--<ugly-name>') that one asks for in the tailwind classes.
+  They are what make them available in the global scope. So this MUST
+  be done like this for the tailwind font classes to work.
+
+  (...not to be confused with the css var itself.  This field should be named something else!)
+*/
+
+/*
+  re body: overflow-y-hidden overflow-x-hidden, h-full
+  We cannot have these on body tag for scroll-snap to work on iOS!
+*/
+const bodyClasses =
+  'bg-background text-foreground flex flex-col min-h-full' +
+  getAppRouterBodyFontClasses()
+
+const RootLayout: React.FC<PropsWithChildren & {
+  siteDef: SiteDef
+  header?: boolean
+}> = ({
+  header = true,
+  siteDef,
+  children,
+}) =>  (
+  <html lang='en' suppressHydrationWarning className='hanzo-ui-dark-theme' style={{backgroundColor: '#000'}}>
+    <head >
+      {/* https://stackoverflow.com/a/75716588/11645689 */ }
+      <base target='_blank' />
+      <FacebookPixelHead/>
+    </head>
+    <body className={bodyClasses} style={{
+      // Not sure why these got added (by my check in)
+      // overflow: hidden here breaks scroll snap, see comment above
+      //paddingRight: '0 !important',
+      //maxWidth: '100vw',
+      display: 'none', // see scripts.tsx
+
+    }}>
+      <Scripts/>
+      {header && <Header siteDef={siteDef}/>}
+      {children}
+      <Toaster position='top-center' duration={3000}/>
+    </body>
+  </html>
+)
+
+export {
+  RootLayout as default,
+  viewport
+}

package/components/scripts.tsx

@@ -1,23 +1,23 @@
-'use client'
-
-import { useEffect } from 'react'
-import { GoogleAnalytics } from '@next/third-parties/google'
-import { FacebookPixel } from '../next/analytics'
-
-const Scripts = () => {
-
-  useEffect(() => {
-    document.body.style.display = 'block'
-  }, [])
-
-  return (
-    <>
-      <FacebookPixel />
-      <GoogleAnalytics gaId={process.env.NEXT_PUBLIC_GA_MEASUREMENT_ID ?? ''} />
-    </>
-  )
-}
-
-export {
-  Scripts as default
-}
+'use client'
+
+import { useEffect } from 'react'
+import { GoogleAnalytics } from '@next/third-parties/google'
+import { FacebookPixel } from '../next/analytics'
+
+const Scripts = () => {
+
+  useEffect(() => {
+    document.body.style.display = 'block'
+  }, [])
+
+  return (
+    <>
+      <FacebookPixel />
+      <GoogleAnalytics gaId={process.env.NEXT_PUBLIC_GA_MEASUREMENT_ID ?? ''} />
+    </>
+  )
+}
+
+export {
+  Scripts as default
+}