From 98c63186b00a2f397a698908e08e90d376955f58 Mon Sep 17 00:00:00 2001
From: Thijs de Vries <->
Date: Fri, 28 Jan 2022 01:13:59 +0100
Subject: [PATCH 1/5] Add ACKEE_BASEURL configuration.

---
 dist/index.js                                    |  4 ++--
 docs/Options.md                                  | 13 ++++++++++++-
 src/server.js                                    | 16 ++++++++--------
 src/ui/index.js                                  |  2 ++
 src/ui/scripts/api/links/createHttpLink.js       |  2 +-
 .../scripts/components/modals/ModalDomainEdit.js |  4 ++--
 src/utils/baseUrl.js                             | 14 ++++++++++++++
 src/utils/config.js                              |  1 +
 8 files changed, 42 insertions(+), 14 deletions(-)
 create mode 100644 src/utils/baseUrl.js

diff --git a/dist/index.js b/dist/index.js
index 5cc35fd12..f628b862a 100644
--- a/dist/index.js
+++ b/dist/index.js
@@ -189,7 +189,7 @@ var Sb="undefined"!=typeof navigator&&navigator.userAgent.toLowerCase().indexOf(
 			success
 		}
 	}
-`,dE=e=>(t,n)=>{!1!==n.data.deleteDomain.success&&t.modify({fields:{domains:cE(e)}})};const pE=e=>{const t=(e=>{const[t,{loading:n,error:r}]=ov(uE,{variables:{id:e}});return{mutate:n=>t({optimisticResponse:{updateDomain:{payload:{id:e,title:n.variables.input.title,__typename:"Domain"},__typename:"UpdateDomainPayload"}},...n}),loading:n,error:r}})(e.id),n=(e=>{const[t,{loading:n,error:r}]=ov(fE,{variables:{id:e}});return{mutate:n=>t({update:dE(e),optimisticResponse:{deleteDomain:{success:!0,__typename:"DeleteDomainPayload"}},...n}),loading:n,error:r}})(e.id),[r,i]=Yg({title:e.title}),a=vy(),o=vy(),s=vy(),l=window.env.customTracker.url||"/tracker.js",c=new URL(l,location.href).href,f=location.origin;return u.createElement("form",{className:"card",onSubmit:n=>{n.preventDefault(),t.mutate({variables:{input:r}}),e.closeModal()}},u.createElement("div",{className:"card__inner"},u.createElement(jg,{size:.5}),u.createElement(iE,{htmlFor:a},"Domain title"),u.createElement(Wg,{type:"text",id:a,required:!0,focused:!0,placeholder:"Domain title",value:r.title,onChange:i("title")}),u.createElement(iE,{htmlFor:o},"Domain id"),u.createElement(Wg,{type:"text",id:o,readOnly:!0,placeholder:"Domain id",value:e.id,copyOnFocus:!0}),u.createElement(iE,{htmlFor:s},"Embed code"),u.createElement(qg,{id:s,readOnly:!0,rows:4,value:`<script async src="${c}" data-ackee-server="${f}" data-ackee-domain-id="${e.id}"><\/script>`,copyOnFocus:!0})),u.createElement("div",{className:"card__footer"},u.createElement("button",{type:"button",className:"card__button link",onClick:e.closeModal},"Close"),u.createElement("div",{className:"card__separator"}),u.createElement("button",{type:"button",className:"card__button link color-destructive",onClick:t=>{t.preventDefault();!1!==confirm(`Are you sure you want to delete the domain "${e.title}"? This action cannot be undone.`)&&(n.mutate(),e.closeModal())}},"Delete"),u.createElement("div",{className:"card__separator"}),u.createElement("button",{className:"card__button card__button--primary link color-white"},"Rename")))};pE.propTypes={...Ew,id:Fg.string.isRequired,title:Fg.string.isRequired};var hE="TOTAL_CHART",mE="AVERAGE_CHART",vE="TOTAL_LIST",yE="AVERAGE_LIST";const gE=e=>u.createElement("select",{className:"select",id:e.id,required:e.required,disabled:e.disabled,value:e.value,onChange:e.onChange},e.items.map(((e,t)=>u.createElement("option",{key:e.value+t,value:e.value},e.label))));gE.propTypes={id:Fg.string,required:Fg.bool,disabled:Fg.bool,value:Fg.string,onChange:Fg.func.isRequired,items:Fg.arrayOf(Fg.shape({value:Fg.string.isRequired,label:Fg.string.isRequired})).isRequired};var bE=zm`
+`,dE=e=>(t,n)=>{!1!==n.data.deleteDomain.success&&t.modify({fields:{domains:cE(e)}})};const pE=e=>{const t=(e=>{const[t,{loading:n,error:r}]=ov(uE,{variables:{id:e}});return{mutate:n=>t({optimisticResponse:{updateDomain:{payload:{id:e,title:n.variables.input.title,__typename:"Domain"},__typename:"UpdateDomainPayload"}},...n}),loading:n,error:r}})(e.id),n=(e=>{const[t,{loading:n,error:r}]=ov(fE,{variables:{id:e}});return{mutate:n=>t({update:dE(e),optimisticResponse:{deleteDomain:{success:!0,__typename:"DeleteDomainPayload"}},...n}),loading:n,error:r}})(e.id),[r,i]=Yg({title:e.title}),a=vy(),o=vy(),s=vy(),l=window.env.customTracker.url||`${decodeURIComponent(window.env.baseUrl.url)}/tracker.js`,c=new URL(l,location.href).href,f=`${location.origin}${decodeURIComponent(window.env.baseUrl.url)}`;return u.createElement("form",{className:"card",onSubmit:n=>{n.preventDefault(),t.mutate({variables:{input:r}}),e.closeModal()}},u.createElement("div",{className:"card__inner"},u.createElement(jg,{size:.5}),u.createElement(iE,{htmlFor:a},"Domain title"),u.createElement(Wg,{type:"text",id:a,required:!0,focused:!0,placeholder:"Domain title",value:r.title,onChange:i("title")}),u.createElement(iE,{htmlFor:o},"Domain id"),u.createElement(Wg,{type:"text",id:o,readOnly:!0,placeholder:"Domain id",value:e.id,copyOnFocus:!0}),u.createElement(iE,{htmlFor:s},"Embed code"),u.createElement(qg,{id:s,readOnly:!0,rows:4,value:`<script async src="${c}" data-ackee-server="${f}" data-ackee-domain-id="${e.id}"><\/script>`,copyOnFocus:!0})),u.createElement("div",{className:"card__footer"},u.createElement("button",{type:"button",className:"card__button link",onClick:e.closeModal},"Close"),u.createElement("div",{className:"card__separator"}),u.createElement("button",{type:"button",className:"card__button link color-destructive",onClick:t=>{t.preventDefault();!1!==confirm(`Are you sure you want to delete the domain "${e.title}"? This action cannot be undone.`)&&(n.mutate(),e.closeModal())}},"Delete"),u.createElement("div",{className:"card__separator"}),u.createElement("button",{className:"card__button card__button--primary link color-white"},"Rename")))};pE.propTypes={...Ew,id:Fg.string.isRequired,title:Fg.string.isRequired};var hE="TOTAL_CHART",mE="AVERAGE_CHART",vE="TOTAL_LIST",yE="AVERAGE_LIST";const gE=e=>u.createElement("select",{className:"select",id:e.id,required:e.required,disabled:e.disabled,value:e.value,onChange:e.onChange},e.items.map(((e,t)=>u.createElement("option",{key:e.value+t,value:e.value},e.label))));gE.propTypes={id:Fg.string,required:Fg.bool,disabled:Fg.bool,value:Fg.string,onChange:Fg.func.isRequired,items:Fg.arrayOf(Fg.shape({value:Fg.string.isRequired,label:Fg.string.isRequired})).isRequired};var bE=zm`
 	fragment eventFields on Event {
 		id
 		title
@@ -618,4 +618,4 @@ var Sb="undefined"!=typeof navigator&&navigator.userAgent.toLowerCase().indexOf(
 	}
 
 	${OE}
-`;const tS=e=>u.createElement("div",{className:"card card--wide"},u.createElement("div",{className:"card__inner"},u.createElement(zg,{type:"h2",size:"medium"},e.headline),u.createElement(jg,{size:1.6}),e.children));tS.propTypes={headline:Fg.string.isRequired,children:Fg.oneOfType([Fg.arrayOf(Fg.node),Fg.node]).isRequired};const nS=e=>u.createElement(e.type,{onClick:e.onClick,href:e.href,target:e.target,className:Vg({linkItem:!0,"linkItem--disabled":!0===e.disabled,link:!0})},u.createElement("span",{},e.children),null!=e.text&&u.createElement("span",{},e.text));nS.propTypes={type:Fg.oneOf(["p","a","button"]).isRequired,href:Fg.string,target:Fg.string,onClick:Fg.func,disabled:Fg.bool,text:Fg.string,children:Fg.node.isRequired};const rS=()=>u.createElement("hr",{className:"line"}),iS=e=>u.createElement(Qg,{status:"warning"},`Loading ${e.label}...`),aS=e=>{const t=(()=>{const[e,{loading:t,error:n}]=ov(Z_);return{mutate:e,loading:t,error:n}})(),n=Xb(),r=M_(),i=Yb(eS,(e=>e?.permanentTokens),((e=[])=>e),{fetchPolicy:"cache-first",nextFetchPolicy:"cache-first"}),a=(e,t,n,r)=>[...e.map((e=>[u.createElement(nS,{type:"button",text:e.id,onClick:()=>t(e)},e.title),u.createElement(rS)])).flat(),u.createElement(nS,{type:"button",onClick:n},r)],o=u.createElement(iS,{label:"domains"}),s=u.createElement(iS,{label:"events"}),l=u.createElement(iS,{label:"permanent tokens"}),c=a(n.value,(t=>e.addModal(vw,t)),(()=>e.addModal(mw)),"New domain"),f=a(r.value,(t=>e.addModal(gw,t)),(()=>e.addModal(yw)),"New event"),d=a(i.value,(t=>e.addModal(ww,t)),(()=>e.addModal(bw)),"New permanent token");return u.createElement(u.Fragment,{},u.createElement(tS,{headline:"Account"},u.createElement(nS,{type:"p",disabled:!0,text:dv},"Version"),u.createElement(rS),u.createElement(nS,{type:"button",onClick:async()=>{await t.mutate({variables:{id:e.token}}),e.reset()}},"Sign Out")),u.createElement(tS,{headline:"Domains"},...!0===n.status.isInitializing?[o]:c),u.createElement(tS,{headline:"Events"},...!0===r.status.isInitializing?[s]:f),u.createElement(tS,{headline:"Permanent Tokens"},...!0===i.status.isInitializing?[l]:d),u.createElement(tS,{headline:"Donate"},u.createElement(nS,{type:"a",href:"https://github.com/sponsors/electerious",target:"_blank",rel:"noopener"},"Become a GitHub sponsor"),u.createElement(rS),u.createElement(nS,{type:"a",href:"https://www.buymeacoffee.com/electerious",target:"_blank",rel:"noopener"},"Buy me a coffee"),u.createElement(rS),u.createElement(nS,{type:"a",href:"https://paypal.me/electerious",target:"_blank",rel:"noopener"},"Donate via PayPal")),u.createElement(tS,{headline:"Help"},u.createElement(nS,{type:"a",href:"https://ackee.electerious.com",target:"_blank",rel:"noopener"},"Website and documentation"),u.createElement(rS),u.createElement(nS,{type:"a",href:pv,target:"_blank",rel:"noopener"},"Ackee on GitHub"),u.createElement(rS),u.createElement(nS,{type:"a",href:"https://github.com/electerious/ackee-tracker",target:"_blank",rel:"noopener"},"Add Ackee to your sites")))};aS.propTypes={reset:Fg.func.isRequired,token:Fg.string.isRequired,addModal:Fg.func.isRequired};const oS={[Av]:l_,[Pv]:R_,[Fv]:D_,[Mv]:I_,[Lv]:A_,[qv]:P_,[jv]:K_,[Vv]:H_,[zv]:Y_,[$v]:G_,[Qv]:J_,[Uv]:X_,[Bv]:aS},sS=e=>{const t=Jg(e.route),n=Xb();Hb("o",(()=>e.setRoute("/"))),Hb("v",(()=>e.setRoute("/insights/views"))),Hb("p",(()=>e.setRoute("/insights/pages"))),Hb("r",(()=>e.setRoute("/insights/referrers"))),Hb("d",(()=>e.setRoute("/insights/durations"))),Hb("e",(()=>e.setRoute("/insights/events"))),Hb("s",(()=>e.setRoute("/settings"))),Hb("0,1,2,3,4,5,6,7,8,9",((t,{key:r})=>((e,t,n)=>{const r=e[n];null!=r&&t(`/domains/${r.id}`)})(n.value,e.setRoute,r)),[n.value]);const r=n.value.length>0,i=n.value.map(((t,n)=>fw(t.title,`/domains/${t.id}`,e.route,e.setRoute,((e,t)=>e<t?e:void 0)(n,10)))),a=[fw("Views","/insights/views",e.route,e.setRoute,"v"),fw("Pages","/insights/pages",e.route,e.setRoute,"p"),fw("Referrers","/insights/referrers",e.route,e.setRoute,"r"),fw("Durations","/insights/durations",e.route,e.setRoute,"d"),dw(),fw("Events","/insights/events",e.route,e.setRoute,"e"),dw(),fw("Systems","/insights/systems",e.route,e.setRoute),fw("Devices","/insights/devices",e.route,e.setRoute),fw("Browsers","/insights/browsers",e.route,e.setRoute),fw("Sizes","/insights/sizes",e.route,e.setRoute),fw("Languages","/insights/languages",e.route,e.setRoute)],o=[uw("Overview","/",e.route,e.setRoute),!0===r?cw((e=>null==e?"Domains":e.label),i):void 0,cw((e=>null==e?"Insights":e.label),a),uw("Settings","/settings",e.route,e.setRoute)].filter(Boolean);return u.createElement("div",{},u.createElement(ME,{modals:e.modals,removeModal:e.removeModal}),u.createElement(lw,{loading:e.loading,items:o}),u.createElement("main",{className:"content"},u.createElement(oS[t.key],{reset:e.reset,route:e.route,setRoute:e.setRoute,token:e.token,addModal:e.addModal,filters:e.filters})))},lS=e=>{const t=e.useErrors(),n=((e,t,n)=>!1!=(null!=e)&&(1!=t.filter(cg).length>0||(n(),!1)))(e.token,t,e.reset);if(!0===(!1===n))return u.createElement(Gg,{setToken:e.setToken});return!0===t.length>0?u.createElement(Ug,{errors:t,reset:e.reset}):u.createElement(u.Fragment,{},u.createElement(_b,{filters:e.filters,setSortingFilter:e.setSortingFilter,setRangeFilter:e.setRangeFilter,setIntervalFilter:e.setIntervalFilter,setViewsTypeFilter:e.setViewsTypeFilter,setReferrersTypeFilter:e.setReferrersTypeFilter,setDevicesTypeFilter:e.setDevicesTypeFilter,setBrowsersTypeFilter:e.setBrowsersTypeFilter,setSizesTypeFilter:e.setSizesTypeFilter,setSystemsTypeFilter:e.setSystemsTypeFilter,route:e.route}),u.createElement(sS,e))},uS=class extends u.Component{constructor(e){super(e),this.state={error:void 0}}static getDerivedStateFromError(e){return{error:e}}render(){return!0===(null!=this.state.error)?u.createElement(Ug,{errors:[this.state.error],reset:this.props.reset}):this.props.children}};uS.propTypes={reset:Fg.func.isRequired},!0===window.env.isDemoMode&&console.warn("Ackee runs in demo mode");const{statusLink:cS,useLoading:fS,useErrors:dS}=(()=>{const{link:e,useApolloNetworkStatusReducer:t}=uv.createNetworkStatusNotifier();return{statusLink:e,useLoading:()=>t(cv,0)>0,useErrors:()=>t(fv,[])}})(),pS=(hS=[cS,(mS=(e,{headers:t})=>({headers:{...t,Authorization:`Bearer ${yv()}`}}),new tp((function(e,t){var n=Su(e,[]);return new fd((function(r){var i,a=!1;return Promise.resolve(n).then((function(t){return mS(t,e.getContext())})).then(e.setContext).then((function(){a||(i=t(e).subscribe({next:r.next.bind(r),error:r.error.bind(r),complete:r.complete.bind(r)}))})).catch(r.error.bind(r)),function(){a=!0,i&&i.unsubscribe()}}))}))),new _v({uri:"/api",headers:{"Time-Zone":Sv}})],new Am({link:rp(hS),cache:new hm({})}));var hS,mS;wu.render(u.createElement((()=>{const[e,t]=u.useState(Date.now()),n=fS(),r=Yv(),i=(()=>{const[e,t]=u.useReducer(wv,yv()),n=u.useCallback((e=>t({type:mv,token:e})),[t]);return{token:e,setToken:n,resetToken:u.useCallback((()=>t({type:vv})),[t])}})(),a=(()=>{const[e,t]=u.useReducer(Ey,wy),n=u.useCallback(((e,n)=>t({type:yy,modalId:vy(),payload:{type:e,props:n}})),[t]);return{modals:e,addModal:n,removeModal:u.useCallback((e=>t({type:gy,modalId:e})),[t]),resetModals:u.useCallback((()=>t({type:by})),[t])}})(),o=(()=>{const[e,t]=u.useReducer(lg,ag());return{filters:e,setSortingFilter:u.useCallback((e=>t({type:Yy,payload:e})),[t]),setRangeFilter:u.useCallback((e=>t({type:Gy,payload:e})),[t]),setIntervalFilter:u.useCallback((e=>t({type:Jy,payload:e})),[t]),setViewsTypeFilter:u.useCallback((e=>t({type:Xy,payload:e})),[t]),setReferrersTypeFilter:u.useCallback((e=>t({type:Zy,payload:e})),[t]),setDevicesTypeFilter:u.useCallback((e=>t({type:eg,payload:e})),[t]),setBrowsersTypeFilter:u.useCallback((e=>t({type:tg,payload:e})),[t]),setSizesTypeFilter:u.useCallback((e=>t({type:ng,payload:e})),[t]),setSystemsTypeFilter:u.useCallback((e=>t({type:rg,payload:e})),[t]),resetFilters:u.useCallback((()=>t({type:ig})),[t])}})(),s=u.useCallback((()=>{i.resetToken(),a.resetModals(),o.resetFilters(),pS.clearStore(),t(Date.now())}),[i.resetToken,a.resetModals,o.resetFilters,pS.resetStore,t]);var l;return u.useEffect((()=>{if(0!=(!0===navigator.platform.includes("Win")))return document.body.classList.add("customScrollbar"),()=>document.body.classList.remove("customScrollbar")}),[]),l=r.route,u.useEffect((()=>{document.scrollingElement.scrollTop=0}),[l]),u.createElement(Pd,{client:pS},u.createElement(uS,{reset:s},u.createElement(lS,{key:e,reset:s,useErrors:dS,loading:n,...status,...r,...i,...a,...o})))})),document.querySelector("#main"))}();
+`;const tS=e=>u.createElement("div",{className:"card card--wide"},u.createElement("div",{className:"card__inner"},u.createElement(zg,{type:"h2",size:"medium"},e.headline),u.createElement(jg,{size:1.6}),e.children));tS.propTypes={headline:Fg.string.isRequired,children:Fg.oneOfType([Fg.arrayOf(Fg.node),Fg.node]).isRequired};const nS=e=>u.createElement(e.type,{onClick:e.onClick,href:e.href,target:e.target,className:Vg({linkItem:!0,"linkItem--disabled":!0===e.disabled,link:!0})},u.createElement("span",{},e.children),null!=e.text&&u.createElement("span",{},e.text));nS.propTypes={type:Fg.oneOf(["p","a","button"]).isRequired,href:Fg.string,target:Fg.string,onClick:Fg.func,disabled:Fg.bool,text:Fg.string,children:Fg.node.isRequired};const rS=()=>u.createElement("hr",{className:"line"}),iS=e=>u.createElement(Qg,{status:"warning"},`Loading ${e.label}...`),aS=e=>{const t=(()=>{const[e,{loading:t,error:n}]=ov(Z_);return{mutate:e,loading:t,error:n}})(),n=Xb(),r=M_(),i=Yb(eS,(e=>e?.permanentTokens),((e=[])=>e),{fetchPolicy:"cache-first",nextFetchPolicy:"cache-first"}),a=(e,t,n,r)=>[...e.map((e=>[u.createElement(nS,{type:"button",text:e.id,onClick:()=>t(e)},e.title),u.createElement(rS)])).flat(),u.createElement(nS,{type:"button",onClick:n},r)],o=u.createElement(iS,{label:"domains"}),s=u.createElement(iS,{label:"events"}),l=u.createElement(iS,{label:"permanent tokens"}),c=a(n.value,(t=>e.addModal(vw,t)),(()=>e.addModal(mw)),"New domain"),f=a(r.value,(t=>e.addModal(gw,t)),(()=>e.addModal(yw)),"New event"),d=a(i.value,(t=>e.addModal(ww,t)),(()=>e.addModal(bw)),"New permanent token");return u.createElement(u.Fragment,{},u.createElement(tS,{headline:"Account"},u.createElement(nS,{type:"p",disabled:!0,text:dv},"Version"),u.createElement(rS),u.createElement(nS,{type:"button",onClick:async()=>{await t.mutate({variables:{id:e.token}}),e.reset()}},"Sign Out")),u.createElement(tS,{headline:"Domains"},...!0===n.status.isInitializing?[o]:c),u.createElement(tS,{headline:"Events"},...!0===r.status.isInitializing?[s]:f),u.createElement(tS,{headline:"Permanent Tokens"},...!0===i.status.isInitializing?[l]:d),u.createElement(tS,{headline:"Donate"},u.createElement(nS,{type:"a",href:"https://github.com/sponsors/electerious",target:"_blank",rel:"noopener"},"Become a GitHub sponsor"),u.createElement(rS),u.createElement(nS,{type:"a",href:"https://www.buymeacoffee.com/electerious",target:"_blank",rel:"noopener"},"Buy me a coffee"),u.createElement(rS),u.createElement(nS,{type:"a",href:"https://paypal.me/electerious",target:"_blank",rel:"noopener"},"Donate via PayPal")),u.createElement(tS,{headline:"Help"},u.createElement(nS,{type:"a",href:"https://ackee.electerious.com",target:"_blank",rel:"noopener"},"Website and documentation"),u.createElement(rS),u.createElement(nS,{type:"a",href:pv,target:"_blank",rel:"noopener"},"Ackee on GitHub"),u.createElement(rS),u.createElement(nS,{type:"a",href:"https://github.com/electerious/ackee-tracker",target:"_blank",rel:"noopener"},"Add Ackee to your sites")))};aS.propTypes={reset:Fg.func.isRequired,token:Fg.string.isRequired,addModal:Fg.func.isRequired};const oS={[Av]:l_,[Pv]:R_,[Fv]:D_,[Mv]:I_,[Lv]:A_,[qv]:P_,[jv]:K_,[Vv]:H_,[zv]:Y_,[$v]:G_,[Qv]:J_,[Uv]:X_,[Bv]:aS},sS=e=>{const t=Jg(e.route),n=Xb();Hb("o",(()=>e.setRoute("/"))),Hb("v",(()=>e.setRoute("/insights/views"))),Hb("p",(()=>e.setRoute("/insights/pages"))),Hb("r",(()=>e.setRoute("/insights/referrers"))),Hb("d",(()=>e.setRoute("/insights/durations"))),Hb("e",(()=>e.setRoute("/insights/events"))),Hb("s",(()=>e.setRoute("/settings"))),Hb("0,1,2,3,4,5,6,7,8,9",((t,{key:r})=>((e,t,n)=>{const r=e[n];null!=r&&t(`/domains/${r.id}`)})(n.value,e.setRoute,r)),[n.value]);const r=n.value.length>0,i=n.value.map(((t,n)=>fw(t.title,`/domains/${t.id}`,e.route,e.setRoute,((e,t)=>e<t?e:void 0)(n,10)))),a=[fw("Views","/insights/views",e.route,e.setRoute,"v"),fw("Pages","/insights/pages",e.route,e.setRoute,"p"),fw("Referrers","/insights/referrers",e.route,e.setRoute,"r"),fw("Durations","/insights/durations",e.route,e.setRoute,"d"),dw(),fw("Events","/insights/events",e.route,e.setRoute,"e"),dw(),fw("Systems","/insights/systems",e.route,e.setRoute),fw("Devices","/insights/devices",e.route,e.setRoute),fw("Browsers","/insights/browsers",e.route,e.setRoute),fw("Sizes","/insights/sizes",e.route,e.setRoute),fw("Languages","/insights/languages",e.route,e.setRoute)],o=[uw("Overview","/",e.route,e.setRoute),!0===r?cw((e=>null==e?"Domains":e.label),i):void 0,cw((e=>null==e?"Insights":e.label),a),uw("Settings","/settings",e.route,e.setRoute)].filter(Boolean);return u.createElement("div",{},u.createElement(ME,{modals:e.modals,removeModal:e.removeModal}),u.createElement(lw,{loading:e.loading,items:o}),u.createElement("main",{className:"content"},u.createElement(oS[t.key],{reset:e.reset,route:e.route,setRoute:e.setRoute,token:e.token,addModal:e.addModal,filters:e.filters})))},lS=e=>{const t=e.useErrors(),n=((e,t,n)=>!1!=(null!=e)&&(1!=t.filter(cg).length>0||(n(),!1)))(e.token,t,e.reset);if(!0===(!1===n))return u.createElement(Gg,{setToken:e.setToken});return!0===t.length>0?u.createElement(Ug,{errors:t,reset:e.reset}):u.createElement(u.Fragment,{},u.createElement(_b,{filters:e.filters,setSortingFilter:e.setSortingFilter,setRangeFilter:e.setRangeFilter,setIntervalFilter:e.setIntervalFilter,setViewsTypeFilter:e.setViewsTypeFilter,setReferrersTypeFilter:e.setReferrersTypeFilter,setDevicesTypeFilter:e.setDevicesTypeFilter,setBrowsersTypeFilter:e.setBrowsersTypeFilter,setSizesTypeFilter:e.setSizesTypeFilter,setSystemsTypeFilter:e.setSystemsTypeFilter,route:e.route}),u.createElement(sS,e))},uS=class extends u.Component{constructor(e){super(e),this.state={error:void 0}}static getDerivedStateFromError(e){return{error:e}}render(){return!0===(null!=this.state.error)?u.createElement(Ug,{errors:[this.state.error],reset:this.props.reset}):this.props.children}};uS.propTypes={reset:Fg.func.isRequired},!0===window.env.isDemoMode&&console.warn("Ackee runs in demo mode");const{statusLink:cS,useLoading:fS,useErrors:dS}=(()=>{const{link:e,useApolloNetworkStatusReducer:t}=uv.createNetworkStatusNotifier();return{statusLink:e,useLoading:()=>t(cv,0)>0,useErrors:()=>t(fv,[])}})(),pS=(hS=[cS,(mS=(e,{headers:t})=>({headers:{...t,Authorization:`Bearer ${yv()}`}}),new tp((function(e,t){var n=Su(e,[]);return new fd((function(r){var i,a=!1;return Promise.resolve(n).then((function(t){return mS(t,e.getContext())})).then(e.setContext).then((function(){a||(i=t(e).subscribe({next:r.next.bind(r),error:r.error.bind(r),complete:r.complete.bind(r)}))})).catch(r.error.bind(r)),function(){a=!0,i&&i.unsubscribe()}}))}))),new _v({uri:"./api",headers:{"Time-Zone":Sv}})],new Am({link:rp(hS),cache:new hm({})}));var hS,mS;wu.render(u.createElement((()=>{const[e,t]=u.useState(Date.now()),n=fS(),r=Yv(),i=(()=>{const[e,t]=u.useReducer(wv,yv()),n=u.useCallback((e=>t({type:mv,token:e})),[t]);return{token:e,setToken:n,resetToken:u.useCallback((()=>t({type:vv})),[t])}})(),a=(()=>{const[e,t]=u.useReducer(Ey,wy),n=u.useCallback(((e,n)=>t({type:yy,modalId:vy(),payload:{type:e,props:n}})),[t]);return{modals:e,addModal:n,removeModal:u.useCallback((e=>t({type:gy,modalId:e})),[t]),resetModals:u.useCallback((()=>t({type:by})),[t])}})(),o=(()=>{const[e,t]=u.useReducer(lg,ag());return{filters:e,setSortingFilter:u.useCallback((e=>t({type:Yy,payload:e})),[t]),setRangeFilter:u.useCallback((e=>t({type:Gy,payload:e})),[t]),setIntervalFilter:u.useCallback((e=>t({type:Jy,payload:e})),[t]),setViewsTypeFilter:u.useCallback((e=>t({type:Xy,payload:e})),[t]),setReferrersTypeFilter:u.useCallback((e=>t({type:Zy,payload:e})),[t]),setDevicesTypeFilter:u.useCallback((e=>t({type:eg,payload:e})),[t]),setBrowsersTypeFilter:u.useCallback((e=>t({type:tg,payload:e})),[t]),setSizesTypeFilter:u.useCallback((e=>t({type:ng,payload:e})),[t]),setSystemsTypeFilter:u.useCallback((e=>t({type:rg,payload:e})),[t]),resetFilters:u.useCallback((()=>t({type:ig})),[t])}})(),s=u.useCallback((()=>{i.resetToken(),a.resetModals(),o.resetFilters(),pS.clearStore(),t(Date.now())}),[i.resetToken,a.resetModals,o.resetFilters,pS.resetStore,t]);var l;return u.useEffect((()=>{if(0!=(!0===navigator.platform.includes("Win")))return document.body.classList.add("customScrollbar"),()=>document.body.classList.remove("customScrollbar")}),[]),l=r.route,u.useEffect((()=>{document.scrollingElement.scrollTop=0}),[l]),u.createElement(Pd,{client:pS},u.createElement(uS,{reset:s},u.createElement(lS,{key:e,reset:s,useErrors:dS,loading:n,...status,...r,...i,...a,...o})))})),document.querySelector("#main"))}();
diff --git a/docs/Options.md b/docs/Options.md
index 1fc122d6d..9cc8a02d7 100644
--- a/docs/Options.md
+++ b/docs/Options.md
@@ -90,4 +90,15 @@ Setting a wildcard (`*`) is also supported, but not recommended. It's neither a
 
 ```
 ACKEE_ALLOW_ORIGIN="*"
-```
\ No newline at end of file
+```
+
+## Base url
+Change the url path at which Ackee listens. You can use this in conjunction with a reverse proxy like nginx or traefik to publish ackee on `https://example.com/ackee/` instead of `https://ackee.example.com/`
+
+```
+ACKEE_BASEURL=/ackee
+```
+
+*Do not add a trailing `/`. Ackee will be available at `example.com/ackee/`.*
+
+*You might want to use your reverse proxy to redirect `/ackee` to `/ackee/`.*
\ No newline at end of file
diff --git a/src/server.js b/src/server.js
index dcf69b563..d37323b78 100644
--- a/src/server.js
+++ b/src/server.js
@@ -93,32 +93,32 @@ const apolloServer = createApolloServer(ApolloServer, {
 	context: createMicroContext,
 })
 
-const graphqlPath = '/api'
+const graphqlPath = `${ config.baseUrl }/api`
 const graphqlHandler = apolloServer.createHandler({ path: graphqlPath })
 
 const routes = [
 
-	get('/', async (req, res) => {
+	get(`${ config.baseUrl }/`, async (req, res) => {
 		res.setHeader('Content-Type', 'text/html; charset=utf-8')
 		res.end(await index)
 	}),
-	get('/index.html', async (req, res) => {
+	get(`${ config.baseUrl }/index.html`, async (req, res) => {
 		res.setHeader('Content-Type', 'text/html; charset=utf-8')
 		res.end(await index)
 	}),
-	get('/favicon.ico', async (req, res) => {
+	get(`${ config.baseUrl }/favicon.ico`, async (req, res) => {
 		res.setHeader('Content-Type', 'image/vnd.microsoft.icon')
 		res.end(await favicon)
 	}),
-	get('/index.css', async (req, res) => {
+	get(`${ config.baseUrl }/index.css`, async (req, res) => {
 		res.setHeader('Content-Type', 'text/css; charset=utf-8')
 		res.end(await styles)
 	}),
-	get('/index.js', async (req, res) => {
+	get(`${ config.baseUrl }/index.js`, async (req, res) => {
 		res.setHeader('Content-Type', 'text/javascript; charset=utf-8')
 		res.end(await scripts)
 	}),
-	get('/tracker.js', async (req, res) => {
+	get(`${ config.baseUrl }/tracker.js`, async (req, res) => {
 		res.setHeader('Content-Type', 'text/javascript; charset=utf-8')
 		res.end(await tracker)
 	}),
@@ -129,7 +129,7 @@ const routes = [
 
 	post(graphqlPath, graphqlHandler),
 	get(graphqlPath, graphqlHandler),
-	get('/.well-known/apollo/server-health', graphqlHandler),
+	get(`${ config.baseUrl }/.well-known/apollo/server-health`, graphqlHandler),
 
 	get('/*', notFound),
 	post('/*', notFound),
diff --git a/src/ui/index.js b/src/ui/index.js
index 06ceed729..515900736 100644
--- a/src/ui/index.js
+++ b/src/ui/index.js
@@ -6,12 +6,14 @@ const { writeFile, readFile } = require('fs').promises
 const layout = require('../utils/layout')
 const config = require('../utils/config')
 const customTracker = require('../utils/customTracker')
+const baseUrl = require('../utils/baseUrl')
 const signale = require('../utils/signale')
 
 const index = () => {
 	return layout('<div id="main"></div>', 'favicon.ico', [ 'index.css' ], [ 'index.js' ], {
 		isDemoMode: config.isDemoMode,
 		customTracker,
+		baseUrl,
 	})
 }
 
diff --git a/src/ui/scripts/api/links/createHttpLink.js b/src/ui/scripts/api/links/createHttpLink.js
index 1836f9c48..818eb6820 100644
--- a/src/ui/scripts/api/links/createHttpLink.js
+++ b/src/ui/scripts/api/links/createHttpLink.js
@@ -4,7 +4,7 @@ import userTimeZone from '../../../../utils/timeZone'
 
 export default () => {
 	return new BatchHttpLink({
-		uri: '/api',
+		uri: './api',
 		headers: {
 			'Time-Zone': userTimeZone,
 		},
diff --git a/src/ui/scripts/components/modals/ModalDomainEdit.js b/src/ui/scripts/components/modals/ModalDomainEdit.js
index 7f533fffa..6a11c091a 100644
--- a/src/ui/scripts/components/modals/ModalDomainEdit.js
+++ b/src/ui/scripts/components/modals/ModalDomainEdit.js
@@ -44,9 +44,9 @@ const ModalDomainEdit = (props) => {
 	const idId = shortId()
 	const embedId = shortId()
 
-	const trackerUrl = window.env.customTracker.url || '/tracker.js'
+	const trackerUrl = window.env.customTracker.url || `${ decodeURIComponent(window.env.baseUrl.url) }/tracker.js`
 	const srcUrl = (new URL(trackerUrl, location.href)).href
-	const serverUrl = location.origin
+	const serverUrl = `${ location.origin }${ decodeURIComponent(window.env.baseUrl.url) }`
 
 	return (
 		h('form', { className: 'card', onSubmit },
diff --git a/src/utils/baseUrl.js b/src/utils/baseUrl.js
new file mode 100644
index 000000000..276648ce7
--- /dev/null
+++ b/src/utils/baseUrl.js
@@ -0,0 +1,14 @@
+'use strict'
+
+const sanitizeFilename = require('sanitize-filename')
+
+const name = process.env.ACKEE_BASEURL
+const exists = name != null && name !== ''
+
+module.exports = {
+	exists,
+	url: exists === true ? `${ encodeURIComponent(name) }` : '',
+	path: exists === true ? `${ sanitizeFilename(name) }` : '',
+}
+
+console.log(module.exports.path)
\ No newline at end of file
diff --git a/src/utils/config.js b/src/utils/config.js
index 4d9dea0ab..be06fde00 100644
--- a/src/utils/config.js
+++ b/src/utils/config.js
@@ -16,6 +16,7 @@ module.exports = new Proxy({}, {
 			isDemoMode: process.env.ACKEE_DEMO === 'true',
 			isDevelopmentMode: process.env.NODE_ENV === 'development',
 			isPreBuildMode: process.env.BUILD_ENV === 'pre',
+			baseUrl: process.env.ACKEE_BASEURL || '',
 		}
 
 		return data[prop]

From 7a684fdd871dc2f7ebb71f6a9c2799b6e32fd618 Mon Sep 17 00:00:00 2001
From: Thijs de Vries <->
Date: Fri, 28 Jan 2022 14:47:44 +0100
Subject: [PATCH 2/5] Fix baseurl only listening on path with trailing /

---
 docs/Options.md | 4 +---
 src/server.js   | 5 +++++
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/docs/Options.md b/docs/Options.md
index 9cc8a02d7..b49e92943 100644
--- a/docs/Options.md
+++ b/docs/Options.md
@@ -99,6 +99,4 @@ Change the url path at which Ackee listens. You can use this in conjunction with
 ACKEE_BASEURL=/ackee
 ```
 
-*Do not add a trailing `/`. Ackee will be available at `example.com/ackee/`.*
-
-*You might want to use your reverse proxy to redirect `/ackee` to `/ackee/`.*
\ No newline at end of file
+*Do not add a trailing `/`.*
diff --git a/src/server.js b/src/server.js
index d37323b78..1d82a5af7 100644
--- a/src/server.js
+++ b/src/server.js
@@ -126,6 +126,11 @@ const routes = [
 		res.setHeader('Content-Type', 'text/javascript; charset=utf-8')
 		res.end(await tracker)
 	}) : undefined,
+	config.baseUrl !== '' ? get(config.baseUrl, (req, res) => {
+		res.statusCode = 302
+		res.setHeader('Location', `${ config.baseUrl }/`)
+		res.end()
+	}) : undefined,
 
 	post(graphqlPath, graphqlHandler),
 	get(graphqlPath, graphqlHandler),

From e4cba15eefb9bd355b08f372dc2539ea0ef79bde Mon Sep 17 00:00:00 2001
From: Thijs de Vries <->
Date: Fri, 28 Jan 2022 14:47:49 +0100
Subject: [PATCH 3/5] Add healthcheck.js baseUrl support

---
 src/healthcheck.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/healthcheck.js b/src/healthcheck.js
index 00b913564..e371e74ca 100755
--- a/src/healthcheck.js
+++ b/src/healthcheck.js
@@ -33,8 +33,8 @@ const exit = (healthy) => process.exit(healthy === true ? 0 : 1)
 
 const check = () => Promise.all([
 	checkMongoDB(config.dbUrl),
-	checkServer(`http://localhost:${ config.port }`),
-	checkApi(`http://localhost:${ config.port }/.well-known/apollo/server-health`),
+	checkServer(`http://localhost:${ config.port }${ config.baseUrl }/`),
+	checkApi(`http://localhost:${ config.port }${ config.baseUrl }/.well-known/apollo/server-health`),
 ])
 
 const handleSuccess = () => {

From 27fa457f525dae5936adbb68212bbefe3bcbfe26 Mon Sep 17 00:00:00 2001
From: Thijs de Vries <->
Date: Sun, 15 May 2022 22:31:21 +0200
Subject: [PATCH 4/5] Add customTracker baseUrl support

---
 src/server.js                                       | 2 +-
 src/ui/scripts/components/modals/ModalDomainEdit.js | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/server.js b/src/server.js
index 1d82a5af7..c4c4d50e8 100644
--- a/src/server.js
+++ b/src/server.js
@@ -122,7 +122,7 @@ const routes = [
 		res.setHeader('Content-Type', 'text/javascript; charset=utf-8')
 		res.end(await tracker)
 	}),
-	customTracker.exists === true ? get(customTracker.url, async (req, res) => {
+	customTracker.exists === true ? get(`${ config.baseUrl }${ customTracker.url }`, async (req, res) => {
 		res.setHeader('Content-Type', 'text/javascript; charset=utf-8')
 		res.end(await tracker)
 	}) : undefined,
diff --git a/src/ui/scripts/components/modals/ModalDomainEdit.js b/src/ui/scripts/components/modals/ModalDomainEdit.js
index 6a11c091a..f2926ee58 100644
--- a/src/ui/scripts/components/modals/ModalDomainEdit.js
+++ b/src/ui/scripts/components/modals/ModalDomainEdit.js
@@ -44,7 +44,7 @@ const ModalDomainEdit = (props) => {
 	const idId = shortId()
 	const embedId = shortId()
 
-	const trackerUrl = window.env.customTracker.url || `${ decodeURIComponent(window.env.baseUrl.url) }/tracker.js`
+	const trackerUrl = `${ decodeURIComponent(window.env.baseUrl.url) }${ window.env.customTracker.url }` || `${ decodeURIComponent(window.env.baseUrl.url) }/tracker.js`
 	const srcUrl = (new URL(trackerUrl, location.href)).href
 	const serverUrl = `${ location.origin }${ decodeURIComponent(window.env.baseUrl.url) }`
 

From 117ee393f58374106dd18b650b4fc69762f04730 Mon Sep 17 00:00:00 2001
From: Thijs de Vries <->
Date: Sun, 15 May 2022 22:32:40 +0200
Subject: [PATCH 5/5] Add baseUrl to console output

---
 src/index.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/index.js b/src/index.js
index 46ccd08a1..2d81dc7d7 100644
--- a/src/index.js
+++ b/src/index.js
@@ -13,7 +13,7 @@ if (config.dbUrl == null) {
 	process.exit(1)
 }
 
-server.on('listening', () => signale.watch(`Listening on http://localhost:${ config.port }`))
+server.on('listening', () => signale.watch(`Listening on http://localhost:${ config.port }${ config.baseUrl }`))
 server.on('error', (error) => signale.fatal(error))
 
 signale.await(`Connecting to ${ stripUrlAuth(config.dbUrl) }`)