=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}function Ma(e){var t=e.hit,r=e.attribute,n=e.highlightedTagName,i=e.nonHighlightedTagName,a=e.separator,s=Qa(e,$a),c=tr(t._snippetResult,r)||[],u=(Array.isArray(c)?c:[c]).map((function(e){return fr(I(e.value||""))}));return o.default.createElement(Ua,Wa({},s,{parts:u,highlightedTagName:n,nonHighlightedTagName:i,separator:a}))}const qa=ga.article`
display: flex;
flex-direction: column;
justify-content: space-between;
@@ -16,11 +16,11 @@
max-height: 300px;
object-fit: cover;
}
-`,Wa=ba.div`
+`,Va=ga.div`
display: flex;
flex-direction: column;
justify-content: space-between;
-`,Qa=({hit:e})=>{const t=new URL(e.url);return An(Ua,{children:[An(Wa,{children:[An("div",{children:[An("h2",{children:An("a",{href:e.url.replace(t.origin,""),children:e.title})}),An("p",{children:[e.summary&&An(Ta,{hit:e,attribute:"summary"}),!e.summary&&e.html&&An(i.HY,{children:["...",An(Ma,{hit:e,attribute:"html"}),"..."]})]})]}),e.updated&&An("div",{children:["Last Updated: ",new Date(1e3*e.updated).toLocaleDateString("en-us",{month:"long",day:"numeric",year:"numeric"})]})]}),e.photo&&An("img",{src:e.photo.replace(t.origin,""),alt:""})]})},qa=({hit:e})=>An(Qa,{hit:e}),Va=({hit:e})=>An(Qa,{hit:e});var Ba,Ya;const za="algolia-search",Ga=(null===(Ba=window.drupalSettings)||void 0===Ba?void 0:Ba.stanfordAlgolia.appId)||"MISSING_ENV_VAR".ALGOLIA_APP_ID,Ja=(null===(Ya=window.drupalSettings)||void 0===Ya?void 0:Ya.stanfordAlgolia.searchKey)||"MISSING_ENV_VAR".ALGOLIA_SEARCH_KEY,Ka=t()(Ga,Ja),Za=({hit:e})=>"Event"===e.type?An(qa,{hit:e}):"News"===e.type?An(Va,{hit:e}):An(Qa,{hit:e}),Xa=ba.div`
+`,Ba=({hit:e})=>{const t=new URL(e.url);return jn(qa,{children:[jn(Va,{children:[jn("div",{children:[jn("h2",{children:jn("a",{href:e.url.replace(t.origin,""),children:e.title})}),e.summary&&jn("p",{className:"summary",children:jn(ka,{hit:e,attribute:"summary"})}),!e.summary&&e.html&&jn("p",{children:jn(Ma,{hit:e,attribute:"html"})})]}),e.updated&&jn("div",{children:["Last Updated: ",new Date(1e3*e.updated).toLocaleDateString("en-us",{month:"long",day:"numeric",year:"numeric"})]})]}),e.photo&&jn("img",{src:e.photo.replace(t.origin,""),alt:""})]})},za=({hit:e})=>jn(Ba,{hit:e}),Ga=({hit:e})=>jn(Ba,{hit:e});var Ja,Xa;const Ka="algolia-search",Ya=(null===(Ja=window.drupalSettings)||void 0===Ja?void 0:Ja.stanfordAlgolia.appId)||"MISSING_ENV_VAR".ALGOLIA_APP_ID,Za=(null===(Xa=window.drupalSettings)||void 0===Xa?void 0:Xa.stanfordAlgolia.searchKey)||"MISSING_ENV_VAR".ALGOLIA_KEY,es=t()(Ya,Za),ts=({hit:e})=>"Event"===e.type?jn(za,{hit:e}):"News"===e.type?jn(Ga,{hit:e}):jn(Ba,{hit:e}),rs=ga.div`
li {
margin-bottom: 30px;
border-bottom: 1px solid black;
@@ -29,4 +29,4 @@
border-bottom: none;
}
}
-`,es=((e,t)=>{if(null==customElements.get(e)){class t extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"})}}customElements.define(e,t)}const r=(e=>{const t={_rootsToObservers:new WeakMap,_roots:[],_executedScript:document.currentScript,props:{},render:({selector:r,clean:n=!1,replace:i=!1,inline:o=!1,initialProps:c={},propsSelector:u,elementName:h})=>{let y=!1;const v=()=>{if(!0===y)return;const v=(({selector:e,inline:t,elementName:r})=>{const n=document.currentScript;if(t&&null!=n&&n.parentNode)return[n.parentNode];const i=null==n?void 0:n.dataset.mountIn;return i?Array.from(document.querySelectorAll(i)).map((e=>{if(null!=r){const t=document.createElement(r),n=e.appendChild(t);return null!=n.shadowRoot?n.shadowRoot:n}return e})):e?Array.from(document.querySelectorAll(e)).map((e=>null!=e.shadowRoot?e.shadowRoot:e)):[]})({selector:r,inline:o,elementName:h});if(0===v.length)return;const{rootFragments:g}=(({island:e,widget:t,hostElements:r,clean:n,replace:i,initialProps:o,propsSelector:c})=>{const u=[];return r.forEach((r=>{const h=p(e,r,o,c);let y;if(n&&r.replaceChildren(),i)y=d(r.parentElement||document.body,r);else{const e=document.createElement("div");r.appendChild(e),y=d(r,e)}u.push(y),m({island:e,widget:t,rootFragment:y,props:h});const v=(({island:e,hostElement:t,initialProps:r,onNewProps:n,propsSelector:i})=>{const o=new MutationObserver((function(o){o.forEach((function(){n(p(e,t,r,i))}))})),c={attributes:!0,childList:!0,characterData:!0};return e._executedScript&&o.observe(e._executedScript,c),l(t).forEach((e=>{o.observe(e,a({},c,{subtree:!0}))})),i&&f(i).forEach((e=>{o.observe(e,a({},c,{subtree:!0}))})),o.observe(s(t)?t.host:t,c),o})({island:e,hostElement:r,initialProps:o,onNewProps:r=>{m({island:e,widget:t,rootFragment:y,props:r})},propsSelector:c});e._rootsToObservers.set(y,v)})),{rootFragments:u}})({island:t,widget:e,clean:n,hostElements:v,replace:i,initialProps:c,propsSelector:u});t._roots=t._roots.concat(g),y=!0};v(),document.addEventListener("DOMContentLoaded",v),document.addEventListener("load",v)},rerender:r=>{t._roots.forEach((n=>{m({island:t,widget:e,rootFragment:n,props:a({},t.props,r)})}))},destroy:()=>{t._roots.forEach((e=>{var r;null==(r=t._rootsToObservers.get(e))||r.disconnect(),(0,i.sY)(null,e)}))}};return t})(t);return a({},r,{render:t=>r.render(a({elementName:e},t)),injectStyles:e=>{r._roots.forEach((t=>{const r=document.createElement("style");r.innerHTML=e,t.parentNode.prepend(r)}))}})})(za,(()=>{var e;const t=new URL(window.location.href).searchParams.get("key"),r=(null===(e=window.drupalSettings)||void 0===e?void 0:e.stanfordAlgolia.index)||"MISSING_ENV_VAR".ALGOLIA_INDEX;return An(dr,{searchClient:Ka,indexName:r,initialUiState:{[r]:{query:t}},children:An(Xa,{children:[An(In,{}),An(vn,{hitComponent:Za,classNames:{list:"su-list-unstyled"}})]})})}));es.render({selector:`${za}, #${za}`})})(),n})()));
\ No newline at end of file
+`,ns=e=>{const{hits:t}=function(e,t){return Ue(oe,e,t)}(e);return 0===t.length?jn("p",{children:"No results for your search. Please try another search."}):jn("ul",{style:{listStyle:"none",padding:0},children:t.map((e=>jn("li",{children:jn(ts,{hit:e})},e.objectID)))})},is=((e,t)=>{if(null==customElements.get(e)){class t extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"})}}customElements.define(e,t)}const r=(e=>{const t={_rootsToObservers:new WeakMap,_roots:[],_executedScript:document.currentScript,props:{},render:({selector:r,clean:n=!1,replace:i=!1,inline:o=!1,initialProps:c={},propsSelector:u,elementName:h})=>{let v=!1;const y=()=>{if(!0===v)return;const y=(({selector:e,inline:t,elementName:r})=>{const n=document.currentScript;if(t&&null!=n&&n.parentNode)return[n.parentNode];const i=null==n?void 0:n.dataset.mountIn;return i?Array.from(document.querySelectorAll(i)).map((e=>{if(null!=r){const t=document.createElement(r),n=e.appendChild(t);return null!=n.shadowRoot?n.shadowRoot:n}return e})):e?Array.from(document.querySelectorAll(e)).map((e=>null!=e.shadowRoot?e.shadowRoot:e)):[]})({selector:r,inline:o,elementName:h});if(0===y.length)return;const{rootFragments:g}=(({island:e,widget:t,hostElements:r,clean:n,replace:i,initialProps:o,propsSelector:c})=>{const u=[];return r.forEach((r=>{const h=d(e,r,o,c);let v;if(n&&r.replaceChildren(),i)v=p(r.parentElement||document.body,r);else{const e=document.createElement("div");r.appendChild(e),v=p(r,e)}u.push(v),m({island:e,widget:t,rootFragment:v,props:h});const y=(({island:e,hostElement:t,initialProps:r,onNewProps:n,propsSelector:i})=>{const o=new MutationObserver((function(o){o.forEach((function(){n(d(e,t,r,i))}))})),c={attributes:!0,childList:!0,characterData:!0};return e._executedScript&&o.observe(e._executedScript,c),l(t).forEach((e=>{o.observe(e,a({},c,{subtree:!0}))})),i&&f(i).forEach((e=>{o.observe(e,a({},c,{subtree:!0}))})),o.observe(s(t)?t.host:t,c),o})({island:e,hostElement:r,initialProps:o,onNewProps:r=>{m({island:e,widget:t,rootFragment:v,props:r})},propsSelector:c});e._rootsToObservers.set(v,y)})),{rootFragments:u}})({island:t,widget:e,clean:n,hostElements:y,replace:i,initialProps:c,propsSelector:u});t._roots=t._roots.concat(g),v=!0};y(),document.addEventListener("DOMContentLoaded",y),document.addEventListener("load",y)},rerender:r=>{t._roots.forEach((n=>{m({island:t,widget:e,rootFragment:n,props:a({},t.props,r)})}))},destroy:()=>{t._roots.forEach((e=>{var r;null==(r=t._rootsToObservers.get(e))||r.disconnect(),(0,i.XX)(null,e)}))}};return t})(t);return a({},r,{render:t=>r.render(a({elementName:e},t)),injectStyles:e=>{r._roots.forEach((t=>{const r=document.createElement("style");r.innerHTML=e,t.parentNode.prepend(r)}))}})})(Ka,(()=>{var e;const t=new URL(window.location.href).searchParams.get("key"),r=(null===(e=window.drupalSettings)||void 0===e?void 0:e.stanfordAlgolia.index)||"MISSING_ENV_VAR".ALGOLIA_INDEX;return jn(ln,{searchClient:es,indexName:r,initialUiState:{[r]:{query:t}},children:jn(rs,{children:[jn(Rn,{}),jn(ns,{})]})})}));is.render({selector:`${Ka}, #${Ka}`})})(),n})()));
\ No newline at end of file
diff --git a/themes/stanford_basic/algolia-search/dist/islands/algolia-search.island.js.LICENSE.txt b/themes/stanford_basic/algolia-search/dist/islands/algolia-search.island.js.LICENSE.txt
index b170cbcb..8643f5d3 100644
--- a/themes/stanford_basic/algolia-search/dist/islands/algolia-search.island.js.LICENSE.txt
+++ b/themes/stanford_basic/algolia-search/dist/islands/algolia-search.island.js.LICENSE.txt
@@ -1,4 +1,4 @@
-/*! algoliasearch-lite.umd.js | 4.20.0 | © Algolia, inc. | https://github.com/algolia/algoliasearch-client-javascript */
+/*! algoliasearch-lite.umd.js | 4.22.1 | © Algolia, inc. | https://github.com/algolia/algoliasearch-client-javascript */
/**
* @license React
diff --git a/themes/stanford_basic/algolia-search/package.json b/themes/stanford_basic/algolia-search/package.json
index 4c69bb59..b973eed1 100644
--- a/themes/stanford_basic/algolia-search/package.json
+++ b/themes/stanford_basic/algolia-search/package.json
@@ -15,25 +15,26 @@
"dev": "webpack serve --env dev"
},
"dependencies": {
- "algoliasearch": "^4.20.0",
- "preact": "^10.18.1",
- "react-instantsearch": "^7.3.0",
- "styled-components": "^6.1.1"
+ "algoliasearch": "^4.22.1",
+ "preact": "^10.19.6",
+ "react-instantsearch": "^7.7.0",
+ "styled-components": "^6.1.8"
},
"devDependencies": {
- "@babel/core": "^7.23.0",
- "@babel/preset-env": "^7.18.9",
- "@babel/preset-react": "^7.18.6",
- "@babel/preset-typescript": "^7.18.6",
- "@types/webpack": "^5.28.0",
+ "@babel/core": "^7.24.0",
+ "@babel/preset-env": "^7.24.0",
+ "@babel/preset-react": "^7.23.3",
+ "@babel/preset-typescript": "^7.23.3",
+ "@types/webpack": "^5.28.5",
"babel-loader": "^9.1.3",
- "css-loader": "^6.7.1",
+ "css-loader": "^6.10.0",
"dotenv-webpack": "^8.0.1",
- "html-webpack-plugin": "^5.5.0",
+ "html-webpack-plugin": "^5.6.0",
"preact-island": "^1.1.2",
- "terser-webpack-plugin": "^5.3.5",
- "webpack": "^5.74.0",
+ "terser-webpack-plugin": "^5.3.10",
+ "webpack": "^5.90.3",
"webpack-cli": "^5.1.4",
- "webpack-dev-server": "^4.9.3"
- }
+ "webpack-dev-server": "^4.15.1"
+ },
+ "packageManager": "yarn@4.1.1"
}
diff --git a/themes/stanford_basic/algolia-search/src/algolia-search.island.tsx b/themes/stanford_basic/algolia-search/src/algolia-search.island.tsx
index c3efe1a2..a455b064 100644
--- a/themes/stanford_basic/algolia-search/src/algolia-search.island.tsx
+++ b/themes/stanford_basic/algolia-search/src/algolia-search.island.tsx
@@ -1,6 +1,6 @@
import algoliasearch from 'algoliasearch/lite';
import {createIslandWebComponent} from 'preact-island'
-import {Hits, HitsProps, InstantSearch} from 'react-instantsearch';
+import {HitsProps, InstantSearch, useHits} from 'react-instantsearch';
import SearchBox from "./search-box";
import EventHit from "./hits/events";
import NewsHit from "./hits/news";
@@ -9,8 +9,9 @@ import styled from "styled-components";
import {StanfordHit} from "./hits/hit.types";
const islandName = 'algolia-search'
+
const appId = window.drupalSettings?.stanfordAlgolia.appId || process.env.ALGOLIA_APP_ID
-const key = window.drupalSettings?.stanfordAlgolia.searchKey || process.env.ALGOLIA_SEARCH_KEY
+const key = window.drupalSettings?.stanfordAlgolia.searchKey || process.env.ALGOLIA_KEY
const searchClient = algoliasearch(appId, key);
@@ -32,6 +33,23 @@ const Container = styled.div`
}
`
+const CustomHits = (props) => {
+ const {hits} = useHits(props);
+ if (hits.length === 0) return (
+ No results for your search. Please try another search.
+ )
+
+ return (
+
+ {hits.map(hit =>
+ -
+
+
+ )}
+
+ )
+}
+
const Search = () => {
const currentUrl = new URL(window.location.href);
const initialSearch = currentUrl.searchParams.get('key');
@@ -46,8 +64,8 @@ const Search = () => {
}}
>
-
-
+
+
)
diff --git a/themes/stanford_basic/algolia-search/src/hits/default-hit.tsx b/themes/stanford_basic/algolia-search/src/hits/default-hit.tsx
index 11c4c8ec..b0a8571d 100644
--- a/themes/stanford_basic/algolia-search/src/hits/default-hit.tsx
+++ b/themes/stanford_basic/algolia-search/src/hits/default-hit.tsx
@@ -39,17 +39,17 @@ const DefaultHit = ({hit}) => {
-
- {hit.summary &&
+ {hit.summary &&
+
- }
+
+ }
- {(!hit.summary && hit.html) &&
- <>
- ......
-
- }
-
+ {(!hit.summary && hit.html) &&
+
+
+
+ }
{hit.updated &&
diff --git a/themes/stanford_basic/algolia-search/src/search-box.tsx b/themes/stanford_basic/algolia-search/src/search-box.tsx
index e8c44596..9fdc85d5 100644
--- a/themes/stanford_basic/algolia-search/src/search-box.tsx
+++ b/themes/stanford_basic/algolia-search/src/search-box.tsx
@@ -1,57 +1,45 @@
import {useInstantSearch, useSearchBox} from "react-instantsearch";
-import {useId, useRef, useState} from "preact/compat";
+import {useRef} from "preact/compat";
const SearchBox = (props) => {
const {query, refine} = useSearchBox(props);
const {status} = useInstantSearch();
- const [inputValue, setInputValue] = useState(query);
- const inputRef = useRef(null);
- const inputId = useId();
-
- const isSearchStalled = status === 'stalled';
- const isLoading = status === 'loading'
+ const inputRef = useRef(null);
return (