;\n}\n\nfunction App() {\n const [segyData, setSegyData] = useState(null);\n const [isLoading, setIsLoading] = useState(true);\n const [percentile, setPercentile] = useState(99);\n\n useEffect(() => {\n fetchDefaultSEGY();\n }, []);\n\n const fetchDefaultSEGY = async () => {\n setIsLoading(true);\n try {\n const response = await fetch(\"/process-default-segy\");\n if (!response.ok) {\n throw new Error(\"Failed to process default SEG-Y file\");\n }\n const data = await response.json();\n console.log(\"Received data:\", data);\n setSegyData(data);\n } catch (error) {\n console.error(\"Error processing default SEG-Y file:\", error);\n alert(\"Error processing default SEG-Y file. Please try uploading your own file.\");\n } finally {\n setIsLoading(false);\n }\n };\n\n const handleFileUpload = async (event) => {\n const file = event.target.files[0];\n if (!file) return;\n\n setIsLoading(true);\n\n const formData = new FormData();\n formData.append(\"segyFile\", file);\n\n try {\n const response = await fetch(\"/process-segy\", {\n method: \"POST\",\n body: formData,\n });\n\n if (!response.ok) {\n throw new Error(\"Failed to process SEG-Y file\");\n }\n\n const data = await response.json();\n console.log(\"Received data:\", data);\n setSegyData(data);\n } catch (error) {\n console.error(\"Error processing SEG-Y file:\", error);\n alert(\"Error processing SEG-Y file. Please try again.\");\n } finally {\n setIsLoading(false);\n }\n };\n\n const handlePercentileChange = (event) => {\n const value = parseFloat(event.target.value);\n if (!isNaN(value) && value >= 50 && value <= 100) {\n setPercentile(value);\n }\n };\n\n return (\n

SEG-Y File Plotter

\n \n

\n Percentile for scaling:\n \n \n

\n {isLoading &&

Processing SEG-Y file...

}\n {segyData && }\n

\n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\n\nif (typeof document !== \"undefined\") { client(); }\n\nconst css = `\nbody {\n font-family: Arial, sans-serif;\n max-width: 1600px; // Increased from 1200px\n margin: 0 auto;\n padding: 20px;\n}\n\nh1 {\n color: #333;\n}\n\ninput[type=\"file\"] {\n margin-bottom: 20px;\n}\n\n#plotDiv {\n width: 100%;\n height: 1000px; // Increased from 800px\n}\n`;\n\n/**\n * Function to process SEG-Y data passed as a Uint8Array\n * @param {Uint8Array} data - The binary content of the SEG-Y file as Uint8Array\n */\nfunction processSEGY(arrayBuffer) {\n // Call parseSegy with the ArrayBuffer\n const traces = parseSegy(arrayBuffer);\n\n // Process the extracted traces (for example, log them to the console)\n console.log(traces);\n\n return { data: traces };\n}\n\nexport default async function server(request: Request): Promise {\n const url = new URL(request.url);\n\n if (url.pathname === \"/process-default-segy\") {\n try {\n // Fetch the SEG-Y file from the blob storage\n const file = await blob.get(\"Kirchhoff_PreSDM.segy\");\n\n if (!file) {\n throw new Error(\"Default SEG-Y file not found in blob storage\");\n }\n\n // Process the SEG-Y data\n const arrayBuffer = await file.arrayBuffer();\n const processedData = processSEGY(arrayBuffer);\n\n return new Response(JSON.stringify(processedData), {\n headers: { \"Content-Type\": \"application/json\" },\n });\n } catch (error) {\n console.error(\"Error processing default SEG-Y file:\", error);\n return new Response(\"Error processing default SEG-Y file\", { status: 500 });\n }\n }\n\n if (url.pathname === \"/process-segy\") {\n const formData = await request.formData();\n const file = formData.get(\"segyFile\");\n\n if (!file || !(file instanceof File)) {\n return new Response(\"No file uploaded\", { status: 400 });\n }\n\n try {\n const arrayBuffer = await file.arrayBuffer();\n const processedData = processSEGY(arrayBuffer);\n\n return new Response(JSON.stringify(processedData), {\n headers: { \"Content-Type\": \"application/json\" },\n });\n } catch (error) {\n console.error(\"Error processing SEG-Y file:\", error);\n return new Response(\"Error processing SEG-Y file\", { status: 500 });\n }\n }\n\n // Default response for the root path\n return new Response(\n `\n \n \n SEG-Y File Plotter\n \n \n \n \n

\n \n \n \n \n `,\n {\n headers: {\n \"content-type\": \"text/html\",\n },\n },\n );\n}","deleted","label",[99],"permalink","https://www.val.town/x/efoley/segYPlotter/code/main.tsx","extension","actionData","errors"]