Create app.py

app.py

@@ -0,0 +1,47 @@
+import gradio as gr
+
+js = """
+() => {
+    document.documentElement.style.background = document.body.classList.contains('dark') ? '#0b0f19' : '#fff';
+    document.body.style.display = 'none';
+
+    //const footer = document.querySelector('body > gradio-app footer');
+    //footer.replaceChildren();
+
+    const url = [
+        'https://cdn.jsdelivr.net/gh/mattiasw/ExifReader@29524b5/dist/exif-reader.js',
+        'https://cdn.jsdelivr.net/gh/gutris1/sd-image-parser@d29cd9c/javascript/image-parser.js',
+        'https://cdn.jsdelivr.net/gh/gutris1/image-info-space@b020eb6/script.js'
+    ];
+
+    url.forEach(src => {
+        const script = document.createElement('script');
+        script.type = 'text/javascript';
+        script.async = true;
+        script.src = src;
+        document.head.append(script);
+    });
+
+    const css = document.createElement('link');
+    css.rel = 'stylesheet';
+    css.href = `https://cdn.jsdelivr.net/gh/gutris1/image-info-space@71b8571/style.css`;
+    document.head.append(css);
+
+    const input = document.querySelector('#SDImageInfo-Image input');
+    input.parentNode.insertBefore(Object.assign(document.createElement('div'), { id: 'SDImageInfo-Image-Frame' }), input);
+    document.body.style.display = '';
+}
+"""
+
+with gr.Blocks(analytics_enabled=False, theme='NoCrypt/miku') as app:
+    with gr.Column(elem_id='SDImageInfo-Column'):
+        image = gr.Image(elem_id='SDImageInfo-Image', type='pil', show_label=False)
+        image.change(fn=None, _js='() => { SDImageInfoParser(); }')
+
+    with gr.Column(elem_id='SDImageInfo-OutputPanel'):
+        gr.Textbox(elem_id='SDImageInfo-Geninfo', visible=False)
+        gr.HTML(elem_id='SDImageInfo-HTML')
+
+    app.load(None, _js=js)
+
+app.launch()