bright

work in progress

the future is bright

Usage

npm install bright

Use it from a server component, for example in Next.js app/page.js:

import { Code } from "bright"

export default function Page() {
  return <Code lang="py">print("hello brightness")</Code>
}

Credits

• Thanks LEI Zongmin for providing the bright npm package name

---

import { Code } from "bright"

const myCode = `
let hello = "hello brightness"
console.log(hello, "my old friend")
`.trim()

export default function Page() {
  return (
    <Code lang="js" lineNumbers>
      {myCode}
    </Code>
  )
}

---

import { Code } from "bright"

const myCode = `
let hello = "hello brightness"
console.log(hello, "my old friend")
`.trim()

// you can set any prop globally
Code.lineNumbers = true

export default function Page() {
  return <Code lang="js">{myCode}</Code>
}

---

import { Code } from "bright"

// there are some built in themes
// typescript should autocomplete this
Code.theme = "github-dark"

export default function Page() {
  return <Code lang="py">print("hello brightness")</Code>
}