@luxfi/core 5.2.8 → 5.2.10

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,28 +1,28 @@
-import React  from 'react'
-
-import { ApplyTypography } from '@hanzo/ui/primitives'
-
-import type { SiteDef } from '../../site-def'
-import Footer from '../footer'
-import Header from '../header'
-import Main from '../main'
-
-import NotFoundMDX from './not-found-content.mdx'
-
-const NotFound: React.FC<{
-  header?: boolean
-  siteDef: SiteDef
-}>  = ({
-  header=false,
-  siteDef
-}) => (<>
-  {header && <Header siteDef={siteDef}/>}
-  <Main className='h-[100svh] sm:h-[700px] px-8 sm:px-10 ' headerSpace={header}>
-    <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 } from '@hanzo/ui/primitives'
+
+import type { SiteDef } from '../../site-def'
+import Footer from '../footer'
+import Header from '../header'
+import Main from '../main'
+
+import NotFoundMDX from './not-found-content.mdx'
+
+const NotFound: React.FC<{
+  header?: boolean
+  siteDef: SiteDef
+}>  = ({
+  header=false,
+  siteDef
+}) => (<>
+  {header && <Header siteDef={siteDef}/>}
+  <Main className='h-[100svh] sm:h-[700px] px-8 sm:px-10 ' headerSpace={header}>
+    <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/scripts.tsx

@@ -1,24 +1,24 @@
-'use client'
-
-import { useEffect } from 'react'
-import { GoogleAnalytics } from '@next/third-parties/google'
-import { FacebookPixel } from '../next/analytics'
-
-  // TODO: Rename this component, since Next has one called Script 
-const Scripts = () => {
-
-  useEffect(() => {
-    document.body.style.display = 'flex'
-  }, [])
-
-  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'
+
+  // TODO: Rename this component, since Next has one called Script 
+const Scripts = () => {
+
+  useEffect(() => {
+    document.body.style.display = 'flex'
+  }, [])
+
+  return (
+    <>
+      <FacebookPixel />
+      <GoogleAnalytics gaId={process.env.NEXT_PUBLIC_GA_MEASUREMENT_ID ?? ''} />
+    </>
+  )
+}
+
+export {
+  Scripts as default
+}

package/components/tooltip.tsx

@@ -1,31 +1,31 @@
-'use client'
-import React from 'react'
-import { Tooltip as RTTooltip, type PlacesType } from 'react-tooltip'
-
-const Tooltip: React.FC<{
-  select: string
-  text: string
-  position?: PlacesType // https://react-tooltip.com/docs/options
-  clx?: string
-  offset?: number
-}> = ({
-  select,
-  text,
-  clx='',
-  position='bottom',
-  offset=2
-}) => (
-  <RTTooltip 
-    anchorSelect={select} 
-    noArrow 
-    opacity={1} 
-    content={text} 
-    place={position}
-    offset={offset}
-    delayShow={100}
-    delayHide={100}
-    className={'!opacity-100 !bg-level-2 border rounded-[3px] !px-1.5 !py-1 z-floating' + clx}
-  />
-)
-
-export default Tooltip
+'use client'
+import React from 'react'
+import { Tooltip as RTTooltip, type PlacesType } from 'react-tooltip'
+
+const Tooltip: React.FC<{
+  select: string
+  text: string
+  position?: PlacesType // https://react-tooltip.com/docs/options
+  clx?: string
+  offset?: number
+}> = ({
+  select,
+  text,
+  clx='',
+  position='bottom',
+  offset=2
+}) => (
+  <RTTooltip 
+    anchorSelect={select} 
+    noArrow 
+    opacity={1} 
+    content={text} 
+    place={position}
+    offset={offset}
+    delayShow={100}
+    delayHide={100}
+    className={'!opacity-100 !bg-level-2 border rounded-[3px] !px-1.5 !py-1 z-floating' + clx}
+  />
+)
+
+export default Tooltip

package/environment.d.ts

@@ -1,6 +1,6 @@
-namespace NodeJS {
-  interface ProcessEnv {
-    NEXT_PUBLIC_GA_MEASUREMENT_ID: string;
-    NEXT_PUBLIC_FACEBOOK_PIXEL_ID: string;
-  }
+namespace NodeJS {
+  interface ProcessEnv {
+    NEXT_PUBLIC_GA_MEASUREMENT_ID: string;
+    NEXT_PUBLIC_FACEBOOK_PIXEL_ID: string;
+  }
 }

package/next/analytics/fpixel.ts

@@ -1,16 +1,16 @@
-declare global {
-  interface Window {
-    fbq: Function;
-  }
-}
-
-export const FB_PIXEL_ID = process.env.NEXT_PUBLIC_FACEBOOK_PIXEL_ID
-
-export const pageview = () => {
-  window.fbq('track', 'PageView')
-}
-
-// https://developers.facebook.com/docs/meta-pixel/reference
-export const sendFBEvent = (name: string, options = {}) => {
-  window.fbq('track', name, options)
+declare global {
+  interface Window {
+    fbq: Function;
+  }
+}
+
+export const FB_PIXEL_ID = process.env.NEXT_PUBLIC_FACEBOOK_PIXEL_ID
+
+export const pageview = () => {
+  window.fbq('track', 'PageView')
+}
+
+// https://developers.facebook.com/docs/meta-pixel/reference
+export const sendFBEvent = (name: string, options = {}) => {
+  window.fbq('track', name, options)
 }

package/next/analytics/google-analytics.ts

@@ -1,14 +1,14 @@
-declare global {
-  interface Window {
-    gtag: Function;
-  }
-}
-
-// https://developers.google.com/analytics/devguides/collection/ga4/ecommerce?client_type=gtag
-const sendGAEvent = (name: string, options = {}) => {
-  window.gtag('event', name, options)
-}
-
-export {
-  sendGAEvent as default
+declare global {
+  interface Window {
+    gtag: Function;
+  }
+}
+
+// https://developers.google.com/analytics/devguides/collection/ga4/ecommerce?client_type=gtag
+const sendGAEvent = (name: string, options = {}) => {
+  window.gtag('event', name, options)
+}
+
+export {
+  sendGAEvent as default
 }

package/next/analytics/index.ts

@@ -1,3 +1,3 @@
-export { sendFBEvent } from './fpixel'
-export { default as sendGAEvent } from './google-analytics'
-export { FacebookPixel } from './pixel-analytics'
+export { sendFBEvent } from './fpixel'
+export { default as sendGAEvent } from './google-analytics'
+export { FacebookPixel } from './pixel-analytics'

package/next/analytics/pixel-analytics.tsx

@@ -1,55 +1,55 @@
-'use client'
-
-import { usePathname } from 'next/navigation'
-import Script from 'next/script'
-import { useEffect, useState } from 'react'
-import * as fbq from './fpixel'
-
-const FacebookPixelHead = () => {
-  return (
-    <noscript>
-      <img
-        height='1'
-        width='1'
-        style={{ display: 'none' }}
-        src={`https://www.facebook.com/tr?id=${fbq.FB_PIXEL_ID}&ev=PageView&noscript=1`}
-      />
-    </noscript>
-  )
-}
-
-const FacebookPixel = () => {
-  const [loaded, setLoaded] = useState(false)
-  const pathname = usePathname()
-
-  useEffect(() => {
-    if (!loaded) return
-
-    fbq.pageview()
-  }, [pathname, loaded])
-
-  return (
-    <div>
-       <Script
-        id='fb-pixel'
-        strategy='afterInteractive'
-        onLoad={() => setLoaded(true)}
-        dangerouslySetInnerHTML={{
-          __html: `
-            !function(f,b,e,v,n,t,s)
-            {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
-            n.callMethod.apply(n,arguments):n.queue.push(arguments)};
-            if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
-            n.queue=[];t=b.createElement(e);t.async=!0;
-            t.src=v;s=b.getElementsByTagName(e)[0];
-            s.parentNode.insertBefore(t,s)}(window, document,'script',
-            'https://connect.facebook.net/en_US/fbevents.js');
-            fbq('init', ${fbq.FB_PIXEL_ID});
-          `,
-        }}
-      />
-    </div>
-  )
-}
-
+'use client'
+
+import { usePathname } from 'next/navigation'
+import Script from 'next/script'
+import { useEffect, useState } from 'react'
+import * as fbq from './fpixel'
+
+const FacebookPixelHead = () => {
+  return (
+    <noscript>
+      <img
+        height='1'
+        width='1'
+        style={{ display: 'none' }}
+        src={`https://www.facebook.com/tr?id=${fbq.FB_PIXEL_ID}&ev=PageView&noscript=1`}
+      />
+    </noscript>
+  )
+}
+
+const FacebookPixel = () => {
+  const [loaded, setLoaded] = useState(false)
+  const pathname = usePathname()
+
+  useEffect(() => {
+    if (!loaded) return
+
+    fbq.pageview()
+  }, [pathname, loaded])
+
+  return (
+    <div>
+       <Script
+        id='fb-pixel'
+        strategy='afterInteractive'
+        onLoad={() => setLoaded(true)}
+        dangerouslySetInnerHTML={{
+          __html: `
+            !function(f,b,e,v,n,t,s)
+            {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
+            n.callMethod.apply(n,arguments):n.queue.push(arguments)};
+            if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
+            n.queue=[];t=b.createElement(e);t.async=!0;
+            t.src=v;s=b.getElementsByTagName(e)[0];
+            s.parentNode.insertBefore(t,s)}(window, document,'script',
+            'https://connect.facebook.net/en_US/fbevents.js');
+            fbq('init', ${fbq.FB_PIXEL_ID});
+          `,
+        }}
+      />
+    </div>
+  )
+}
+
 export {FacebookPixelHead, FacebookPixel}

package/next/font/get-app-router-font-classes.ts

@@ -1,12 +1,12 @@
-import nextFonts from './load-and-return-lux-next-fonts-on-import'
-import type NextFontDesc from './next-font-desc'
-
-  // These will be injected for <body> in app router app that uses our RootLayout
-
-  // First is assumed to be mapped to the default font and is injected into <body>
-  // as a normal tw font family class.
-export default () => (
-  nextFonts.map(
-      (desc: NextFontDesc) => (desc.nextFont!.variable)
-    ).join(' ') + ` font-${nextFonts[0].twName}`
-)
+import nextFonts from './load-and-return-lux-next-fonts-on-import'
+import type NextFontDesc from './next-font-desc'
+
+  // These will be injected for <body> in app router app that uses our RootLayout
+
+  // First is assumed to be mapped to the default font and is injected into <body>
+  // as a normal tw font family class.
+export default () => (
+  nextFonts.map(
+      (desc: NextFontDesc) => (desc.nextFont!.variable)
+    ).join(' ') + ` font-${nextFonts[0].twName}`
+)