Val Town Code SearchReturn to Val Town

4
5function App() {
6  const [imageId, setImageId] = useState(null);
7  const [file, setFile] = useState(null);
8  const imageRef = useRef(null);
9  const [cornerstoneLoaded, setCornerstoneLoaded] = useState(false);
10
11  useEffect(() => {
12    let cornerstone, cornerstoneWADOImageLoader, dicomParser;
13
14    async function loadLibraries() {
15      cornerstone = (await import("https://esm.sh/cornerstone-core")).default;
16      cornerstoneWADOImageLoader = (await import("https://esm.sh/cornerstone-wado-image-loader")).default;
17      dicomParser = (await import("https://esm.sh/dicom-parser")).default;
18
19      cornerstoneWADOImageLoader.external.cornerstone = cornerstone;
20      cornerstoneWADOImageLoader.external.dicomParser = dicomParser;
21      cornerstoneWADOImageLoader.configure({
22        useWebWorkers: false,
23      });
30
31  useEffect(() => {
32    if (cornerstoneLoaded && imageId && imageRef.current) {
33      import("https://esm.sh/cornerstone-core").then((cornerstone) => {
34        cornerstone.default.enable(imageRef.current);
35        cornerstone.default.loadImage(imageId).then(image => {
36          cornerstone.default.displayImage(imageRef.current, image);
37        });
38      });
39    }
40  }, [imageId, cornerstoneLoaded]);
41
42  const handleFileChange = async (event) => {
44    if (selectedFile) {
45      setFile(selectedFile);
46      const cornerstoneWADOImageLoader = (await import("https://esm.sh/cornerstone-wado-image-loader")).default;
47      const imageId = cornerstoneWADOImageLoader.wadouri.fileManager.add(selectedFile);
48      setImageId(imageId);
49    }
50  };
67      <h1>DICOM Viewer</h1>
68      <input type="file" accept=".dcm" onChange={handleFileChange} />
69      <div ref={imageRef} className="cornerstone-viewport" />
70      {file && (
71        <button onClick={handleDownload} className="download-button">

12    content: body.data.email_addresses[0].email_address
13      + " "
14      + body.data.profile_image_url,
15  });
16  return new Response("Success");

8
9<div align="center">
10<img src="https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/67a1d35e-c37c-41a4-0e5a-03a9ba585d00/public" width="500px"/>
11</div>

3View and interact with your Val Town SQLite data. It's based off Steve's excellent [SQLite Admin](https://www.val.town/v/stevekrouse/sqlite_admin?v=46) val, adding the ability to run SQLite queries directly in the interface. This new version has a revised UI and that's heavily inspired by [LibSQL Studio](https://github.com/invisal/libsql-studio) by [invisal](https://github.com/invisal). This is now more an SPA, with tables, queries and results showing up on the same page. 
4
5![image.webp](https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/c8e102fd-39ca-4bfb-372a-8d36daf43900/public)
6
7## Install 

10
11<div align="center">
12<img src="https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/67a1d35e-c37c-41a4-0e5a-03a9ba585d00/public" width="500px"/>
13</div>

4
5<div align="center">
6<img src="https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/67a1d35e-c37c-41a4-0e5a-03a9ba585d00/public" width="700px"/>
7</div>

68      }
69
70      const { image } = await request.json();
71      
72      // Check cache
73      const cacheKey = image.slice(0, 100); // Use first 100 characters of image as cache key
74      const cachedResult = cache.get(cacheKey);
75      if (cachedResult) {
77      }
78      
79      // Preprocess image using sharp
80      const buffer = Buffer.from(image.split(',')[1], 'base64');
81      const processedImage = await sharp(buffer)
82        .resize(640, 480) // Resize to a standard size
83        .toFormat('jpeg')
84        .toBuffer();
85      
86      // Convert processed image to base64
87      const processedBase64 = `data:image/jpeg;base64,${processedImage.toString('base64')}`;
88      
89      // Use worker for TensorFlow.js computation

3This is a lightweight Blob Admin interface to view and debug your Blob data.
4
5![b7321ca2cd80899250589b9aa08bc3cae9c7cea276282561194e7fc537259b46.png](https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/311a81bb-18d8-4583-b7e3-64bac326f700/public)
6
7## Installation

3View and interact with your Val Town SQLite data. It's based off Steve's excellent [SQLite Admin](https://www.val.town/v/stevekrouse/sqlite_admin?v=46) val, adding the ability to run SQLite queries directly in the interface. This new version has a revised UI and that's heavily inspired by [LibSQL Studio](https://github.com/invisal/libsql-studio) by [invisal](https://github.com/invisal). This is now more an SPA, with tables, queries and results showing up on the same page. 
4
5![image.webp](https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/c8e102fd-39ca-4bfb-372a-8d36daf43900/public)
6
7## Install 

3This is a lightweight Blob Admin interface to view and debug your Blob data.
4
5![b7321ca2cd80899250589b9aa08bc3cae9c7cea276282561194e7fc537259b46.png](https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/311a81bb-18d8-4583-b7e3-64bac326f700/public)
6
7## Installation