ablok-photobooth 0.2.39 → 0.2.40

package/dist/chunks/face-swap.vue_vue_type_style_index_0_lang-B0EJ4Q3T.js

@@ -0,0 +1,229 @@
+import { defineComponent as S, ref as i, computed as u, watch as V, onBeforeMount as j, openBlock as t, createElementBlock as d, createElementVNode as f, normalizeClass as A, createVNode as p, Transition as B, withCtx as M, createBlock as g, createCommentVNode as b } from "vue";
+import y from "ablok-components/components/atoms/base-image/base-image.vue";
+import C from "ablok-components/components/atoms/loading-spinner/loading-spinner.vue";
+import I from "ablok-components/components/molecules/media-thumbnails/media-thumbnails.vue";
+import { r as L, M as U } from "./media-api-DcCOqndv.js";
+const D = { class: "face-swap" }, E = { class: "position-relative" }, N = ["innerHTML"], x = { class: "face-swap__thumbnails" }, q = [
+  {
+    type: "target",
+    thumbnail: "/faceswap/robotroll._avengers_black_widow_fbe3e886-525d-4c8b-b46c-b32856fae2bf.png",
+    src: "/faceswap/robotroll._avengers_black_widow_fbe3e886-525d-4c8b-b46c-b32856fae2bf.png",
+    mediaType: "image",
+    filters: []
+  },
+  {
+    type: "target",
+    thumbnail: "/faceswap/robotroll._batmans_joker_04afa7d0-430d-43f2-a7ce-815c6875a793.png",
+    src: "/faceswap/robotroll._batmans_joker_04afa7d0-430d-43f2-a7ce-815c6875a793.png",
+    mediaType: "image",
+    filters: []
+  },
+  {
+    type: "target",
+    thumbnail: "/faceswap/robotroll._catwoman_922f1bfa-9197-4e9a-aaeb-bce5d413a9b9.png",
+    src: "/faceswap/robotroll._catwoman_922f1bfa-9197-4e9a-aaeb-bce5d413a9b9.png",
+    mediaType: "image",
+    filters: []
+  },
+  {
+    type: "target",
+    thumbnail: "/faceswap/robotroll._christian_bale_as_american_psycho_abe2d5ab-58e8-4f21-94f9-b2b117af3d89.png",
+    src: "/faceswap/robotroll._christian_bale_as_american_psycho_abe2d5ab-58e8-4f21-94f9-b2b117af3d89.png",
+    mediaType: "image",
+    filters: []
+  },
+  {
+    type: "target",
+    thumbnail: "/faceswap/robotroll._dirty_harry_7ce45595-edba-4ef8-a513-39b179d94f57.png",
+    src: "/faceswap/robotroll._dirty_harry_7ce45595-edba-4ef8-a513-39b179d94f57.png",
+    mediaType: "image",
+    filters: []
+  },
+  {
+    type: "target",
+    thumbnail: "/faceswap/robotroll._evil_santa_claus_pointing_a_double_barrel_shotgun_at_bf603686-4980-449b-ad88-e8f362850aab.png",
+    src: "/faceswap/robotroll._evil_santa_claus_pointing_a_double_barrel_shotgun_at_bf603686-4980-449b-ad88-e8f362850aab.png",
+    mediaType: "image",
+    filters: []
+  },
+  {
+    type: "target",
+    thumbnail: "/faceswap/robotroll._homer_simpson_as_real_person_b14628bf-5a5a-45fe-b35a-e56960de4ad4.png",
+    src: "/faceswap/robotroll._homer_simpson_as_real_person_b14628bf-5a5a-45fe-b35a-e56960de4ad4.png",
+    mediaType: "image",
+    filters: []
+  },
+  {
+    type: "target",
+    thumbnail: "/faceswap/robotroll._james_bond_caa0af54-16b2-4d15-9e4d-45cc395c021b.png",
+    src: "/faceswap/robotroll._james_bond_caa0af54-16b2-4d15-9e4d-45cc395c021b.png",
+    mediaType: "image",
+    filters: []
+  },
+  {
+    type: "target",
+    thumbnail: "/faceswap/robotroll._neil_gaimans_sandman_d3ca51cd-2ef8-46d5-b1db-1474789783a4.png",
+    src: "/faceswap/robotroll._neil_gaimans_sandman_d3ca51cd-2ef8-46d5-b1db-1474789783a4.png",
+    mediaType: "image",
+    filters: []
+  },
+  {
+    type: "target",
+    thumbnail: "/faceswap/robotroll._pennywise_3f4c5997-9fd2-43e0-ab9b-17384fb58da9.png",
+    src: "/faceswap/robotroll._pennywise_3f4c5997-9fd2-43e0-ab9b-17384fb58da9.png",
+    mediaType: "image",
+    filters: []
+  },
+  {
+    type: "target",
+    thumbnail: "/faceswap/robotroll._queen_of_hearts_8de84ac6-3f61-4981-ac92-c63d90d63890.png",
+    src: "/faceswap/robotroll._queen_of_hearts_8de84ac6-3f61-4981-ac92-c63d90d63890.png",
+    mediaType: "image",
+    filters: []
+  },
+  {
+    type: "target",
+    thumbnail: "/faceswap/robotroll._red_dead_redemptions_arthur_morgan_portrait_36f8a066-6c2b-4a23-9c5e-a2a3964b0d3b.png",
+    src: "/faceswap/robotroll._red_dead_redemptions_arthur_morgan_portrait_36f8a066-6c2b-4a23-9c5e-a2a3964b0d3b.png",
+    mediaType: "image",
+    filters: []
+  },
+  {
+    type: "target",
+    thumbnail: "/faceswap/robotroll._thanos_38adb80e-08ac-49d4-95e0-d4d11cb5a11d.png",
+    src: "/faceswap/robotroll._thanos_38adb80e-08ac-49d4-95e0-d4d11cb5a11d.png",
+    mediaType: "image",
+    filters: []
+  },
+  {
+    type: "target",
+    thumbnail: "/faceswap/robotroll._the_godfather_062db832-61ce-4d18-a09d-045cadd4e281.png",
+    src: "/faceswap/robotroll._the_godfather_062db832-61ce-4d18-a09d-045cadd4e281.png",
+    mediaType: "image",
+    filters: []
+  },
+  {
+    type: "target",
+    thumbnail: "/faceswap/robotroll._wolverine_3f9cece6-e490-4be8-a5f9-d6e6abf0440f.png",
+    src: "/faceswap/robotroll._wolverine_3f9cece6-e490-4be8-a5f9-d6e6abf0440f.png",
+    mediaType: "image",
+    filters: []
+  }
+], R = /* @__PURE__ */ S({
+  __name: "face-swap",
+  props: {
+    modelValue: {
+      default: null
+    },
+    config: {
+      type: Object,
+      default: null
+    },
+    variant: {
+      type: String,
+      default: "light"
+    },
+    messages: {
+      type: Object,
+      default: {}
+    },
+    assets: {
+      type: Array,
+      default: () => q
+    },
+    resetState: {
+      type: Boolean,
+      default: !1
+    },
+    ratio: {
+      type: String,
+      default: "4x3"
+    },
+    endpoint: {
+      type: String,
+      default: "/faceswap-json"
+    },
+    autoSelect: Number
+  },
+  emits: ["update:modelValue"],
+  setup(a, { emit: w }) {
+    const r = a, _ = w, o = i(), n = i(), s = i(), c = i(!1);
+    u({
+      get() {
+        return r.modelValue;
+      },
+      set(e) {
+        _("update:modelValue", e);
+      }
+    });
+    const m = u(() => s.value || o.value && o.value.src || n.value);
+    V(s, async (e, l) => {
+      e && e !== l && _("update:modelValue", e);
+    }, { deep: !0 });
+    function h(e) {
+      if (typeof e < "u") {
+        const l = r.assets[e];
+        o.value = l, s.value = null;
+      }
+    }
+    async function v() {
+      const e = await L(o.value.src), T = { dataUrl: r.modelValue, targetDataUrl: e };
+      c.value = !0;
+      const k = U;
+      s.value = await k.processImage(
+        r.endpoint,
+        T,
+        ""
+      ), c.value = !1;
+    }
+    return j(() => {
+      n.value = r.modelValue;
+    }), (e, l) => (t(), d("div", D, [
+      f("div", E, [
+        f("div", {
+          class: A(["media-container", `${a.ratio ? `ratio ratio-${a.ratio}` : ""}`])
+        }, [
+          p(B, {
+            name: "fade",
+            mode: "out-in"
+          }, {
+            default: M(() => [
+              (t(), d("div", { key: m.value }, [
+                p(y, { src: m.value }, null, 8, ["src"])
+              ]))
+            ]),
+            _: 1
+          })
+        ], 2),
+        o.value ? (t(), d("button", {
+          key: 0,
+          type: "button",
+          class: "btn face-swap__swap-face",
+          onClick: v
+        }, [
+          n.value && !s.value && !c.value ? (t(), g(y, {
+            key: 0,
+            src: n.value,
+            class: "img-thumbnail"
+          }, null, 8, ["src"])) : b("", !0)
+        ])) : b("", !0),
+        c.value ? (t(), g(C, { key: 1 })) : b("", !0)
+      ]),
+      a.messages.headline ? (t(), d("p", {
+        key: 0,
+        class: "headline",
+        innerHTML: a.messages.headline
+      }, null, 8, N)) : b("", !0),
+      f("div", x, [
+        p(I, {
+          assets: a.assets,
+          onSelect: h
+        }, null, 8, ["assets"])
+      ])
+    ]));
+  }
+});
+export {
+  q as D,
+  R as _
+};

package/dist/chunks/media-api-DcCOqndv.js

@@ -0,0 +1,164 @@
+async function f(r) {
+  let t = await fetch(r, { mode: "no-cors" }).then((n) => n.blob());
+  return await new Promise((n) => {
+    let a = new FileReader();
+    a.onload = () => n(a.result), a.readAsDataURL(t);
+  });
+}
+async function m(r) {
+  return await new Promise((t) => {
+    let n = new FileReader();
+    n.onload = () => t(n.result), n.readAsDataURL(r);
+  });
+}
+function l(r) {
+  return new Promise((t, n) => {
+    const a = new Image();
+    a.onload = () => t(a), a.onerror = n, a.src = r;
+  });
+}
+function U(r, t = 0, n = 0) {
+  return new Promise((a, o) => {
+    const e = new Image();
+    e.crossOrigin = "anonymous", e.naturalWidth, e.naturalHeight, e.onload = () => {
+      const s = document.createElement("canvas"), i = s.getContext("2d");
+      s.width = t, s.height = e.height * t / e.width, i.drawImage(e, 0, 0, s.width, s.height);
+      const g = s.toDataURL();
+      a(g);
+    }, e.src = r;
+  });
+}
+function I(r, t = 1) {
+  return new Promise((n, a) => {
+    const o = new Image();
+    o.crossOrigin = "anonymous", o.onload = () => {
+      const e = o.naturalWidth, s = o.naturalHeight, i = e / s;
+      let g = e, h = s;
+      i > t ? g = s * t : i < t && (h = e / t);
+      const c = document.createElement("canvas");
+      c.width = g, c.height = h, c.getContext("2d").drawImage(o, c.width / 2 - o.width / 2, c.height / 2 - o.height / 2), n(c.toDataURL());
+    }, o.src = r;
+  });
+}
+const u = (r) => {
+  const t = new FileReader();
+  return new Promise((n) => {
+    t.onload = (a) => {
+      if (!a.target)
+        return n(0);
+      const o = a.target, e = new DataView(o.result);
+      if (e.getUint16(0, !1) != 65496)
+        return n(-2);
+      const s = e.byteLength;
+      let i = 2;
+      for (; i < s; ) {
+        if (e.getUint16(i + 2, !1) <= 8) return n(-1);
+        let g = e.getUint16(i, !1);
+        if (i += 2, g == 65505) {
+          if (e.getUint32(i += 2, !1) != 1165519206)
+            return n(-1);
+          let h = e.getUint16(i += 6, !1) == 18761;
+          i += e.getUint32(i + 4, h);
+          let c = e.getUint16(i, h);
+          i += 2;
+          for (let d = 0; d < c; d++)
+            if (e.getUint16(i + d * 12, h) == 274)
+              return n(e.getUint16(i + d * 12 + 8, h));
+        } else {
+          if ((g & 65280) != 65280)
+            break;
+          i += e.getUint16(i, !1);
+        }
+      }
+      return n(-1);
+    }, t.readAsArrayBuffer(r);
+  });
+};
+function w(r) {
+  let t = 0;
+  switch (r) {
+    //   case 1:
+    //     degree = 0;
+    //     break;
+    // case 2:
+    //     degree = 0;
+    //     break;
+    // case 3:
+    //     degree = 180;
+    //     break;
+    // case 4:
+    //     degree = 180;
+    //     break;
+    // case 5:
+    //     degree = 90;
+    //     break;
+    // case 6:
+    //     degree = 90;
+    //     break;
+    // case 7:
+    //     degree = 270;
+    //     break;
+    // case 8:
+    //     degree = 270;
+    //     break;
+    case 3:
+      t = 180;
+      break;
+    case 6:
+      t = 90;
+      break;
+    case 8:
+      t = 270;
+      break;
+    default:
+      t = 0;
+  }
+  return t;
+}
+async function b(r) {
+  const t = await u(r);
+  return await w(t);
+}
+async function p(r, t) {
+  const n = await l(r), a = document.createElement("canvas"), o = a.getContext("2d");
+  return a.width = n.width, a.height = n.height, o.setTransform(1, 0, 0, 1, a.width / 2, a.height / 2), o.rotate(t), o.drawImage(n, -n.width / 2, -n.height / 2), a.toDataURL();
+}
+const y = {
+  // removeBg: async (endpoint: string, file: { dataUrl: string, resolution?: number }, basePath: string = '/media') => {
+  //   const body = JSON.stringify({
+  //     dataUrl: file.dataUrl,
+  //     removeBackground: true
+  //   });
+  //   const response = await fetch(endpoint, {
+  //       headers: {
+  //         'Content-Type': 'application/json'
+  //       },
+  //       method: 'POST',
+  //       body
+  //     })
+  //     .then((response) => response.json())
+  //     .catch((error) => [ error ]);
+  //   return await response.dataUrl;
+  // },
+  processImage: async (r, t, n = "/media") => {
+    const a = JSON.stringify({
+      ...t
+    });
+    return await (await fetch(r, {
+      headers: {
+        "Content-Type": "application/json"
+      },
+      method: "POST",
+      body: a
+    }).then((e) => e.json()).catch((e) => [e])).dataUrl;
+  }
+};
+export {
+  y as M,
+  p as a,
+  U as b,
+  I as c,
+  m as f,
+  b as g,
+  f as r
+};