@ddict/bubble 0.0.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2022 ddict
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,2 @@
+# bubble
+content scripts popover 

package/dist/bubble.css

@@ -0,0 +1 @@
+.body[data-v-2b1f4ed3]{padding:.7rem!important}

package/dist/bubble.es.js

@@ -0,0 +1,244 @@
+import { openBlock, createElementBlock, renderSlot, toDisplayString, createCommentVNode, createElementVNode, Fragment, renderList, createVNode, withCtx, createBlock, pushScopeId, popScopeId } from "vue";
+var Google = {
+  revise
+};
+function revise(data) {
+  const sentences = data.sentences.filter((s) => s.trans).map((s) => s.trans);
+  const translits = data.sentences.filter((s) => s.src_translit).map((s) => s.src_translit).join();
+  let dicts;
+  if (data.dict) {
+    dicts = data.dict.map((d) => {
+      return {
+        pos: d.pos,
+        terms: d.terms.join(", ")
+      };
+    });
+  }
+  return {
+    sentences,
+    translits,
+    dicts
+  };
+}
+var _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+const _sfc_main$4 = {
+  name: "Translit",
+  props: ["translits"]
+};
+const _hoisted_1$4 = { class: "text-xs truncate w-5/6" };
+const _hoisted_2$2 = { key: 0 };
+function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("p", _hoisted_1$4, [
+    renderSlot(_ctx.$slots, "default"),
+    $props.translits ? (openBlock(), createElementBlock("span", _hoisted_2$2, " /" + toDisplayString($props.translits) + "/ ", 1)) : createCommentVNode("", true)
+  ]);
+}
+var Translit = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render$3]]);
+const _sfc_main$3 = {
+  name: "Player",
+  props: ["tts"],
+  data() {
+    return {
+      playing: false,
+      player: new Audio(this.tts),
+      err: null
+    };
+  },
+  watch: {
+    playing(val) {
+      if (!val) {
+        this.player.pause();
+        return;
+      }
+      this.player.play();
+    }
+  },
+  created() {
+    this.player.onended = () => {
+      this.playing = false;
+    };
+    this.player.onerror = (err) => {
+      this.err = err;
+    };
+  },
+  methods: {
+    play() {
+      this.playing = !this.playing;
+    }
+  }
+};
+const _hoisted_1$3 = {
+  key: 0,
+  xmlns: "http://www.w3.org/2000/svg",
+  class: "h-4 w-4 inline",
+  fill: "none",
+  viewBox: "0 0 24 24",
+  stroke: "currentColor",
+  "stroke-width": "2"
+};
+const _hoisted_2$1 = /* @__PURE__ */ createElementVNode("path", {
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  d: "M15.536 8.464a5 5 0 010 7.072m2.828-9.9a9 9 0 010 12.728M5.586 15H4a1 1 0 01-1-1v-4a1 1 0 011-1h1.586l4.707-4.707C10.923 3.663 12 4.109 12 5v14c0 .891-1.077 1.337-1.707.707L5.586 15z"
+}, null, -1);
+const _hoisted_3$1 = [
+  _hoisted_2$1
+];
+const _hoisted_4$1 = {
+  key: 1,
+  xmlns: "http://www.w3.org/2000/svg",
+  class: "h-4 w-4 inline",
+  fill: "none",
+  viewBox: "0 0 24 24",
+  stroke: "currentColor",
+  "stroke-width": "2"
+};
+const _hoisted_5$1 = /* @__PURE__ */ createElementVNode("path", {
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  d: "M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
+}, null, -1);
+const _hoisted_6$1 = /* @__PURE__ */ createElementVNode("path", {
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  d: "M9 10a1 1 0 011-1h4a1 1 0 011 1v4a1 1 0 01-1 1h-4a1 1 0 01-1-1v-4z"
+}, null, -1);
+const _hoisted_7$1 = [
+  _hoisted_5$1,
+  _hoisted_6$1
+];
+function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
+  return !$data.err ? (openBlock(), createElementBlock("span", {
+    key: 0,
+    onClick: _cache[0] || (_cache[0] = (...args) => $options.play && $options.play(...args))
+  }, [
+    !$data.playing ? (openBlock(), createElementBlock("svg", _hoisted_1$3, _hoisted_3$1)) : createCommentVNode("", true),
+    $data.playing ? (openBlock(), createElementBlock("svg", _hoisted_4$1, _hoisted_7$1)) : createCommentVNode("", true)
+  ])) : createCommentVNode("", true);
+}
+var Player = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_render$2]]);
+const _sfc_main$2 = {
+  name: "Sentences",
+  props: ["sentences"]
+};
+const _hoisted_1$2 = { class: "text-base leading-tight" };
+function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(true), createElementBlock(Fragment, null, renderList($props.sentences, (s) => {
+    return openBlock(), createElementBlock("p", _hoisted_1$2, toDisplayString(s), 1);
+  }), 256);
+}
+var Sentences = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$1]]);
+const _sfc_main$1 = {
+  name: "Dict",
+  props: ["dicts"]
+};
+const _hoisted_1$1 = { class: "text-info font-bold italic capitalize" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(true), createElementBlock(Fragment, null, renderList($props.dicts, (d) => {
+    return openBlock(), createElementBlock("div", null, [
+      createElementVNode("h3", _hoisted_1$1, toDisplayString(d.pos), 1),
+      createElementVNode("p", null, toDisplayString(d.terms), 1)
+    ]);
+  }), 256);
+}
+var Dict = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render]]);
+var Bubble_vue_vue_type_style_index_0_scoped_true_lang = "";
+const _withScopeId = (n) => (pushScopeId("data-v-2b1f4ed3"), n = n(), popScopeId(), n);
+const _hoisted_1 = { class: "absolute card bg-base-100 shadow-xl compact" };
+const _hoisted_2 = { class: "absolute top-0 right-0 p-1.5" };
+const _hoisted_3 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  class: "h-4 w-4 inline",
+  fill: "none",
+  viewBox: "0 0 24 24",
+  stroke: "currentColor",
+  "stroke-width": "2"
+}, [
+  /* @__PURE__ */ createElementVNode("path", {
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round",
+    d: "M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z"
+  }),
+  /* @__PURE__ */ createElementVNode("path", {
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round",
+    d: "M15 12a3 3 0 11-6 0 3 3 0 016 0z"
+  })
+], -1));
+const _hoisted_4 = [
+  _hoisted_3
+];
+const _hoisted_5 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  class: "h-4 w-4 inline",
+  fill: "none",
+  viewBox: "0 0 24 24",
+  stroke: "currentColor",
+  "stroke-width": "2"
+}, [
+  /* @__PURE__ */ createElementVNode("path", {
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round",
+    d: "M6 18L18 6M6 6l12 12"
+  })
+], -1));
+const _hoisted_6 = [
+  _hoisted_5
+];
+const _hoisted_7 = { class: "card-body body" };
+const __default__ = {
+  name: "Bubble",
+  props: ["google", "tts"],
+  emits: ["settings", "close"],
+  data() {
+    return {
+      data: null
+    };
+  },
+  created() {
+    this.data = Google.revise(this.google);
+  }
+};
+const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          createElementVNode("button", {
+            onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("settings"))
+          }, _hoisted_4),
+          createElementVNode("button", {
+            onClick: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("close"))
+          }, _hoisted_6)
+        ]),
+        createElementVNode("div", _hoisted_7, [
+          createVNode(Translit, {
+            translits: _ctx.data.translits
+          }, {
+            default: withCtx(() => [
+              __props.tts ? (openBlock(), createBlock(Player, {
+                key: 0,
+                tts: __props.tts
+              }, null, 8, ["tts"])) : createCommentVNode("", true)
+            ]),
+            _: 1
+          }, 8, ["translits"]),
+          createVNode(Sentences, {
+            sentences: _ctx.data.sentences
+          }, null, 8, ["sentences"]),
+          createVNode(Dict, {
+            dicts: _ctx.data.dicts
+          }, null, 8, ["dicts"])
+        ])
+      ]);
+    };
+  }
+});
+var Bubble = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2b1f4ed3"]]);
+export { Bubble as default };

package/dist/bubble.umd.js

@@ -0,0 +1 @@
+(function(l,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(l=typeof globalThis!="undefined"?globalThis:l||self,e(l.Bubble={},l.Vue))})(this,function(l,e){"use strict";var p={revise:_};function _(t){const s=t.sentences.filter(n=>n.trans).map(n=>n.trans),o=t.sentences.filter(n=>n.src_translit).map(n=>n.src_translit).join();let r;return t.dict&&(r=t.dict.map(n=>({pos:n.pos,terms:n.terms.join(", ")}))),{sentences:s,translits:o,dicts:r}}var c=(t,s)=>{const o=t.__vccOpts||t;for(const[r,n]of s)o[r]=n;return o};const h={name:"Translit",props:["translits"]},m={class:"text-xs truncate w-5/6"},k={key:0};function f(t,s,o,r,n,i){return e.openBlock(),e.createElementBlock("p",m,[e.renderSlot(t.$slots,"default"),o.translits?(e.openBlock(),e.createElementBlock("span",k," /"+e.toDisplayString(o.translits)+"/ ",1)):e.createCommentVNode("",!0)])}var g=c(h,[["render",f]]);const u={name:"Player",props:["tts"],data(){return{playing:!1,player:new Audio(this.tts),err:null}},watch:{playing(t){if(!t){this.player.pause();return}this.player.play()}},created(){this.player.onended=()=>{this.playing=!1},this.player.onerror=t=>{this.err=t}},methods:{play(){this.playing=!this.playing}}},y={key:0,xmlns:"http://www.w3.org/2000/svg",class:"h-4 w-4 inline",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","stroke-width":"2"},w=[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M15.536 8.464a5 5 0 010 7.072m2.828-9.9a9 9 0 010 12.728M5.586 15H4a1 1 0 01-1-1v-4a1 1 0 011-1h1.586l4.707-4.707C10.923 3.663 12 4.109 12 5v14c0 .891-1.077 1.337-1.707.707L5.586 15z"},null,-1)],$={key:1,xmlns:"http://www.w3.org/2000/svg",class:"h-4 w-4 inline",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","stroke-width":"2"},B=[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M21 12a9 9 0 11-18 0 9 9 0 0118 0z"},null,-1),e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M9 10a1 1 0 011-1h4a1 1 0 011 1v4a1 1 0 01-1 1h-4a1 1 0 01-1-1v-4z"},null,-1)];function E(t,s,o,r,n,i){return n.err?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",{key:0,onClick:s[0]||(s[0]=(...a)=>i.play&&i.play(...a))},[n.playing?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("svg",y,w)),n.playing?(e.openBlock(),e.createElementBlock("svg",$,B)):e.createCommentVNode("",!0)]))}var b=c(u,[["render",E]]);const V={name:"Sentences",props:["sentences"]},N={class:"text-base leading-tight"};function x(t,s,o,r,n,i){return e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.sentences,a=>(e.openBlock(),e.createElementBlock("p",N,e.toDisplayString(a),1))),256)}var C=c(V,[["render",x]]);const S={name:"Dict",props:["dicts"]},j={class:"text-info font-bold italic capitalize"};function M(t,s,o,r,n,i){return e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.dicts,a=>(e.openBlock(),e.createElementBlock("div",null,[e.createElementVNode("h3",j,e.toDisplayString(a.pos),1),e.createElementVNode("p",null,e.toDisplayString(a.terms),1)]))),256)}var z=c(S,[["render",M]]),G="";const d=t=>(e.pushScopeId("data-v-2b1f4ed3"),t=t(),e.popScopeId(),t),D={class:"absolute card bg-base-100 shadow-xl compact"},T={class:"absolute top-0 right-0 p-1.5"},I=[d(()=>e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",class:"h-4 w-4 inline",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","stroke-width":"2"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z"}),e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M15 12a3 3 0 11-6 0 3 3 0 016 0z"})],-1))],L=[d(()=>e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",class:"h-4 w-4 inline",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","stroke-width":"2"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M6 18L18 6M6 6l12 12"})],-1))],O={class:"card-body body"};var P=c(Object.assign({name:"Bubble",props:["google","tts"],emits:["settings","close"],data(){return{data:null}},created(){this.data=p.revise(this.google)}},{setup(t){return(s,o)=>(e.openBlock(),e.createElementBlock("div",D,[e.createElementVNode("div",T,[e.createElementVNode("button",{onClick:o[0]||(o[0]=r=>s.$emit("settings"))},I),e.createElementVNode("button",{onClick:o[1]||(o[1]=r=>s.$emit("close"))},L)]),e.createElementVNode("div",O,[e.createVNode(g,{translits:s.data.translits},{default:e.withCtx(()=>[t.tts?(e.openBlock(),e.createBlock(b,{key:0,tts:t.tts},null,8,["tts"])):e.createCommentVNode("",!0)]),_:1},8,["translits"]),e.createVNode(C,{sentences:s.data.sentences},null,8,["sentences"]),e.createVNode(z,{dicts:s.data.dicts},null,8,["dicts"])])]))}}),[["__scopeId","data-v-2b1f4ed3"]]);l.default=P,Object.defineProperties(l,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/package.json

@@ -0,0 +1,23 @@
+{
+    "name": "@ddict/bubble",
+    "version": "0.0.1",
+    "files": ["dist"],
+    "main": "./dist/bubble.umd.js",
+    "module": "./dist/bubble.es.js",
+    "scripts": {
+        "dev": "vite",
+        "build": "vite build",
+        "preview": "vite preview"
+    },
+    "dependencies": {
+        "daisyui": "^2.8.0",
+        "vue": "^3.2.25"
+    },
+    "devDependencies": {
+        "@vitejs/plugin-vue": "^2.2.0",
+        "autoprefixer": "^10.4.4",
+        "postcss": "^8.4.12",
+        "tailwindcss": "^3.0.23",
+        "vite": "^2.8.0"
+    }
+}