@luxfi/core 4.3.11

package/server-actions/store-contact.ts

@@ -0,0 +1,51 @@
+'use server'
+
+import { 
+  getFirestore, 
+  collection, 
+  setDoc, 
+  doc, 
+  serverTimestamp,
+  type Firestore,
+} from 'firebase/firestore'
+
+import firebaseApp from './firebase-app'
+import type { ContactInfo } from '../types'
+
+let dbInstance: Firestore | undefined = undefined
+
+const getDBInstance = (name: string): Firestore => {
+  if (!dbInstance) {
+    dbInstance = getFirestore(firebaseApp, name) 
+  }
+  return dbInstance  
+}
+
+const storeContact = async ( formData: ContactInfo, enclosure: any ) => {
+  const email = formData.email
+  const phone = formData.phone
+  const dbName = enclosure?.dbId
+  const tableName = enclosure?.listId
+
+  let error: any | null = null
+  const tableRef = collection(getDBInstance(dbName), tableName)
+
+  try {
+    await setDoc(doc(tableRef, email), {
+      email,
+      phone,
+      timestamp: serverTimestamp(),
+    })
+    return { success: !error, error, id: email }
+  }
+  catch (e) {  
+    console.error('Error writing contact info to database: ', e)
+    error = e  
+  }  
+  
+  return { success: !error, error }  
+}
+
+export {
+  storeContact as default
+}

package/site-def/footer/community.tsx

@@ -0,0 +1,67 @@
+import type { LinkDef } from '@hanzo/ui/types'
+import { Icons } from '../../components'
+
+  // @ts-ignore (will build in project that has @svgr support)
+import SVG_warp_logo from './svg/warpcast-logo.svg'
+
+const SOC_ICON_SIZE = 18
+
+export default   [
+  {
+    title: 'Community',
+    href: '',
+    variant: 'linkFG',
+  },
+
+  {
+    title: 'Lux Channel',
+    href: 'https://warpcast.com/~/channel/lux',
+    icon: <SVG_warp_logo width={SOC_ICON_SIZE} height={SOC_ICON_SIZE} /> //<Icons.SocialIcon network='warpcast' size={SOC_ICON_SIZE} />
+  },
+  {
+    title: 'Lux Discussions',
+    href: 'https://github.com/orgs/luxfi/discussions',
+    icon: <Icons.SocialIcon network='github' size={SOC_ICON_SIZE} />
+  },
+
+  /*
+  {
+    title: 'Discord',
+    href: 'https://discord.gg/luxdefi',
+    external: true,
+    icon: <Icons.SocialIcon network='discord' size={SOC_ICON_SIZE} />
+  },
+  {
+    title: 'Telegram',
+    href: 'https://t.me/luxdefi',
+    external: true,
+    icon: <Icons.SocialIcon network='telegram' size={SOC_ICON_SIZE} />
+  },
+  */
+
+  {
+    title: '@luxdefi',
+    href: 'https://twitter.com/luxdefi',
+    icon: <Icons.SocialIcon network='x' size={SOC_ICON_SIZE} />
+  },
+  {
+    title: '@luxdefi',
+    href: 'https://facebook.com/luxdefi',
+    icon: <Icons.SocialIcon network='facebook' size={SOC_ICON_SIZE + 2} />
+  },
+  {
+    title: '@luxdefi',
+    href: 'https://www.instagram.com/luxdefi',
+    icon: <Icons.SocialIcon network='instagram' size={SOC_ICON_SIZE + 2} />
+  },
+  {
+    title: '@luxdefi',
+    href: 'https://linkedin.com/company/luxdefi',
+    icon: <Icons.SocialIcon network='linkedin' size={SOC_ICON_SIZE + 2} />
+  },
+  {
+    title: '@luxdefi',
+    href: 'https://www.youtube.com/@luxdefi',
+    icon: <Icons.SocialIcon network='youtube' size={SOC_ICON_SIZE + 2} />
+  },
+] satisfies LinkDef[]

package/site-def/footer/company.ts

@@ -0,0 +1,37 @@
+import type { LinkDef } from '@hanzo/ui/types'
+
+export default [
+  {
+    title: 'Company',
+    href: "https://lux.partners/",
+    variant: 'linkFG',
+    newTab: false,
+  },
+  {
+    title: 'About',
+    href: 'https://lux.partners',
+    newTab: false,
+  },
+  {
+    title: 'Brand',
+    href: 'https://drive.google.com/drive/folders/14OJtKLVakGY6883XO9yGbiHtlFxQUUm5?usp=share_link',
+  },
+  {
+    title: 'Careers',
+    href: 'https://docs.google.com/document/d/1SCt0Hg7EIs06TootKCA1am1xo4mcXoKF/edit#heading=h.30j0zll',
+    newTab: true,
+  },
+  {
+    title: 'Partnerships',
+    href: 'https://apply.lux.partners/',
+    newTab: false,
+  },
+  {
+    title: 'Press',
+    href: 'mailto:ai@lux.partners?subject=%E2%96%BC%20Press',
+  },
+  {
+    title: 'Help',
+    href: 'mailto:ai@lux.partners?subject=%E2%96%BC%20Help',
+  },
+] satisfies LinkDef[]

package/site-def/footer/ecosystem.ts

@@ -0,0 +1,37 @@
+import type { LinkDef } from '@hanzo/ui/types'
+
+export default [
+  {
+    title: 'Ecosystem',
+    href: 'https://lux.link',
+    variant: 'linkFG'
+  },
+  {
+    title: 'Lux AI',
+    href: 'https://lux.chat',
+  },
+  {
+    title: 'Lux Credit',
+    href: 'https://lux.credit',
+  },
+  {
+    title: 'Lux Exchange',
+    href: 'https://lux.exchange',
+  },
+  {
+    title: 'Lux Finance',
+    href: 'https://lux.finance',
+  },
+  {
+    title: 'Lux Market',
+    href: 'https://lux.market',
+  },
+  {
+    title: 'Lux Shop',
+    href: 'https://lux.shop',
+  },
+  {
+    title: 'Lux Quest',
+    href: 'https://lux.quest',
+  },
+] satisfies LinkDef[]

package/site-def/footer/index.tsx

@@ -0,0 +1,26 @@
+import type { LinkDef } from '@hanzo/ui/types'
+
+import ecosystem from './ecosystem'
+import network from './network'
+import company from './company'
+import community from './community'
+import { legal, legalColumn } from './legal'
+
+
+const standard = [
+  ecosystem,
+  network,
+  company,
+  community,
+] satisfies LinkDef[][] 
+
+export {
+  ecosystem,
+  network,
+  company,
+  community,
+  legal, 
+  legalColumn,
+  standard 
+}
+

package/site-def/footer/legal.ts

@@ -0,0 +1,28 @@
+import type { LinkDef } from '@hanzo/ui/types'
+
+const legal: LinkDef[] = [
+  {
+    title: 'Terms and Conditions',
+    href: '/terms',
+    newTab: true,
+  },
+  {
+    title: 'Privacy Policy',
+    href: '/privacy',
+    newTab: true,
+  },
+] 
+
+const title: LinkDef = 
+{
+  title: 'Legal',
+  href: '',
+  variant: 'linkFG',
+}
+
+const legalColumn: LinkDef[] =  [title, ...legal]
+
+export {
+  legal,
+  legalColumn
+}

package/site-def/footer/network.ts

@@ -0,0 +1,45 @@
+import type { LinkDef } from '@hanzo/ui/types'
+
+export default [
+  {
+    title: 'Network',
+    href: "https://lux.network/",
+    variant: 'linkFG'
+  },
+  {
+    title: 'Lux Bridge',
+    href: "https://bridge.lux.network/",
+  },
+  {
+    title: 'Lux Explorer',
+    href: "https://explore.lux.network/",
+  },
+  {
+    title: 'Lux Wallet',
+    href: "https://wallet.lux.network/",
+  },
+  {
+    title: 'Lux Safe',
+    href: "https://safe.lux.network/",
+  },
+  {
+    title: 'Lux Validator',
+    href: "https://lux.network/validator",
+  },
+  {
+    title: 'Lux Coin',
+    href: "https://lux.network/coin",
+  },
+  {
+    title: 'Governance',
+    href: "https://lux.vote",
+  },
+  {
+    title: 'Open Source',
+    href: 'https://github.com/luxfi',
+  },
+  {
+    title: 'Launch Subnet',
+    href: 'https://docs.lux.network/build/subnet/hello-subnet',
+  },
+] satisfies LinkDef[]

package/site-def/footer/svg/warpcast-logo.svg

@@ -0,0 +1,12 @@
+<svg viewBox="0 0 1260 1260" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <g clip-path="url(#clip0_1_2)">
+    <!-- path d="M947.747 1259.61H311.861C139.901 1259.61 0 1119.72 0 947.752V311.871C0 139.907 139.901 0.00541362 311.861 0.00541362H947.747C1119.71 0.00541362 1259.61 139.907 1259.61 311.871V947.752C1259.61 1119.72 1119.71 1259.61 947.747 1259.61Z" fill="#472A91"></path -->
+    <path d="M826.513 398.633L764.404 631.889L702.093 398.633H558.697L495.789 633.607L433.087 398.633H269.764L421.528 914.36H562.431L629.807 674.876L697.181 914.36H838.388L989.819 398.633H826.513Z" fill="currentColor">
+  </path>
+  </g>
+  <defs>
+    <clipPath id="clip0_1_2">
+      <rect width="1259.61" height="1259.61" fill="white"></rect>
+    </clipPath>
+  </defs>
+</svg>

package/site-def/index.ts

@@ -0,0 +1,3 @@
+export * as footer from './footer' // so footer.standard, footer.community, etc
+export { default as mainNav } from './main-nav'
+export type { default as SiteDef } from './site-def'

package/site-def/main-nav.ts

@@ -0,0 +1,35 @@
+import type { LinkDef }  from '@hanzo/ui/types'
+
+export default [
+  {
+    title: "AI",
+    href: "https://lux.chat",
+    newTab: false,
+  },
+  {
+    title: "Credit",
+    href: "https://lux.credit",
+    newTab: false,
+  },
+  {
+    title: "Exchange",
+    href: "https://lux.exchange",
+    newTab: false,
+  },
+  {
+    title: "Finance",
+    href: "https://lux.finance",
+    newTab: false,
+  },
+  {
+    title: "Market",
+    href: "https://lux.market",
+    newTab: false,
+  },
+  {
+    title: "Network",
+    href: "https://lux.network",
+    newTab: false,
+  },
+] satisfies LinkDef[]
+

package/site-def/site-def.ts

@@ -0,0 +1,37 @@
+import React from 'react'
+import type { LinkDef } from '@hanzo/ui/types'
+
+interface SiteDef {
+    /** url of this site.  All nav links in the system will show it in 'current' state */
+  currentAs?: string
+  nav: {
+      /** common elements (will auto-select currentAs if it's provide) */
+      /** optional feature element. right-most after 'elements' (any min-w is ignored) */
+    common: LinkDef[]       
+    featured?: LinkDef[]
+    auth?: boolean
+    cart?: React.ReactNode
+  }
+
+    /** 
+     * Array of columns, each of which itself is an array of links 
+     * (or "title defs" where href='' and variant='linkFG')  
+     * Common use case: To render a site-specific first column: 
+     * {
+     *    footer[myColumn, ...commonColumnsFromUi]
+     * }
+     * see: @hanzo/ui/siteDef/footer (default export)
+     * or @hanzo/ui/siteDef/footer/common
+     */
+  footer: LinkDef[][]  
+
+    /** optional override of default 'above copyright' horizantal links */
+    /** default (undefined or absent): @ui/sideDef/footer/legal are rendered */
+    /** [] renders nothing above the copyright */
+  aboveCopyright?: LinkDef[] 
+
+      /** any site-specific stuff we'd like access to (link urls, etc) */
+  ext?: any 
+}
+
+export { type SiteDef as default }

package/style/lux-colors.css

@@ -0,0 +1,85 @@
+@tailwind base;
+/* see https://stackoverflow.com/questions/69746121/using-nextjs-how-can-you-import-in-css-using-tailwind-css */
+
+@layer base {
+
+  :root, .hanzo-ui-light-theme {
+    --hz-ui-fg-0: hsl(0 0% 0%);
+    --hz-ui-fg-body: hsl(0 0% 10%);
+    --hz-ui-fg-1: hsl(0 0% 20%);
+    --hz-ui-fg-2: hsl(0 0% 35%);
+    --hz-ui-fg-3: hsl(0 0% 50%);
+    --hz-ui-fg-4: hsl(0 0% 70%);
+    --hz-ui-fg-5: hsl(0 0% 90%);
+
+    --hz-ui-bg-0: hsl(0 0% 100%);
+    --hz-ui-bg-1: hsl(0 0% 90%);
+    --hz-ui-bg-2: hsl(0 0% 75%);
+    --hz-ui-bg-3: hsl(0 0% 55%);
+
+    --hz-ui-bg-overlay: hsla(0 0% 100% 0.60);
+
+    --hz-ui-bg-inverted: var(--hz-ui-fg-0);
+    --hz-ui-bg-inverted-hover:  hsla(0, 0%, 0%, 0.85);
+
+    --hz-ui-fg-inverted: var(--hz-ui-bg-0);
+
+    --hz-ui-secondary-0: hsl(262, 7%, 82%);
+    --hz-ui-secondary-1: hsl(258, 7%, 72%);
+    --hz-ui-secondary-2: hsl(254, 7%, 62%);
+    --hz-ui-secondary-3: hsl(250, 5%, 53%);
+
+    --hz-ui-primary: var(--hz-ui-bg-inverted);
+    --hz-ui-primary-hover: var(--hz-ui-bg-inverted-hover);
+    --hz-ui-primary-fg: var(--hz-ui-fg-inverted);
+
+    --hz-ui-secondary: var(--hz-ui-secondary-0);
+    --hz-ui-secondary-hover: var(--hz-ui-secondary-2);
+    --hz-ui-secondary-fg: var(--hz-ui-bg-0);
+
+    --hz-ui-nav: var(--hz-ui-fg-4);
+    --hz-ui-nav-current: var(--hz-ui-fg-0);
+    --hz-ui-nav-hover: var(--hz-ui-fg-0);
+
+    --hz-ui-destructive: hsl(0 62.8% 45%);
+    --hz-ui-destructive-hover: hsl(0 62.8% 25%);
+    --hz-ui-destructive-fg: hsl(0 0% 100%);
+
+    --hz-ui-ring: var(--hz-ui-fg-1);
+
+    --hz-ui-radius: 0.5rem;
+  }
+ 
+  .hanzo-ui-dark-theme {
+
+    --hz-ui-fg-0: hsl(0 0% 100%);
+    --hz-ui-fg-body: hsl(0, 0%, 97%);
+    --hz-ui-fg-1: hsl(0 0% 85%);
+    --hz-ui-fg-2: hsl(0 0% 70%);
+    --hz-ui-fg-3: hsl(0 0% 55%);
+    --hz-ui-fg-4: hsl(0 0% 40%);
+    --hz-ui-fg-5: hsl(0 0% 25%);
+
+    --hz-ui-bg-inverted: var(--hz-ui-fg-0);
+    --hz-ui-bg-inverted-hover:  hsla(0, 0%, 100%, 0.85);
+
+    --hz-ui-bg-3: hsl(0 0% 25%);
+    --hz-ui-bg-2: hsl(0 0% 18%);
+    --hz-ui-bg-1: hsl(0 0% 12%);
+    --hz-ui-bg-0: hsl(0 0% 0%);
+
+    --hz-ui-bg-overlay: hsla(0 0% 0% 0.60);
+
+    --hz-ui-fg-inverted: var(--hz-ui-bg-0);
+
+    --hz-ui-secondary-0: hsl(250, 5%, 53%);
+    --hz-ui-secondary-1: hsl(254, 7%, 62%);
+    --hz-ui-secondary-2: hsl(258, 7%, 72%);
+    --hz-ui-secondary-3: hsl(262, 7%, 82%);
+
+    --hz-ui-secondary-fg: var(--hz-ui-fg-0);
+
+  }
+
+}
+

package/style/lux-global.css

@@ -0,0 +1,19 @@
+/* Note, preflight is applied first:
+  https://unpkg.com/tailwindcss@3.3.5/src/css/preflight.css
+*/
+@import "tailwindcss/base";
+
+/* see https://stackoverflow.com/questions/69746121/using-nextjs-how-can-you-import-in-css-using-tailwind-css */
+@import "@hanzo/ui/style/hanzo-common";
+@import "lux-colors";
+
+@import "tailwindcss/components";
+@import "tailwindcss/utilities";
+
+.nextjs-toast-errors-parent {
+  display: none;
+}
+
+.font-heading, h1, h2, h3 {
+  @apply uppercase;
+}

package/tailwind/fontFamily.tailwind.lux.ts

@@ -0,0 +1,18 @@
+import type { TwFontDesc } from '@hanzo/ui/tailwind'
+
+import luxTwFonts  from './lux-tw-fonts'
+
+export const fontFamily = (ignoreTheme: any): {
+  [key: string]: string[] 
+} => {
+
+  let result: any = {}
+  luxTwFonts.forEach((font: TwFontDesc) => {
+    result[font.twName] = font.fontFamily
+    // eg: heading: ['var(--font-druk-text-wide)']
+  })
+
+  return result as {
+    [key: string]: string[] 
+  }
+}

package/tailwind/index.ts

@@ -0,0 +1,2 @@
+ 
+export {default as preset} from './tailwind.config.lux-preset'

package/tailwind/lux-tw-fonts.ts

@@ -0,0 +1,40 @@
+import type { TwFontDesc } from '@hanzo/ui/tailwind'
+
+
+/* NOTE: /next/load-and-return....ts depends on this file! */
+
+export default [
+  {
+    fontFamily: ['var(--font-inter)'], // do not provide fall-backs due to next bug
+    cssVar: '--font-inter',
+    twName: 'sans'
+  },
+  {
+    fontFamily: ['var(--font-druk-text-wide)'], // do not provide fall-backs due to next bug
+    cssVar: '--font-druk-text-wide',
+    twName: 'nav'
+  },
+  {
+    fontFamily: ['var(--font-druk-wide)'], // do not provide fall-backs due to next bug
+    cssVar: '--font-druk-wide',
+    twName: 'heading'
+  },
+  {
+    twName: 'serif',
+    fontFamily: ['ui-serif', 'Georgia', 'Cambria', '"Times New Roman"', 'Times']
+  },
+  {
+    twName: 'mono',
+    fontFamily: [
+      'ui-monospace',
+      'SFMono-Regular',
+      'Menlo',
+      'Monaco',
+      'Consolas',
+      '"Liberation Mono"',
+      '"Courier New"',
+      'monospace',
+    ] 
+  }
+
+] as TwFontDesc[]

package/tailwind/tailwind.config.lux-preset.ts

@@ -0,0 +1,10 @@
+import type { Config } from 'tailwindcss'
+import { preset } from '@hanzo/ui/tailwind'
+import { fontFamily } from './fontFamily.tailwind.lux'
+
+export default {
+  presets: [preset],
+  content: [],
+  theme: { fontFamily }
+} satisfies Config
+

package/tsconfig.json

@@ -0,0 +1,10 @@
+{
+  "extends": "../tsconfig.hanzo-modules.base.json",
+  "include": [
+    "**/*.ts",
+    "**/*.tsx",
+  ],
+  "exclude": [
+    "node_modules",
+  ],
+}

package/types/contact-info.ts

@@ -0,0 +1,11 @@
+interface ContactInfo {
+  email: string
+  phone?: string
+}
+
+type ContactInfoFields = keyof ContactInfo
+
+export {
+  type ContactInfo,
+  type ContactInfoFields
+}

package/types/index.ts

@@ -0,0 +1 @@
+export type { ContactInfo, ContactInfoFields } from './contact-info'