53:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 54:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 55:Tb44,'use client'; import { CodeFrame } from '@/components/odyssey/components/animate/code-block'; interface CodeFrameDemoProps { typeEffect: boolean; duration: number; delay: number; theme: string; language: string; } const SNIPPETS: Record = { python: `from contextlib import contextmanager from typing import Generator @contextmanager def safe_file_operation(filepath: str, mode: str = 'r') -> Generator: """Context manager for safe file operations.""" file = None try: file = open(filepath, mode) yield file except FileNotFoundError: print(f"File {filepath} not found") raise except IOError as e: print(f"IO error: {e}") raise finally: if file: file.close() # Usage with safe_file_operation('data.txt', 'r') as f: content = f.read() print(content)`, javascript: `import { useState, useEffect } from 'react'; function useFetch(url) { const [data, setData] = useState(null); const [loading, setLoading] = useState(true); const [error, setError] = useState(null); useEffect(() => { const controller = new AbortController(); fetch(url, { signal: controller.signal }) .then((res) => res.json()) .then(setData) .catch(setError) .finally(() => setLoading(false)); return () => controller.abort(); }, [url]); return { data, loading, error }; } export default useFetch;`, react: `'use client'; import * as React from 'react'; type MyComponentProps = { myProps: string; } & React.ComponentProps<'div'>; function MyComponent(props: MyComponentProps) { return (

My Component

); } export { MyComponent, type MyComponentProps };`, java: `import java.util.Optional; import java.util.function.Function; public class Either { private final L left; private final R right; private Either(L left, R right) { this.left = left; this.right = right; } public static Either left(L value) { return new Either<>(value, null); } public static Either right(R value) { return new Either<>(null, value); } public boolean isRight() { return right != null; } public T fold(Function leftFn, Function rightFn) { return isRight() ? rightFn.apply(right) : leftFn.apply(left); } }`, }; export const CodeFrameDemo = ({ typeEffect, duration, delay, theme, language, }: CodeFrameDemoProps) => { const code = SNIPPETS[language] ?? SNIPPETS['react']; return ( ); }; 52:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[null,["$","$L53",null,{"namespace":"@odysseyui","registryDependencies":["odyssey/components-animate-code-block"]}]]}],null]}],["$","$L54",null,{"files":[{"path":"registry/demo/components/animate/code-block/index.tsx","content":"$55","type":"registry:ui","target":"components/odyssey/demo/animate/code-block.tsx"}],"className":"h-[70svh] min-h-80"}]]}]