Spaces:

viait
/

multi-fusion-sd-dalle

Running

App Files Files Community

TenPoisk commited on Aug 17, 2023

Commit

3422aee

•

1 Parent(s): 8c50084

Upload 5 files

Browse files

Files changed (5) hide show

README (1).md +9 -0
gen.txt +7 -0
html2canvas.js +0 -0
index (1).html +297 -0
lib.txt +11 -0

README (1).md ADDED Viewed

	@@ -0,0 +1,9 @@

+---
+title: MultiFusion — Stable Diffusion & Dall•E-2
+metaTitle: DALL·E mini by craiyon.com on Hugging Face
+emoji: 💧MF
+colorFrom: yellow
+colorTo: green
+sdk: static
+pinned: true
+---

gen.txt ADDED Viewed

	@@ -0,0 +1,7 @@

+[
+{
+@+img_id(count==9)
+}
+]

html2canvas.js ADDED Viewed

The diff for this file is too large to render. See raw diff

index (1).html ADDED Viewed

	@@ -0,0 +1,297 @@

+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta
+      name="viewport"
+      content="width=device-width, initial-scale=1, shrink-to-fit=no, maximum-scale=1"
+    />
+    <title>MultiFusion</title>
+    <script>
+      window.__gradio_mode__ = "app";
+      window.gradio_config = {
+        version: "3.0.26\n",
+        mode: "blocks",
+        dev_mode: false,
+        components: [
+          {
+            id: 1,
+            type: "column",
+            props: {
+              type: "column",
+              variant: "default",
+              visible: true,
+              style: {},
+            },
+          },
+          {
+            id: 2,
+            type: "markdown",
+            props: {
+              value:
+                '<h1><center>💧 Multi Fusion</center></h1>',
+              name: "markdown",
+              visible: true,
+              style: {},
+            },
+          },
+          {
+            id: 3,
+            type: "markdown",
+            props: {
+              value:
+                "<center>This space is designed to generate images with Stable Diffusion, Dall•E-2!</center>",
+              name: "markdown",
+              visible: true,
+              style: {},
+            },
+          },
+          {
+            id: 4,
+            type: "group",
+            props: { type: "group", visible: true, style: {} },
+          },
+          {
+            id: 5,
+            type: "box",
+            props: { type: "box", visible: true, style: {} },
+          },
+          {
+            id: 6,
+            type: "row",
+            props: {
+              type: "row",
+              visible: true,
+              style: { equal_height: true, mobile_collapse: false },
+            },
+          },
+          {
+            id: 7,
+            type: "textbox",
+            props: {
+              lines: 1,
+              max_lines: 1,
+              value: "",
+              label: "🧩 Enter your prompt",
+              show_label: false,
+              name: "textbox",
+              visible: true,
+              elem_id: "prompt",
+              style: { container: false },
+            },
+          },
+          {
+            id: 8,
+            type: "button",
+            props: {
+              value: "▶️",
+              variant: "primary",
+              name: "button",
+              visible: true,
+              style: {},
+            },
+          },
+          {
+            id: 9,
+            type: "gallery",
+            props: {
+              value: [],
+              label: "Generated images",
+              show_label: false,
+              name: "gallery",
+              visible: true,
+              elem_id: "gallery",
+              style: { grid: [3], height: "auto" },
+            },
+          },
+          {
+            id: 10,
+            type: "column",
+            props: {
+              type: "column",
+              variant: "default",
+              visible: true,
+              style: {},
+            },
+          },
+          {
+            id: 11,
+            type: "button",
+            props: {
+              value: "Screenshot",
+              variant: "secondary",
+              name: "button",
+              visible: true,
+              elem_id: "screenshot",
+              style: { full_width: true },
+            },
+          },
+          {
+            id: 12,
+            type: "markdown",
+            props: {
+              value:
+                '<details>\n<summary>Limitations</summary>\n<p style=\'line-height: normal; font-size: small\'>\nWe want to declare that we have no limits, censorship and other restrictions, we also guarantee complete confidentiality of all users, since this is a non-commercial project and we rely on moral support from users, we rely only on your intelligence, adequacy and your understanding, thank you .\n</p>\n</details>',
+              name: "markdown",
+              visible: true,
+              style: {},
+            },
+          },
+          {
+            id: 13,
+            type: "markdown",
+            props: {
+              value:
+                '<p style=\'text-align: center\'>\nUsually generation takes no more than 50 seconds (9 images are generated at a time)\n</p>',
+              name: "markdown",
+              visible: true,
+              style: {},
+            },
+          },
+          {
+            id: 14,
+            type: "markdown",
+            props: {
+              value:
+                '<hr />\n<p style=\'text-align: center\'>\n👑 Created by <a href="https://hf.co/viait" target="_blank">viaIT Group</a>\n<br/>\n<a href="https://github.com/borisdayma/dalle-mini" target="_blank">🗂 API</a> | <a href="https://stats.uptimerobot.com/4rjLpsYY7Z" target="_blank">📊 Status</a>\n<p style=\'text-align: center\'>💻 Local <a href="https://github.com/viait-group/multi-fusion" target="_blank">setup</a>\n</p>',
+              name: "markdown",
+              visible: true,
+              style: {},
+            },
+          },
+        ],
+        theme: "default",
+        css: ".container { max-width: 800px; margin: auto; }",
+        title: "Gradio",
+        enable_queue: false,
+        layout: {
+          id: 0,
+          children: [
+            {
+              id: 1,
+              children: [
+                { id: 2 },
+                { id: 3 },
+                {
+                  id: 4,
+                  children: [
+                    {
+                      id: 5,
+                      children: [{ id: 6, children: [{ id: 7 }, { id: 8 }] }],
+                    },
+                    { id: 9 },
+                  ],
+                },
+              ],
+            },
+            {
+              id: 10,
+              children: [{ id: 11 }, { id: 12 }, { id: 13 }, { id: 14 }],
+            },
+          ],
+        },
+        dependencies: [
+          {
+            targets: [8],
+            trigger: "click",
+            inputs: [7],
+            outputs: [9],
+            backend_fn: false,
+            js: "\n        async (text) => {\n            try {\n                document.querySelector('#screenshot').style.display = 'none';\n                response = await fetch('https://bf.dallemini.ai/generate', {\n                    method: 'POST',\n                    headers: {\n                        'Accept': 'application/json',\n                        'Content-Type': 'application/json'\n                    },\n                    body: JSON.stringify({\n                        prompt: text\n                    })\n                });\n                response = await response.json()\n                let imgs = response.images.map(r => \"data:image/png;base64,\" + r)\n                document.querySelector('#screenshot').style.display = 'block';\n                return imgs\n            } catch (e) {\n                alert(\"Too much traffic, please try again.\")\n                IMG = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAMAAACahl6sAAAAOVBMVEXg4OB1dXXX19fd3d2EhIR9fX14eHjJycm2trbb29uurq6goKCZmZmIiIiBgYHNzc2np6e8vLySkpKXK8HrAAABuUlEQVR4nO3Z0bKCIBCAYQNFVCzr/R/2nHU6k8KpJi6wZf7vLu1id9gFhKYBAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAb249h7pzr5jD29uhospnlfNo4L+boiLKYyZ0iblKYiu/iNER3PTquD9npPgbB98Za0/twH59JVasMtzXo1m+iHny7PrwpysSuebgxCtmOTlkma121l/TFZR2UqXxEebxEO/87QZlZ3inpeCPzVftkojUyJp2OWVgKy23qSsbg8evitBSXkUjHzYN9Is0oeWoYkkUKazsxRYlYKa6ldFSfs7K/8tsnUSLrXHAuG1SOXpp5t1LEiQxSe33ZqDJIC4TdkziRJkRN9J1CXFlpIj7J9RvNSd0kiUj1zSVjyiKr4X5yTRIx0kYlY8oinbzfFSaJWFlJSsaUpZpEqimttNkTOpo9nX4TOqbfdEFM6FgQpW7c8OofSrYo1Wwaq9nG1/NhVc2nbj2HD821kuOgeg7o3hyZBj1Hpo9D7M3K+HeIrSmPeq4Vfl3ruOhpnly9vdyEfa1KLkPF7nr66GAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAPjcD13rCcC3ILx/AAAAAElFTkSuQmCC\"\n                document.querySelector('#screenshot').style.display = 'block';\n                return Array(9).fill(IMG)\n            }\n        }\n        ",
+            status_tracker: null,
+            queue: null,
+            api_name: null,
+            scroll_to_output: false,
+            show_progress: true,
+          },
+          {
+            targets: [11],
+            trigger: "click",
+            inputs: [],
+            outputs: [],
+            backend_fn: false,
+            js: "\n            () => {\n                const captureElement = document.getElementById(1)\n                let bg_color = getComputedStyle(document.querySelector(\"#root .container\"))[\"background-color\"]\n                captureElement.style.backgroundColor = bg_color;     \n                html2canvas(captureElement)\n                .then(canvas => {\n                    canvas.style.display = 'none'\n                    document.body.appendChild(canvas)\n                    return canvas\n                })\n                .then(canvas => {\n                    const image = canvas.toDataURL('image/png').replace('image/png', 'image/octet-stream')\n                    const a = document.createElement('a')\n                    const date = new Date()\n                    const filename = `dallemini_${date.getFullYear()}-${date.getMonth() + 1}-${date.getDate()}_${date.getHours()}-${date.getMinutes()}-${date.getSeconds()}.png`\n                    a.setAttribute('download', filename)\n                    a.setAttribute('href', image)\n                    a.click()\n                    canvas.remove()\n                })\n            }\n        ",
+            status_tracker: null,
+            queue: null,
+            api_name: null,
+            scroll_to_output: false,
+            show_progress: true,
+          },
+        ],
+      };
+    </script>
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link
+      rel="preconnect"
+      href="https://fonts.gstatic.com"
+      crossorigin="anonymous"
+    />
+    <link
+      href="https://fonts.googleapis.com/css?family=Source Sans Pro"
+      rel="stylesheet"
+    />
+    <link
+      href="https://fonts.googleapis.com/css?family=IBM Plex Mono"
+      rel="stylesheet"
+    />
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/iframe-resizer/4.3.1/iframeResizer.contentWindow.min.js"></script>
+    <script
+      type="module"
+      crossorigin
+      src="https://gradio.s3-us-west-2.amazonaws.com/3.0.9b12/assets/index.8eca4ae7.js"
+    ></script>
+    <link
+      rel="stylesheet"
+      href="https://gradio.s3-us-west-2.amazonaws.com/3.0.9b12/assets/index.cbea297d.css"
+    />
+    <style>
+      #screenshot {
+        display: none;
+      }
+      .container > div > div {
+        padding: 0.5rem;
+      }
+      footer a {
+        color: rgb(156 163 175) !important;
+      }
+      footer img {
+        display: none !important;
+      }
+    </style>
+    <style id="mofo">
+      body {
+        display: none !important;
+      }
+    </style>
+    <script type="text/javascript">
+      if (
+        self === top ||
+        window.location.ancestorOrigins[0] === "https://huggingface.co"
+      ) {
+        var mofo = document.getElementById("mofo");
+        mofo.parentNode.removeChild(mofo);
+      } else {
+        top.location = self.location;
+      }
+    </script>
+  </head>
+  <body
+    style="
+      margin: 0;
+      padding: 0;
+      display: flex;
+      flex-direction: column;
+      flex-grow: 1;
+    "
+  >
+    <div
+      id="root"
+      style="display: flex; flex-direction: column; flex-grow: 1"
+    ></div>
+    <script src="html2canvas.js"></script>
+  </body>
+</html>

lib.txt ADDED Viewed

	@@ -0,0 +1,11 @@

+{
+1.png
+2.png
+3.png
+4.png
+5.png
+6.png
+7.png
+8.png
+9.png
+}