Text

<Text
  prompt="Summarize to one or two short paragraphs"
  grade={5}
  type="HTML"
  as="div"
  className="prose dark:prose-invert"
>
  <h2>Quantum formalism and the uncertainty principle</h2>
  <p>
    One consequence of the basic quantum formalism is the
    uncertainty principle. In its most familiar form, this states
    that no preparation of a quantum particle can imply
    simultaneously precise predictions both for a measurement of
    its position and for a measurement of its momentum.
  </p>
  <p>
    Both position and momentum are observables, meaning that they
    are represented by Hermitian operators. The position operator
    X and momentum operator P do not commute, but rather satisfy
    the canonical commutation relation.
  </p>
  <p>
    Given a quantum state, the Born rule lets us compute
    expectation values for both X and P, and moreover for powers
    of them.
  </p>
</Text>

<Text
  prompt="Write a poem"
  grade={5}
  type="HTML"
  as="div"
  className="prose dark:prose-invert"
>
  happy lizard
</Text>

'use client'
 
import { useText } from '@trikinco/fullstack-components/client'
 
export default function Page() {
  const { isLoading, data } = useText({
    prompt:
      'Simplify and shorten this text, only return plain text',
    grade: 5,
    max: 250,
    content: `
        One consequence of the basic quantum formalism is the uncertainty 
        principle. In its most familiar form, this states that no 
        preparation of a quantum particle can imply simultaneously 
        precise predictions both for a measurement of its position 
        and for a measurement of its momentum.
        `,
  })
 
  if (isLoading) {
    return 'Loading text...'
  }
 
  // The content can also be rendered with next-mdx-remote or similar
  return <div className="mt-6">{data?.content}</div>
}

const { isLoading, data } = useText({
  prompt: 'Simplify and shorten this text',
  content: (
    <>
      <h3>Quantum formalism and the uncertainty principle</h3>
      <p>
        One consequence of the basic quantum formalism is the
        uncertainty principle. In its most familiar form, this
        states that no preparation of a quantum particle can imply
        simultaneously precise predictions both for a measurement
        of its position and for a measurement of its momentum.
      </p>
    </>
  ),
})

import { getText } from '@trikinco/fullstack-components'
 
export default async function Page() {
  const response = await getText({
    tone: 'Ominous',
    content: 'Welcome to fullstack components',
    type: 'text',
  })
 
  // The content can also be rendered with next-mdx-remote or similar
  return <div className="mt-6">{response?.content}</div>
}

import {
  handleFSComponents,
  handleTextRequest,
  type FSCOptions,
} from '@trikinco/fullstack-components'
 
const fscOptions: FSCOptions = {
  text: handleTextRequest({
    openAiApiKey: process.env.OPENAI_API_KEY || '',
  }),
  // Additional options and handlers...
}
 
const fscHandler = handleFSComponents(fscOptions)
 
export { fscHandler as GET, fscHandler as POST }