henry-search 1.0.0 → 1.0.1

package/README.md

@@ -0,0 +1,5 @@
+# Vue 3 + Vite
+
+This template should help get you started developing with Vue 3 in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
+
+Learn more about IDE Support for Vue in the [Vue Docs Scaling up Guide](https://vuejs.org/guide/scaling-up/tooling.html#ide-support).

package/dist/HenrySearch.css

@@ -0,0 +1 @@
+:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.card{padding:2em}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.read-the-docs[data-v-830e400e]{color:#888}.logo[data-v-962047bb]{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo[data-v-962047bb]:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.vue[data-v-962047bb]:hover{filter:drop-shadow(0 0 2em #42b883aa)}

package/dist/HenrySearch.js

@@ -0,0 +1,76 @@
+import { ref as g, createElementBlock as i, openBlock as p, Fragment as u, createElementVNode as t, toDisplayString as a, createTextVNode as l, createVNode as d, createApp as m } from "vue";
+const v = "/vite.svg", h = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20aria-hidden='true'%20role='img'%20class='iconify%20iconify--logos'%20width='37.07'%20height='36'%20preserveAspectRatio='xMidYMid%20meet'%20viewBox='0%200%20256%20198'%3e%3cpath%20fill='%2341B883'%20d='M204.8%200H256L128%20220.8L0%200h97.92L128%2051.2L157.44%200h47.36Z'%3e%3c/path%3e%3cpath%20fill='%2341B883'%20d='m0%200l128%20220.8L256%200h-51.2L128%20132.48L50.56%200H0Z'%3e%3c/path%3e%3cpath%20fill='%2335495E'%20d='M50.56%200L128%20133.12L204.8%200h-47.36L128%2051.2L97.92%200H50.56Z'%3e%3c/path%3e%3c/svg%3e", c = (s, r) => {
+  const o = s.__vccOpts || s;
+  for (const [e, n] of r)
+    o[e] = n;
+  return o;
+}, _ = { class: "card" }, f = {
+  __name: "HelloWorld",
+  props: {
+    msg: String
+  },
+  setup(s) {
+    const r = g(0);
+    return (o, e) => (p(), i(u, null, [
+      t("h1", null, a(s.msg), 1),
+      t("div", _, [
+        t("button", {
+          type: "button",
+          onClick: e[0] || (e[0] = (n) => r.value++)
+        }, "count is " + a(r.value), 1),
+        e[1] || (e[1] = t("p", null, [
+          l(" Edit "),
+          t("code", null, "components/HelloWorld.vue"),
+          l(" to test HMR ")
+        ], -1))
+      ]),
+      e[2] || (e[2] = t("p", null, [
+        l(" Check out "),
+        t("a", {
+          href: "https://vuejs.org/guide/quick-start.html#local",
+          target: "_blank"
+        }, "create-vue"),
+        l(", the official Vue + Vite starter ")
+      ], -1)),
+      e[3] || (e[3] = t("p", null, [
+        l(" Learn more about IDE Support for Vue in the "),
+        t("a", {
+          href: "https://vuejs.org/guide/scaling-up/tooling.html#ide-support",
+          target: "_blank"
+        }, "Vue Docs Scaling up Guide"),
+        l(". ")
+      ], -1)),
+      e[4] || (e[4] = t("p", { class: "read-the-docs" }, "Click on the Vite and Vue logos to learn more", -1))
+    ], 64));
+  }
+}, k = /* @__PURE__ */ c(f, [["__scopeId", "data-v-830e400e"]]), V = {
+  __name: "App",
+  setup(s) {
+    return (r, o) => (p(), i(u, null, [
+      o[0] || (o[0] = t("div", null, [
+        t("a", {
+          href: "https://vite.dev",
+          target: "_blank"
+        }, [
+          t("img", {
+            src: v,
+            class: "logo",
+            alt: "Vite logo"
+          })
+        ]),
+        t("a", {
+          href: "https://vuejs.org/",
+          target: "_blank"
+        }, [
+          t("img", {
+            src: h,
+            class: "logo vue",
+            alt: "Vue logo"
+          })
+        ])
+      ], -1)),
+      d(k, { msg: "Vite + Vue" })
+    ], 64));
+  }
+}, L = /* @__PURE__ */ c(V, [["__scopeId", "data-v-962047bb"]]);
+m(L).mount("#app");

package/dist/HenrySearch.umd.cjs

@@ -0,0 +1 @@
+(function(e,n){typeof exports=="object"&&typeof module<"u"?n(require("vue")):typeof define=="function"&&define.amd?define(["vue"],n):(e=typeof globalThis<"u"?globalThis:e||self,n(e.Vue))})(this,(function(e){"use strict";const n="/vite.svg",i="data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20aria-hidden='true'%20role='img'%20class='iconify%20iconify--logos'%20width='37.07'%20height='36'%20preserveAspectRatio='xMidYMid%20meet'%20viewBox='0%200%20256%20198'%3e%3cpath%20fill='%2341B883'%20d='M204.8%200H256L128%20220.8L0%200h97.92L128%2051.2L157.44%200h47.36Z'%3e%3c/path%3e%3cpath%20fill='%2341B883'%20d='m0%200l128%20220.8L256%200h-51.2L128%20132.48L50.56%200H0Z'%3e%3c/path%3e%3cpath%20fill='%2335495E'%20d='M50.56%200L128%20133.12L204.8%200h-47.36L128%2051.2L97.92%200H50.56Z'%3e%3c/path%3e%3c/svg%3e",a=(l,r)=>{const o=l.__vccOpts||l;for(const[t,s]of r)o[t]=s;return o},c={class:"card"},d=a({__name:"HelloWorld",props:{msg:String},setup(l){const r=e.ref(0);return(o,t)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("h1",null,e.toDisplayString(l.msg),1),e.createElementVNode("div",c,[e.createElementVNode("button",{type:"button",onClick:t[0]||(t[0]=s=>r.value++)},"count is "+e.toDisplayString(r.value),1),t[1]||(t[1]=e.createElementVNode("p",null,[e.createTextVNode(" Edit "),e.createElementVNode("code",null,"components/HelloWorld.vue"),e.createTextVNode(" to test HMR ")],-1))]),t[2]||(t[2]=e.createElementVNode("p",null,[e.createTextVNode(" Check out "),e.createElementVNode("a",{href:"https://vuejs.org/guide/quick-start.html#local",target:"_blank"},"create-vue"),e.createTextVNode(", the official Vue + Vite starter ")],-1)),t[3]||(t[3]=e.createElementVNode("p",null,[e.createTextVNode(" Learn more about IDE Support for Vue in the "),e.createElementVNode("a",{href:"https://vuejs.org/guide/scaling-up/tooling.html#ide-support",target:"_blank"},"Vue Docs Scaling up Guide"),e.createTextVNode(". ")],-1)),t[4]||(t[4]=e.createElementVNode("p",{class:"read-the-docs"},"Click on the Vite and Vue logos to learn more",-1))],64))}},[["__scopeId","data-v-830e400e"]]),p=a({__name:"App",setup(l){return(r,o)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[o[0]||(o[0]=e.createElementVNode("div",null,[e.createElementVNode("a",{href:"https://vite.dev",target:"_blank"},[e.createElementVNode("img",{src:n,class:"logo",alt:"Vite logo"})]),e.createElementVNode("a",{href:"https://vuejs.org/",target:"_blank"},[e.createElementVNode("img",{src:i,class:"logo vue",alt:"Vue logo"})])],-1)),e.createVNode(d,{msg:"Vite + Vue"})],64))}},[["__scopeId","data-v-962047bb"]]);e.createApp(p).mount("#app")}));

package/dist/vite.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>

package/package.json

@@ -1,10 +1,12 @@
 {
   "name": "henry-search",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "Searches a typesense archive of musical performances",
-  "main": "js/components/Search.vue",
+  "main": "js/main.js",
   "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview"
   },
   "repository": {
     "type": "git",
@@ -14,7 +16,7 @@
     "search"
   ],
   "author": "Imarc",
-  "license": "MIT",
+  "license": "ISC",
   "bugs": {
     "url": "https://github.com/bostonsymphony/henry-search/issues"
   },
@@ -28,6 +30,21 @@
     "vue": "^3.5.21",
     "vue-instantsearch": "^4.21.3",
     "vue-select": "^4.0.0-beta.6"
+  }
+  ,
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^6.0.1",
+    "vite": "^7.1.7"
   },
-  "devDependencies": {}
+  "type": "module",
+  "exports": {
+    ".": {
+      "import": "./dist/HenrySearch.js",
+      "require": "./dist/HenrySearch.umd.js"
+    }
+  },  
+  "files": [
+    "dist",
+    "src"
+  ]
 }

package/src/App.vue

@@ -0,0 +1,30 @@
+<script setup>
+import HelloWorld from './components/HelloWorld.vue'
+</script>
+
+<template>
+  <div>
+    <a href="https://vite.dev" target="_blank">
+      <img src="/vite.svg" class="logo" alt="Vite logo" />
+    </a>
+    <a href="https://vuejs.org/" target="_blank">
+      <img src="./assets/vue.svg" class="logo vue" alt="Vue logo" />
+    </a>
+  </div>
+  <HelloWorld msg="Vite + Vue" />
+</template>
+
+<style scoped>
+.logo {
+  height: 6em;
+  padding: 1.5em;
+  will-change: filter;
+  transition: filter 300ms;
+}
+.logo:hover {
+  filter: drop-shadow(0 0 2em #646cffaa);
+}
+.logo.vue:hover {
+  filter: drop-shadow(0 0 2em #42b883aa);
+}
+</style>

package/src/assets/vue.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="37.07" height="36" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 198"><path fill="#41B883" d="M204.8 0H256L128 220.8L0 0h97.92L128 51.2L157.44 0h47.36Z"></path><path fill="#41B883" d="m0 0l128 220.8L256 0h-51.2L128 132.48L50.56 0H0Z"></path><path fill="#35495E" d="M50.56 0L128 133.12L204.8 0h-47.36L128 51.2L97.92 0H50.56Z"></path></svg>

package/src/components/HelloWorld.vue

@@ -0,0 +1,43 @@
+<script setup>
+import { ref } from 'vue'
+
+defineProps({
+  msg: String,
+})
+
+const count = ref(0)
+</script>
+
+<template>
+  <h1>{{ msg }}</h1>
+
+  <div class="card">
+    <button type="button" @click="count++">count is {{ count }}</button>
+    <p>
+      Edit
+      <code>components/HelloWorld.vue</code> to test HMR
+    </p>
+  </div>
+
+  <p>
+    Check out
+    <a href="https://vuejs.org/guide/quick-start.html#local" target="_blank"
+      >create-vue</a
+    >, the official Vue + Vite starter
+  </p>
+  <p>
+    Learn more about IDE Support for Vue in the
+    <a
+      href="https://vuejs.org/guide/scaling-up/tooling.html#ide-support"
+      target="_blank"
+      >Vue Docs Scaling up Guide</a
+    >.
+  </p>
+  <p class="read-the-docs">Click on the Vite and Vue logos to learn more</p>
+</template>
+
+<style scoped>
+.read-the-docs {
+  color: #888;
+}
+</style>

package/src/components/Search.vue

@@ -22,7 +22,7 @@
   import { simple as simpleStateMapping } from 'instantsearch.js/es/lib/stateMappings'
   import Typesense from 'typesense'
 
-  import PAccordion from '../components/PAccordion.vue'
+  import PAccordion from './PAccordion.vue'
 
   const props = defineProps({
     indexName: {

package/src/main.js

@@ -0,0 +1,19 @@
+import { createApp } from 'vue'
+// import './style.css'
+// import App from './App.vue'
+
+// createApp(App).mount('#app')
+
+import Search from './components/Search.vue'
+
+export default {
+
+    install: (app) => {
+
+        app.component('henry-search', Search)
+
+    },
+
+}
+
+export { Search }

package/src/style.css

@@ -0,0 +1,79 @@
+:root {
+  font-family: system-ui, Avenir, Helvetica, Arial, sans-serif;
+  line-height: 1.5;
+  font-weight: 400;
+
+  color-scheme: light dark;
+  color: rgba(255, 255, 255, 0.87);
+  background-color: #242424;
+
+  font-synthesis: none;
+  text-rendering: optimizeLegibility;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+a {
+  font-weight: 500;
+  color: #646cff;
+  text-decoration: inherit;
+}
+a:hover {
+  color: #535bf2;
+}
+
+body {
+  margin: 0;
+  display: flex;
+  place-items: center;
+  min-width: 320px;
+  min-height: 100vh;
+}
+
+h1 {
+  font-size: 3.2em;
+  line-height: 1.1;
+}
+
+button {
+  border-radius: 8px;
+  border: 1px solid transparent;
+  padding: 0.6em 1.2em;
+  font-size: 1em;
+  font-weight: 500;
+  font-family: inherit;
+  background-color: #1a1a1a;
+  cursor: pointer;
+  transition: border-color 0.25s;
+}
+button:hover {
+  border-color: #646cff;
+}
+button:focus,
+button:focus-visible {
+  outline: 4px auto -webkit-focus-ring-color;
+}
+
+.card {
+  padding: 2em;
+}
+
+#app {
+  max-width: 1280px;
+  margin: 0 auto;
+  padding: 2rem;
+  text-align: center;
+}
+
+@media (prefers-color-scheme: light) {
+  :root {
+    color: #213547;
+    background-color: #ffffff;
+  }
+  a:hover {
+    color: #747bff;
+  }
+  button {
+    background-color: #f9f9f9;
+  }
+}