Function EditorText

src/components/code/editor-text.tsx:23–140

({ source }: Props)

const registry = generated as Record<string, RegistryItem>

export function EditorText({ source }: Props) {
  const [copiedStates, setCopiedStates] = useState<Record<string, boolean>>({})
  const { copy } = useClipboard()

  const [rawSourceCode, setRawSourceCode] = useState<Record<string, string | null>>({})

  const handleCopy = async (key: string, value: string | null) => {
    if (value) {
      const didCopy = await copy(value)
      if (!didCopy) return
      setCopiedStates((prev) => ({ ...prev, [key]: true }))
      setTimeout(() => {
        setCopiedStates((prev) => ({ ...prev, [key]: false }))
      }, 2000)
    }
  }

  useEffect(() => {
    const fetchRegistryData = async () => {
      const fetchedSourceCode: Record<string, string | null> = {}
      await Promise.all(
        Object.entries(source)
          .filter(([key]) => key !== 'preview')

          .map(async ([key, path]) => {
            const registryKey = `${path}`
            const registryItem = registry[registryKey]

            if (registryItem) {
              try {
                const response = await fetch(`/registry/${registryKey}.json`)
                if (response.ok) {
                  const registryEntry = await response.json()
                  fetchedSourceCode[key] =
                    registryEntry.files?.[0]?.content || 'No content available'
                } else {
                  console.error(`Failed to fetch source code for ${path}:`, response.status)
                  fetchedSourceCode[key] = 'Error loading source code.'
                }
              } catch (error) {
                console.error(`Error fetching source code for ${path}:`, error)
                fetchedSourceCode[key] = 'Error loading source code.'
              }
            } else {
              console.error(`Registry item for ${registryKey} not found.`)
              fetchedSourceCode[key] = 'Registry item not found.'
            }
          })
      )
      setRawSourceCode(fetchedSourceCode)
    }

    fetchRegistryData()
  }, [source])

  return (
    <>
      {rawSourceCode && Object.keys(rawSourceCode).length > 0 ? (