@luxfi/core 5.2.5 → 5.2.6

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/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}`
+)

package/next/font/load-and-return-lux-next-fonts-on-import.ts

@@ -1,68 +1,68 @@
-// import { Inter } from 'next/font/google'
-import localFont from 'next/font/local'
-
-import type { TwFontDesc } from '@hanzo/ui/tailwind' // TODO
-import type NextFontDesc from './next-font-desc'
-
-import twFonts from '../../tailwind/lux-tw-fonts'
-
-/*
-  Creating NextFontDesc's and TwFontDesc's has to be seperated because they are needed
-  at different times during the next compile / build.  Otherwise a nasty
-  race condition happens!
-
-  Also, requires that "Font loaders must be called and assigned to a const in the module scope"
-
-*/
-
-const drukWide = localFont({
-  src: [
-    {
-      path: './local/Druk-Wide-Bold.ttf',
-      weight: '700',
-      style: 'normal'
-    },
-    {
-      path: './local/Druk-Wide-Medium.ttf',
-      weight: '500',
-      style: 'normal',
-    },
-  ],
-  display: 'swap',
-  variable: '--font-druk-wide',
-})
-
-const inter = localFont({
-  src: './local/InterVariable.ttf',
-  display: 'swap',
-  variable: '--font-inter',
-})
-
-export default [
-  {
-    font: inter,
-    twName: 'sans'
-  },
-  {
-    font: inter,
-    twName: 'nav'
-  },
-  {
-    font: drukWide,
-    twName: 'heading'
-  }
-].map (
-  (el) => {
-    const twFont: TwFontDesc | undefined = twFonts.find((twf: TwFontDesc) => (el.twName === twf.twName))
-    if (!twFont) {
-      throw new Error('lux-next-fonts: Next font is not paired to a TW font!')
-    }
-
-    return ({
-      ...twFont,
-      nextFont: el.font,
-    })
-  }
-) satisfies NextFontDesc[]
-
-
+// import { Inter } from 'next/font/google'
+import localFont from 'next/font/local'
+
+import type { TwFontDesc } from '@hanzo/ui/tailwind' // TODO
+import type NextFontDesc from './next-font-desc'
+
+import twFonts from '../../tailwind/lux-tw-fonts'
+
+/*
+  Creating NextFontDesc's and TwFontDesc's has to be seperated because they are needed
+  at different times during the next compile / build.  Otherwise a nasty
+  race condition happens!
+
+  Also, requires that "Font loaders must be called and assigned to a const in the module scope"
+
+*/
+
+const drukWide = localFont({
+  src: [
+    {
+      path: './local/Druk-Wide-Bold.ttf',
+      weight: '700',
+      style: 'normal'
+    },
+    {
+      path: './local/Druk-Wide-Medium.ttf',
+      weight: '500',
+      style: 'normal',
+    },
+  ],
+  display: 'swap',
+  variable: '--font-druk-wide',
+})
+
+const inter = localFont({
+  src: './local/InterVariable.ttf',
+  display: 'swap',
+  variable: '--font-inter',
+})
+
+export default [
+  {
+    font: inter,
+    twName: 'sans'
+  },
+  {
+    font: inter,
+    twName: 'nav'
+  },
+  {
+    font: drukWide,
+    twName: 'heading'
+  }
+].map (
+  (el) => {
+    const twFont: TwFontDesc | undefined = twFonts.find((twf: TwFontDesc) => (el.twName === twf.twName))
+    if (!twFont) {
+      throw new Error('lux-next-fonts: Next font is not paired to a TW font!')
+    }
+
+    return ({
+      ...twFont,
+      nextFont: el.font,
+    })
+  }
+) satisfies NextFontDesc[]
+
+

package/next/font/next-font-desc.ts

@@ -1,28 +1,28 @@
-import type { TwFontDesc } from '@hanzo/ui/tailwind' 
-
-// from next repo
-type NextFont = {
-  className: string
-  style: { fontFamily: string; fontWeight?: number; fontStyle?: string }
-}
-
-// from next repo
-type NextFontWithVariable = NextFont & {
-  variable: string
-}
-
-
-/*
-  NextFontDesc and TwFontDesc have to be seperate because they are needed 
-  at different times during the next compile / build.  Otherwise a nasty 
-  race condition happens! That's why they are in different files.
-*/
-
-interface NextFontDesc extends TwFontDesc {
-  nextFont: NextFontWithVariable 
-}
-
-export {
-  type NextFontDesc as default,
-  type NextFontWithVariable,
+import type { TwFontDesc } from '@hanzo/ui/tailwind' 
+
+// from next repo
+type NextFont = {
+  className: string
+  style: { fontFamily: string; fontWeight?: number; fontStyle?: string }
+}
+
+// from next repo
+type NextFontWithVariable = NextFont & {
+  variable: string
+}
+
+
+/*
+  NextFontDesc and TwFontDesc have to be seperate because they are needed 
+  at different times during the next compile / build.  Otherwise a nasty 
+  race condition happens! That's why they are in different files.
+*/
+
+interface NextFontDesc extends TwFontDesc {
+  nextFont: NextFontWithVariable 
+}
+
+export {
+  type NextFontDesc as default,
+  type NextFontWithVariable,
 }

package/next/font/pages-router-font-vars.tsx

@@ -1,18 +1,18 @@
-
-import nextFonts from './load-and-return-lux-next-fonts-on-import'
-import type NextFontDesc from './next-font-desc'
-
-const PagesRouterFontVars: React.FC = () => {
-
-  const fontVars = nextFonts.map((fd: NextFontDesc) => (
-    `${fd.cssVar}: ${fd.nextFont.style.fontFamily};`
-  )).join('\n')
-
-  return <style jsx global>{`
-    html {
-      ${fontVars}
-    }
-  `}</style>
-}
-
-export default PagesRouterFontVars
+
+import nextFonts from './load-and-return-lux-next-fonts-on-import'
+import type NextFontDesc from './next-font-desc'
+
+const PagesRouterFontVars: React.FC = () => {
+
+  const fontVars = nextFonts.map((fd: NextFontDesc) => (
+    `${fd.cssVar}: ${fd.nextFont.style.fontFamily};`
+  )).join('\n')
+
+  return <style jsx global>{`
+    html {
+      ${fontVars}
+    }
+  `}</style>
+}
+
+export default PagesRouterFontVars