@directus/app 9.0.1 → 9.1.0

package/dist/assets/hooks.9441eb32.js

@@ -1,75 +0,0 @@
-import{p as o,q as a,C as c,v as u,M as l,D as e}from"./vendor.299bc11c.js";const r=l("div",{class:"markdown-body"},[l("blockquote",null,[l("p",null,"Custom API Hooks allow running custom logic when a specified event occurs within your project. They can be registered as either \u201Cblocking\u201D or immediate.")]),l("h2",{id:"1.-create-a-hook-file"},[e("1. Create a Hook File "),l("a",{class:"header-anchor",href:"#1.-create-a-hook-file"},"#")]),l("p",null,[e("Custom hooks are dynamically loaded from within your extensions folder. By default this directory is located at "),l("code",null,"/extensions"),e(", but it can be configured within your project\u2019s env file to be located anywhere.")]),l("h3",{id:"default-standalone-hook-location"},[e("Default Standalone Hook Location "),l("a",{class:"header-anchor",href:"#default-standalone-hook-location"},"#")]),l("pre",null,[l("code",null,`/extensions/hooks/<hook-id>/index.js
-`)]),l("h2",{id:"2.-define-the-event"},[e("2. Define the Event "),l("a",{class:"header-anchor",href:"#2.-define-the-event"},"#")]),l("p",null,"Next, you will want to define your event. You can trigger your custom hook with any of the platform\u2019s many API events. An event is defined by its type and its name."),l("p",null,"Event names consist of multiple scopes delimited by a dot:"),l("pre",null,[l("code",null,`<scope>.<scope>...
-// eg: items.create
-// eg: users.update
-// eg: auth.login
-// eg: routes.custom.before
-`)]),l("p",null,"There are four event types to choose from."),l("h3",{id:"filter"},[e("Filter "),l("a",{class:"header-anchor",href:"#filter"},"#")]),l("p",null,"A filter event executes prior to the event being fired. This allows you to check and/or modify the event\u2019s payload before it is processed."),l("p",null,"It also allows you to cancel an event based on the logic within the hook. Below is an example of how you can cancel a create event by throwing a standard Directus exception."),l("pre",null,[l("code",{class:"language-js"},[l("span",{class:"hljs-built_in"},"module"),e(".exports = "),l("span",{class:"hljs-function"},[l("span",{class:"hljs-keyword"},"function"),e(),l("span",{class:"hljs-title"},"registerHook"),e("("),l("span",{class:"hljs-params"},"{ filter }, { exceptions }"),e(") ")]),e(`{
-	`),l("span",{class:"hljs-keyword"},"const"),e(` { InvalidPayloadException } = exceptions;
-
-	filter(`),l("span",{class:"hljs-string"},"'items.create'"),e(", "),l("span",{class:"hljs-keyword"},"async"),e(` (input) => {
-		`),l("span",{class:"hljs-keyword"},"if"),e(` (LOGIC_TO_CANCEL_EVENT) {
-			`),l("span",{class:"hljs-keyword"},"throw"),e(),l("span",{class:"hljs-keyword"},"new"),e(` InvalidPayloadException(WHAT_IS_WRONG);
-		}
-
-		`),l("span",{class:"hljs-keyword"},"return"),e(` input;
-	});
-};
-`)])]),l("p",null,"The filter register function receives two parameters:"),l("ul",null,[l("li",null,"The event name"),l("li",null,"A callback function that is executed whenever the event fires.")]),l("p",null,"The callback function itself receives three parameters:"),l("ul",null,[l("li",null,"The modifiable payload"),l("li",null,"An event-specific meta object"),l("li",null,"A context object")]),l("p",null,"The context object has the following properties:"),l("ul",null,[l("li",null,[l("code",null,"database"),e(" \u2014 The current database transaction")]),l("li",null,[l("code",null,"schema"),e(" \u2014 The current API schema in use")]),l("li",null,[l("code",null,"accountability"),e(" \u2014 Information about the current user")])]),l("h4",{id:"available-events"},[e("Available Events "),l("a",{class:"header-anchor",href:"#available-events"},"#")]),l("table",null,[l("thead",null,[l("tr",null,[l("th",null,"Name"),l("th",null,"Payload"),l("th",null,"Meta")])]),l("tbody",null,[l("tr",null,[l("td",null,[l("code",null,"request.not_found")]),l("td",null,[l("code",null,"false")]),l("td",null,[l("code",null,"request"),e(", "),l("code",null,"response")])]),l("tr",null,[l("td",null,[l("code",null,"request.error")]),l("td",null,"The request errors"),l("td",null,"\u2013")]),l("tr",null,[l("td",null,[l("code",null,"database.error")]),l("td",null,"The database error"),l("td",null,[l("code",null,"client")])]),l("tr",null,[l("td",null,[l("code",null,"auth.login")]),l("td",null,"The login payload"),l("td",null,[l("code",null,"status"),e(", "),l("code",null,"user"),e(", "),l("code",null,"provider")])]),l("tr",null,[l("td",null,[l("code",null,"auth.jwt")]),l("td",null,"The auth token"),l("td",null,[l("code",null,"status"),e(", "),l("code",null,"user"),e(", "),l("code",null,"provider"),e(", "),l("code",null,"type")])]),l("tr",null,[l("td",null,[l("code",null,"(<collection>.)items.create")]),l("td",null,"The new item"),l("td",null,[l("code",null,"collection")])]),l("tr",null,[l("td",null,[l("code",null,"(<collection>.)items.update")]),l("td",null,"The updated item"),l("td",null,[l("code",null,"keys"),e(", "),l("code",null,"collection")])]),l("tr",null,[l("td",null,[l("code",null,"(<collection>.)items.delete")]),l("td",null,"The keys of the item"),l("td",null,[l("code",null,"collection")])]),l("tr",null,[l("td",null,[l("code",null,"<system-collection>.create")]),l("td",null,"The new item"),l("td",null,[l("code",null,"collection")])]),l("tr",null,[l("td",null,[l("code",null,"<system-collection>.update")]),l("td",null,"The updated item"),l("td",null,[l("code",null,"keys"),e(", "),l("code",null,"collection")])]),l("tr",null,[l("td",null,[l("code",null,"<system-collection>.delete")]),l("td",null,"The keys of the item"),l("td",null,[l("code",null,"collection")])])])]),l("div",{class:"tip hint"},[l("div",{class:"hint-title"},"System Collections"),l("p",null,[l("code",null,"<system-collection>"),e(" should be replaced with one of the system collection names "),l("code",null,"activity"),e(", "),l("code",null,"collections"),e(", "),l("code",null,"fields"),e(", "),l("code",null,"folders"),e(", "),l("code",null,"permissions"),e(", "),l("code",null,"presets"),e(", "),l("code",null,"relations"),e(", "),l("code",null,"revisions"),e(", "),l("code",null,"roles"),e(", "),l("code",null,"settings"),e(", "),l("code",null,"users"),e(" or "),l("code",null,"webhooks"),e(".")])]),l("h3",{id:"action"},[e("Action "),l("a",{class:"header-anchor",href:"#action"},"#")]),l("p",null,"An action event executes after a certain event and receives some data related to the event."),l("p",null,"The action register function receives two parameters:"),l("ul",null,[l("li",null,"The event name"),l("li",null,"A callback function that is executed whenever the event fires.")]),l("p",null,"The callback function itself receives two parameters:"),l("ul",null,[l("li",null,"An event-specific meta object"),l("li",null,"A context object")]),l("p",null,"The context object has the following properties:"),l("ul",null,[l("li",null,[l("code",null,"database"),e(" \u2014 The current database transaction")]),l("li",null,[l("code",null,"schema"),e(" \u2014 The current API schema in use")]),l("li",null,[l("code",null,"accountability"),e(" \u2014 Information about the current user")])]),l("h4",{id:"available-events-2"},[e("Available Events "),l("a",{class:"header-anchor",href:"#available-events-2"},"#")]),l("table",null,[l("thead",null,[l("tr",null,[l("th",null,"Name"),l("th",null,"Meta")])]),l("tbody",null,[l("tr",null,[l("td",null,[l("code",null,"server.start")]),l("td",null,[l("code",null,"server")])]),l("tr",null,[l("td",null,[l("code",null,"server.stop")]),l("td",null,[l("code",null,"server")])]),l("tr",null,[l("td",null,[l("code",null,"response")]),l("td",null,[l("code",null,"request"),e(", "),l("code",null,"response"),e(", "),l("code",null,"ip"),e(", "),l("code",null,"duration"),e(", "),l("code",null,"finished")])]),l("tr",null,[l("td",null,[l("code",null,"auth.login")]),l("td",null,[l("code",null,"payload"),e(", "),l("code",null,"status"),e(", "),l("code",null,"user"),e(", "),l("code",null,"provider")])]),l("tr",null,[l("td",null,[l("code",null,"files.upload")]),l("td",null,[l("code",null,"payload"),e(", "),l("code",null,"key"),e(", "),l("code",null,"collection")])]),l("tr",null,[l("td",null,[l("code",null,"(<collection>.)items.read")]),l("td",null,[l("code",null,"payload"),e(", "),l("code",null,"query"),e(", "),l("code",null,"collection")])]),l("tr",null,[l("td",null,[l("code",null,"(<collection>.)items.create")]),l("td",null,[l("code",null,"payload"),e(", "),l("code",null,"key"),e(", "),l("code",null,"collection")])]),l("tr",null,[l("td",null,[l("code",null,"(<collection>.)items.update")]),l("td",null,[l("code",null,"payload"),e(", "),l("code",null,"keys"),e(", "),l("code",null,"collection")])]),l("tr",null,[l("td",null,[l("code",null,"(<collection>.)items.delete")]),l("td",null,[l("code",null,"payload"),e(", "),l("code",null,"collection")])]),l("tr",null,[l("td",null,[l("code",null,"<system-collection>.create")]),l("td",null,[l("code",null,"payload"),e(", "),l("code",null,"key"),e(", "),l("code",null,"collection")])]),l("tr",null,[l("td",null,[l("code",null,"<system-collection>.update")]),l("td",null,[l("code",null,"payload"),e(", "),l("code",null,"keys"),e(", "),l("code",null,"collection")])]),l("tr",null,[l("td",null,[l("code",null,"<system-collection>.delete")]),l("td",null,[l("code",null,"payload"),e(", "),l("code",null,"collection")])])])]),l("div",{class:"tip hint"},[l("div",{class:"hint-title"},"System Collections"),l("p",null,[l("code",null,"<system-collection>"),e(" should be replaced with one of the system collection names "),l("code",null,"activity"),e(", "),l("code",null,"collections"),e(", "),l("code",null,"fields"),e(", "),l("code",null,"folders"),e(", "),l("code",null,"permissions"),e(", "),l("code",null,"presets"),e(", "),l("code",null,"relations"),e(", "),l("code",null,"revisions"),e(", "),l("code",null,"roles"),e(", "),l("code",null,"settings"),e(", "),l("code",null,"users"),e(" or "),l("code",null,"webhooks"),e(".")])]),l("h3",{id:"init"},[e("Init "),l("a",{class:"header-anchor",href:"#init"},"#")]),l("p",null,"An init event executes at a certain point within the lifecycle of Directus. Init events can be used to inject logic into internal services."),l("p",null,"The init register function receives two parameters:"),l("ul",null,[l("li",null,"The event name"),l("li",null,"A callback function that is executed whenever the event fires.")]),l("p",null,"The callback function itself receives one parameters:"),l("ul",null,[l("li",null,"An event-specific meta object")]),l("h4",{id:"available-events-3"},[e("Available Events "),l("a",{class:"header-anchor",href:"#available-events-3"},"#")]),l("table",null,[l("thead",null,[l("tr",null,[l("th",null,"Name"),l("th",null,"Meta")])]),l("tbody",null,[l("tr",null,[l("td",null,[l("code",null,"cli.before")]),l("td",null,[l("code",null,"program")])]),l("tr",null,[l("td",null,[l("code",null,"cli.after")]),l("td",null,[l("code",null,"program")])]),l("tr",null,[l("td",null,[l("code",null,"app.before")]),l("td",null,[l("code",null,"app")])]),l("tr",null,[l("td",null,[l("code",null,"app.after")]),l("td",null,[l("code",null,"app")])]),l("tr",null,[l("td",null,[l("code",null,"routes.before")]),l("td",null,[l("code",null,"app")])]),l("tr",null,[l("td",null,[l("code",null,"routes.after")]),l("td",null,[l("code",null,"app")])]),l("tr",null,[l("td",null,[l("code",null,"routes.custom.before")]),l("td",null,[l("code",null,"app")])]),l("tr",null,[l("td",null,[l("code",null,"routes.custom.after")]),l("td",null,[l("code",null,"app")])]),l("tr",null,[l("td",null,[l("code",null,"middlewares.before")]),l("td",null,[l("code",null,"app")])]),l("tr",null,[l("td",null,[l("code",null,"middlewares.after")]),l("td",null,[l("code",null,"app")])])])]),l("h3",{id:"schedule"},[e("Schedule "),l("a",{class:"header-anchor",href:"#schedule"},"#")]),l("p",null,[e("A schedule event executes at certain points in time. This is supported through "),l("a",{href:"https://www.npmjs.com/package/node-cron",target:"_blank",rel:"noopener noreferrer"},[l("code",null,"node-cron")]),e(". To set this up, provide a cron statement as the first parameter to the "),l("code",null,"schedule()"),e(" function, for example "),l("code",null,"schedule('15 14 1 * *', <...>)"),e(" (at 14:15 on day-of-month 1) or "),l("code",null,"schedule('5 4 * * sun', <...>)"),e(" (at 04:05 on Sunday). See example below:")]),l("pre",null,[l("code",{class:"language-js"},[l("span",{class:"hljs-keyword"},"const"),e(" axios = "),l("span",{class:"hljs-built_in"},"require"),e("("),l("span",{class:"hljs-string"},"'axios'"),e(`);
-
-`),l("span",{class:"hljs-built_in"},"module"),e(".exports = "),l("span",{class:"hljs-function"},[l("span",{class:"hljs-keyword"},"function"),e(),l("span",{class:"hljs-title"},"registerHook"),e("("),l("span",{class:"hljs-params"},"{ schedule }"),e(") ")]),e(`{
-	schedule(`),l("span",{class:"hljs-string"},"'*/15 * * * *'"),e(", "),l("span",{class:"hljs-keyword"},"async"),e(` () => {
-		`),l("span",{class:"hljs-keyword"},"await"),e(" axios.post("),l("span",{class:"hljs-string"},"'http://example.com/webhook'"),e(", { "),l("span",{class:"hljs-attr"},"message"),e(": "),l("span",{class:"hljs-string"},"'Another 15 minutes passed...'"),e(` });
-	});
-};
-`)])]),l("h2",{id:"3.-register-your-hook"},[e("3. Register your Hook "),l("a",{class:"header-anchor",href:"#3.-register-your-hook"},"#")]),l("p",null,"Each custom hook is registered to its event scope using a function with the following format:"),l("pre",null,[l("code",{class:"language-js"},[l("span",{class:"hljs-keyword"},"const"),e(" axios = "),l("span",{class:"hljs-built_in"},"require"),e("("),l("span",{class:"hljs-string"},"'axios'"),e(`);
-
-`),l("span",{class:"hljs-built_in"},"module"),e(".exports = "),l("span",{class:"hljs-function"},[l("span",{class:"hljs-keyword"},"function"),e(),l("span",{class:"hljs-title"},"registerHook"),e("("),l("span",{class:"hljs-params"},"{ action }"),e(") ")]),e(`{
-	action(`),l("span",{class:"hljs-string"},"'items.create'"),e(", "),l("span",{class:"hljs-function"},"() =>"),e(` {
-		axios.post(`),l("span",{class:"hljs-string"},"'http://example.com/webhook'"),e(`);
-	});
-};
-`)])]),l("h2",{id:"4.-develop-your-custom-hook"},[e("4. Develop your Custom Hook "),l("a",{class:"header-anchor",href:"#4.-develop-your-custom-hook"},"#")]),l("blockquote",null,[l("p",null,[e("Hooks can impact performance when not carefully implemented. This is especially true for filter hooks (as these are blocking) and hooks on "),l("code",null,"read"),e(" actions, as a single request can result in a large amount of database reads.")])]),l("h3",{id:"register-function"},[e("Register Function "),l("a",{class:"header-anchor",href:"#register-function"},"#")]),l("p",null,[e("The "),l("code",null,"registerHook"),e(" function receives an object containing the type-specific register functions as the first parameter:")]),l("ul",null,[l("li",null,[l("code",null,"filter"),e(" \u2014 Listen for a filter event")]),l("li",null,[l("code",null,"action"),e(" \u2014 Listen for an action event")]),l("li",null,[l("code",null,"init"),e(" \u2014 Listen for an init event")]),l("li",null,[l("code",null,"schedule"),e(" \u2014 Execute a function at certain points in time")])]),l("p",null,"The second parameter is a context object with the following properties:"),l("ul",null,[l("li",null,[l("code",null,"services"),e(" \u2014 All API internal services")]),l("li",null,[l("code",null,"exceptions"),e(" \u2014 API exception objects that can be used for throwing \u201Cproper\u201D errors")]),l("li",null,[l("code",null,"database"),e(" \u2014 Knex instance that is connected to the current database")]),l("li",null,[l("code",null,"getSchema"),e(" \u2014 Async function that reads the full available schema for use in services")]),l("li",null,[l("code",null,"env"),e(" \u2014 Parsed environment variables")]),l("li",null,[l("code",null,"logger"),e(" \u2014 "),l("a",{href:"https://github.com/pinojs/pino",target:"_blank",rel:"noopener noreferrer"},"Pino"),e(" instance.")])]),l("h2",{id:"5.-restart-the-api"},[e("5. Restart the API "),l("a",{class:"header-anchor",href:"#5.-restart-the-api"},"#")]),l("p",null,"To deploy your hook, simply restart the API by running:"),l("pre",null,[l("code",{class:"language-bash"},`npx directus start
-`)]),l("h2",{id:"full-example"},[e("Full Example "),l("a",{class:"header-anchor",href:"#full-example"},"#")]),l("p",null,[l("code",null,"extensions/hooks/sync-with-external/index.js"),e(":")]),l("pre",null,[l("code",{class:"language-js"},[l("span",{class:"hljs-keyword"},"const"),e(" axios = "),l("span",{class:"hljs-built_in"},"require"),e("("),l("span",{class:"hljs-string"},"'axios'"),e(`);
-
-`),l("span",{class:"hljs-built_in"},"module"),e(".exports = "),l("span",{class:"hljs-function"},[l("span",{class:"hljs-keyword"},"function"),e(),l("span",{class:"hljs-title"},"registerHook"),e("("),l("span",{class:"hljs-params"},"{ filter, action }, { services, exceptions }"),e(") ")]),e(`{
-	`),l("span",{class:"hljs-keyword"},"const"),e(` { MailService } = services;
-	`),l("span",{class:"hljs-keyword"},"const"),e(` { ServiceUnavailableException, ForbiddenException } = exceptions;
-
-	`),l("span",{class:"hljs-comment"},"// Sync with external recipes service, cancel creation on failure"),e(`
-	filter(`),l("span",{class:"hljs-string"},"'items.create'"),e(", "),l("span",{class:"hljs-keyword"},"async"),e(` (input, { collection }, { schema }) => {
-		`),l("span",{class:"hljs-keyword"},"if"),e(" (collection !== "),l("span",{class:"hljs-string"},"'recipes'"),e(") "),l("span",{class:"hljs-keyword"},"return"),e(` input;
-
-		`),l("span",{class:"hljs-keyword"},"const"),e(" mailService = "),l("span",{class:"hljs-keyword"},"new"),e(` MailService({ schema });
-
-		`),l("span",{class:"hljs-keyword"},"try"),e(` {
-			`),l("span",{class:"hljs-keyword"},"await"),e(" axios.post("),l("span",{class:"hljs-string"},"'https://example.com/recipes'"),e(`, input);
-			`),l("span",{class:"hljs-keyword"},"await"),e(` mailService.send({
-				`),l("span",{class:"hljs-attr"},"to"),e(": "),l("span",{class:"hljs-string"},"'person@example.com'"),e(`,
-				`),l("span",{class:"hljs-attr"},"template"),e(`: {
-					`),l("span",{class:"hljs-attr"},"name"),e(": "),l("span",{class:"hljs-string"},"'item-created'"),e(`,
-					`),l("span",{class:"hljs-attr"},"data"),e(`: {
-						`),l("span",{class:"hljs-attr"},"collection"),e(`: collection,
-					},
-				},
-			});
-		} `),l("span",{class:"hljs-keyword"},"catch"),e(` (error) {
-			`),l("span",{class:"hljs-keyword"},"throw"),e(),l("span",{class:"hljs-keyword"},"new"),e(` ServiceUnavailableException(error);
-		}
-
-		input.syncedWithExample = `),l("span",{class:"hljs-literal"},"true"),e(`;
-
-		`),l("span",{class:"hljs-keyword"},"return"),e(` input;
-	});
-
-	`),l("span",{class:"hljs-comment"},"// Force everything to be admin-only at all times"),e(`
-	`),l("span",{class:"hljs-keyword"},"const"),e(" adminOnly = "),l("span",{class:"hljs-keyword"},"async"),e(` (_, { accountability }) => {
-		`),l("span",{class:"hljs-keyword"},"if"),e(" (accountability.admin !== "),l("span",{class:"hljs-literal"},"true"),e(") "),l("span",{class:"hljs-keyword"},"throw"),e(),l("span",{class:"hljs-keyword"},"new"),e(` ForbiddenException();
-	};
-
-	action(`),l("span",{class:"hljs-string"},"'items.create'"),e(`, adminOnly);
-	action(`),l("span",{class:"hljs-string"},"'items.read'"),e(`, adminOnly);
-	action(`),l("span",{class:"hljs-string"},"'items.update'"),e(`, adminOnly);
-	action(`),l("span",{class:"hljs-string"},"'items.delete'"),e(`, adminOnly);
-};
-`)])])],-1),m={setup(i,{expose:t}){const n={title:"Custom API Hooks",modularExtension:!0};return t({frontmatter:n}),(d,h)=>{const s=o("DocsWrapper");return a(),c(s,{frontmatter:n},{default:u(()=>[r]),_:1})}}};export{m as default};

package/dist/assets/index.570f6759.js

@@ -1,26 +0,0 @@
-var ue=Object.defineProperty,ce=Object.defineProperties;var de=Object.getOwnPropertyDescriptors;var X=Object.getOwnPropertySymbols;var pe=Object.prototype.hasOwnProperty,_e=Object.prototype.propertyIsEnumerable;var Z=(e,t,n)=>t in e?ue(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,J=(e,t)=>{for(var n in t||(t={}))pe.call(t,n)&&Z(e,n,t[n]);if(X)for(var n of X(t))_e.call(t,n)&&Z(e,n,t[n]);return e},Y=(e,t)=>ce(e,de(t));import{o as S,y as j,B as $,r as U,L as R,w as x,p as s,Q as q,S as D,q as a,C as m,v as u,t as g,u as c,K as B,aD as ve,M as h,F as P,J as I,W as ee,D as C,E as k,l as W,I as G,av as fe,al as me,P as M,X as te,aF as ne,z as ge,ah as ye,O as $e,U as be,V as he,Z as ke,_ as Se}from"./vendor.299bc11c.js";import{u as we,a as oe,_ as w,b as se,g as ae,c as K,M as Ie,t as Oe,d as Le,e as Be,f as Ce,h as H,i as re,j as Ae,H as Ve,k as Ue}from"../index.0f7650cb.js";import"./use-sync.da76e524.js";const Me=S({setup(){const{t:e}=j(),t=we(),n=oe(),r=$(()=>{var _;return n.settings===null||!((_=n.settings)==null?void 0:_.project_logo)?null:se(ae()+`assets/${n.settings.project_logo}`)}),p=U(!1),{queueHasItems:l}=R(t);x(()=>l.value,_=>{_&&(p.value=!0)});const i=$(()=>{var _;return(_=n.settings)==null?void 0:_.project_url}),o=$(()=>{var _;return((_=n.settings)==null?void 0:_.project_url)?e("view_project"):!1});return{customLogoPath:r,showLoader:p,stopSpinnerIfQueueIsEmpty:d,url:i,urlTooltip:o};function d(){l.value===!1&&(p.value=!1)}}}),Ne=["src"];function je(e,t,n,r,p,l){const i=s("v-progress-linear"),o=q("tooltip");return D((a(),m(ee(e.url?"a":"div"),{href:e.url,target:e.url?"_blank":void 0,rel:e.url?"noopener noreferrer":void 0,class:I(["module-bar-logo",{loading:e.showLoader}])},{default:u(()=>[e.customLogoPath?(a(),g(P,{key:0},[c(ve,{name:"fade"},{default:u(()=>[e.showLoader?(a(),m(i,{key:0,indeterminate:"",rounded:"",onAnimationiteration:e.stopSpinnerIfQueueIsEmpty},null,8,["onAnimationiteration"])):B("",!0)]),_:1}),h("img",{class:"custom-logo",src:e.customLogoPath,alt:"Project Logo"},null,8,Ne)],64)):(a(),g("div",{key:1,class:I(["logo",{running:e.showLoader}]),onAnimationiteration:t[0]||(t[0]=(...d)=>e.stopSpinnerIfQueueIsEmpty&&e.stopSpinnerIfQueueIsEmpty(...d))},null,34))]),_:1},8,["href","target","rel","class"])),[[o,e.urlTooltip,void 0,{right:!0}]])}var De=w(Me,[["render",je],["__scopeId","data-v-a98d38ac"]]);const Te=S({setup(){const{t:e}=j(),t=K(),n=U(!1),r=$(()=>t.currentUser===null||t.currentUser.avatar===null?null:se(ae()+`assets/${t.currentUser.avatar.id}?key=system-medium-cover`)),p=$(()=>{var d;return`/users/${(d=t.currentUser)==null?void 0:d.id}`}),l=$(()=>"/logout"),i=t.fullName;return{t:e,userFullName:i,avatarURL:r,userProfileLink:p,signOutActive:n,signOutLink:l}}}),Ee=["src","alt"];function Fe(e,t,n,r,p,l){const i=s("v-icon"),o=s("v-button"),d=s("v-card-title"),_=s("v-card-actions"),y=s("v-card"),v=s("v-dialog"),O=s("v-avatar"),f=s("router-link"),b=s("v-hover"),V=q("tooltip");return a(),m(b,{class:"module-bar-avatar"},{default:u(({hover:L})=>[c(v,{modelValue:e.signOutActive,"onUpdate:modelValue":t[1]||(t[1]=A=>e.signOutActive=A),onEsc:t[2]||(t[2]=A=>e.signOutActive=!1)},{activator:u(({on:A})=>[D(c(o,{tile:"",icon:"","x-large":"",class:I([{show:L},"sign-out"]),onClick:A},{default:u(()=>[c(i,{name:"logout"})]),_:2},1032,["class","onClick"]),[[V,e.t("sign_out"),void 0,{right:!0}]])]),default:u(()=>[c(y,null,{default:u(()=>[c(d,null,{default:u(()=>[C(k(e.t("sign_out_confirm")),1)]),_:1}),c(_,null,{default:u(()=>[c(o,{secondary:"",onClick:t[0]||(t[0]=A=>e.signOutActive=!e.signOutActive)},{default:u(()=>[C(k(e.t("cancel")),1)]),_:1}),c(o,{to:e.signOutLink},{default:u(()=>[C(k(e.t("sign_out")),1)]),_:1},8,["to"])]),_:1})]),_:1})]),_:2},1032,["modelValue"]),c(f,{to:e.userProfileLink},{default:u(()=>[D(c(O,{tile:"",large:"",class:I({"no-avatar":!e.avatarURL})},{default:u(()=>[e.avatarURL?(a(),g("img",{key:0,src:e.avatarURL,alt:e.userFullName,class:"avatar-image"},null,8,Ee)):(a(),m(i,{key:1,name:"account_circle",outline:""}))]),_:1},8,["class"]),[[V,e.userFullName,void 0,{right:!0}]])]),_:1},8,["to"])]),_:1})}var Re=w(Te,[["render",Fe],["__scopeId","data-v-4fec1dae"]]);const qe=S({components:{ModuleBarLogo:De,ModuleBarAvatar:Re},setup(){const e=oe(),{modules:t}=Le(),n=$(()=>t.value.map(p=>p.id));return{modules:$(()=>{var p;return e.settings?((p=e.settings.module_bar)!=null?p:Ie).filter(l=>l.type==="link"?!0:l.enabled&&n.value.includes(l.id)).map(l=>{if(l.type==="link"){const o=W.exports.omit(l,["url"]);return l.url.startsWith("/")?o.to=l.url:o.href=l.url,Oe(o)}const i=t.value.find(o=>o.id===l.id);return Y(J(J({},l),t.value.find(o=>o.id===l.id)),{to:`/${i.id}`})}):[]})}}}),Pe={class:"module-bar"},Ge={class:"modules"};function He(e,t,n,r,p,l){const i=s("module-bar-logo"),o=s("v-icon"),d=s("v-button"),_=s("module-bar-avatar"),y=q("tooltip");return a(),g("div",Pe,[c(i),h("div",Ge,[(a(!0),g(P,null,G(e.modules,v=>D((a(),m(d,{key:v.id,icon:"","x-large":"",to:v.to,href:v.href,tile:"",style:fe(v.color?{"--v-button-color-active":v.color}:null)},{default:u(()=>[c(o,{name:v.icon,outline:""},null,8,["name"])]),_:2},1032,["to","href","style"])),[[y,v.name,void 0,{right:!0}]])),128))]),c(_)])}var Qe=w(qe,[["render",He],["__scopeId","data-v-53381a9e"]]);const ze=S({props:{sidebarOpen:{type:Boolean,default:!1}},setup(e){const t=U([]),n=U(!1);return x(()=>e.sidebarOpen,async r=>{r===!1?t.value=[]:(n.value=!0,await me(),n.value=!1)}),{openDetail:t,mandatory:n}}});function Je(e,t,n,r,p,l){const i=s("v-item-group");return a(),m(i,{modelValue:e.openDetail,"onUpdate:modelValue":t[0]||(t[0]=o=>e.openDetail=o),class:"sidebar-detail-group",scope:"sidebar-detail",mandatory:e.mandatory},{default:u(()=>[M(e.$slots,"default",{},void 0,!0)]),_:3},8,["modelValue","mandatory"])}var We=w(ze,[["render",Je],["__scopeId","data-v-ebb6371e"]]),T=1e3,E=T*60,F=E*60,N=F*24,Ke=N*7,Xe=N*365.25,Q=function(e,t){t=t||{};var n=typeof e;if(n==="string"&&e.length>0)return Ze(e);if(n==="number"&&isFinite(e))return t.long?xe(e):Ye(e);throw new Error("val is not a non-empty string or a valid number. val="+JSON.stringify(e))};function Ze(e){if(e=String(e),!(e.length>100)){var t=/^(-?(?:\d+)?\.?\d+) *(milliseconds?|msecs?|ms|seconds?|secs?|s|minutes?|mins?|m|hours?|hrs?|h|days?|d|weeks?|w|years?|yrs?|y)?$/i.exec(e);if(!!t){var n=parseFloat(t[1]),r=(t[2]||"ms").toLowerCase();switch(r){case"years":case"year":case"yrs":case"yr":case"y":return n*Xe;case"weeks":case"week":case"w":return n*Ke;case"days":case"day":case"d":return n*N;case"hours":case"hour":case"hrs":case"hr":case"h":return n*F;case"minutes":case"minute":case"mins":case"min":case"m":return n*E;case"seconds":case"second":case"secs":case"sec":case"s":return n*T;case"milliseconds":case"millisecond":case"msecs":case"msec":case"ms":return n;default:return}}}}function Ye(e){var t=Math.abs(e);return t>=N?Math.round(e/N)+"d":t>=F?Math.round(e/F)+"h":t>=E?Math.round(e/E)+"m":t>=T?Math.round(e/T)+"s":e+"ms"}function xe(e){var t=Math.abs(e);return t>=N?z(e,t,N,"day"):t>=F?z(e,t,F,"hour"):t>=E?z(e,t,E,"minute"):t>=T?z(e,t,T,"second"):e+" ms"}function z(e,t,n,r){var p=t>=n*1.5;return Math.round(e/n)+" "+r+(p?"s":"")}const et=S({setup(){const{t:e}=j(),t=Be(),n=$(()=>{const o=W.exports.sortBy(t.latency,["timestamp"]);return o[o.length-1]}),r=$(()=>{if(!t.latency||t.latency.length===0)return 0;const o=W.exports.sortBy(t.latency,["timestamp"]),d=o.slice(Math.max(o.length-5,0));let _=0;for(const{latency:y}of d)_+=y;return Math.round(_/d.length)}),p=$(()=>r.value<=250?4:r.value>250&&r.value<=500?3:r.value>500&&r.value<=750?2:1),l=$(()=>{switch(p.value){case 4:return`${e("connection_excellent")}
-(${Q(r.value)} ${e("latency")})`;case 3:return`${e("connection_good")}
-(${Q(r.value)} ${e("latency")})`;case 2:return`${e("connection_fair")}
-(${Q(r.value)} ${e("latency")})`;case 1:return`${e("connection_poor")}
-(${Q(r.value)} ${e("latency")})`;default:return null}});return{icon:$(()=>{switch(p.value){case 4:return"signal_wifi_4_bar";case 3:return"signal_wifi_3_bar";case 2:return"signal_wifi_2_bar";case 1:return"signal_wifi_1_bar";default:return null}}),lastLatency:n,latencyTooltip:l}}}),tt={class:"latency-indicator"};function nt(e,t,n,r,p,l){const i=s("v-progress-circular"),o=s("v-icon"),d=q("tooltip");return D((a(),g("div",tt,[e.lastLatency?(a(),m(o,{key:1,name:e.icon},null,8,["name"])):(a(),m(i,{key:0,indeterminate:""}))],512)),[[d,e.latencyTooltip,void 0,{bottom:!0,end:!0}]])}var ot=w(et,[["render",nt],["__scopeId","data-v-2cfd5c8b"]]);const st=S({components:{LatencyIndicator:ot},setup(){const e=Ce();return{name:$(()=>{var n,r;return(r=(n=e.info)==null?void 0:n.project)==null?void 0:r.project_name})}}}),at={class:"project-info"},rt={class:"name"};function it(e,t,n,r,p,l){const i=s("latency-indicator");return a(),g("div",at,[c(i),h("span",rt,k(e.name),1)])}var lt=w(st,[["render",it],["__scopeId","data-v-08488eb6"]]);const ut=S({props:{id:{type:String,required:!0},title:{type:String,required:!0},text:{type:String,default:null},icon:{type:String,default:null},type:{type:String,default:"info",validator:e=>["info","success","warning","error"].includes(e)},tail:{type:Boolean,default:!1},dense:{type:Boolean,default:!1},showClose:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},progress:{type:Number,default:void 0}},setup(e){const t=H();return{close:n};function n(){e.showClose===!0&&t.remove(e.id)}}}),ct={key:0,class:"icon"},dt={class:"content"},pt={class:"title selectable"},_t={key:0,class:"text selectable"};function vt(e,t,n,r,p,l){const i=s("v-progress-circular"),o=s("v-icon");return a(),g("div",{class:I(["notification-item",[e.type,{tail:e.tail,dense:e.dense}]]),onClick:t[0]||(t[0]=(...d)=>e.close&&e.close(...d))},[e.loading||e.progress||e.icon?(a(),g("div",ct,[e.loading?(a(),m(i,{key:0,indeterminate:"",small:""})):e.progress?(a(),m(i,{key:1,small:"",value:e.progress},null,8,["value"])):(a(),m(o,{key:2,name:e.icon},null,8,["name"]))])):B("",!0),h("div",dt,[h("p",pt,k(e.title),1),e.text?(a(),g("p",_t,k(e.text),1)):B("",!0)]),e.showClose?(a(),m(o,{key:1,name:"close",clickable:"",class:"close",onClick:e.close},null,8,["onClick"])):B("",!0)],2)}var ie=w(ut,[["render",vt],["__scopeId","data-v-43553e80"]]);const ft=S({components:{NotificationItem:ie},props:{dense:{type:Boolean,default:!1}},setup(){const e=H();return{queue:R(e).queue}}});function mt(e,t,n,r,p,l){const i=s("notification-item");return a(),m(ne,{class:"notifications-group",name:"slide-fade",tag:"div"},{default:u(()=>[M(e.$slots,"default",{},void 0,!0),(a(!0),g(P,null,G(e.queue,(o,d)=>(a(),m(i,te({key:o.id},o,{tail:d===e.queue.length-1,dense:e.dense,"show-close":o.persist===!0&&o.closeable!==!1}),null,16,["tail","dense","show-close"]))),128))]),_:3})}var gt=w(ft,[["render",mt],["__scopeId","data-v-31bc6bbb"]]);const yt=S({props:{to:{type:String,default:null},icon:{type:String,default:"box"},active:{type:Boolean,default:!1}},emits:["click"],setup(){const e=re(),{sidebarOpen:t}=R(e);return{sidebarOpen:t}}}),$t={class:"icon"},bt={key:0,class:"title"};function ht(e,t,n,r,p,l){const i=s("v-icon");return a(),m(ee(e.to?"router-link":"button"),{class:I(["sidebar-button",{active:e.active}]),onClick:t[0]||(t[0]=o=>e.$emit("click",o))},{default:u(()=>[h("div",$t,[c(i,{name:e.icon,outline:""},null,8,["name"])]),e.sidebarOpen?(a(),g("div",bt,[M(e.$slots,"default",{},void 0,!0)])):B("",!0)]),_:3},8,["class"])}var kt=w(yt,[["render",ht],["__scopeId","data-v-3f4d4d50"]]);const St=S({components:{SidebarButton:kt,NotificationItem:ie},props:{sidebarOpen:{type:Boolean,default:!1},modelValue:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(){const{t:e}=j(),t=H();return{t:e,lastFour:t.lastFour}}}),wt={class:"notifications-preview"},It={key:0,class:"inline"},Ot={class:"padding-box"};function Lt(e,t,n,r,p,l){const i=s("router-link"),o=s("notification-item"),d=s("transition-expand"),_=s("sidebar-button"),y=q("tooltip");return a(),g("div",wt,[c(d,{tag:"div"},{default:u(()=>[e.modelValue?(a(),g("div",It,[h("div",Ot,[c(i,{class:I(["link",{"has-items":e.lastFour.length>0}]),to:"/notifications"},{default:u(()=>[C(k(e.t("show_all_activity")),1)]),_:1},8,["class"]),c(ne,{tag:"div",name:"notification",class:"transition"},{default:u(()=>[(a(!0),g(P,null,G(e.lastFour,v=>(a(),m(o,te({key:v.id},v),null,16))),128))]),_:1})])])):B("",!0)]),_:1}),D(c(_,{active:e.modelValue,class:"toggle",icon:"notifications",onClick:t[0]||(t[0]=v=>e.$emit("update:modelValue",!e.modelValue))},{default:u(()=>[C(k(e.t("notifications")),1)]),_:1},8,["active"]),[[y,e.t("notifications"),void 0,{left:!0}]])])}var Bt=w(St,[["render",Lt],["__scopeId","data-v-58468042"]]);const Ct=S({setup(){const{t:e}=j(),{parsedInfo:t}=Ae(),n=H(),r=K(),p=$(()=>n.dialogs);return{t:e,notifications:p,admin:r.isAdmin,done:i,getGitHubIssueLink:l};function l(o,d){var y,v,O,f;const _=`<!-- Please put a detailed explanation of the problem here. -->
-
----
-
-### Project details
-Directus Version: ${(y=t.value)==null?void 0:y.directus.version}
-Environment: production
-OS: ${(v=t.value)==null?void 0:v.os.type} ${(O=t.value)==null?void 0:O.os.version}
-Node: ${(f=t.value)==null?void 0:f.node.version}
-
-### Error
-
-Title: ${d.title||"none"}
-Message: ${d.text||"none"}
-
-<details>
-<summary>Stack Trace</summary>
-<pre>
-${JSON.stringify(d.error,Object.getOwnPropertyNames(d.error),2)}
-</pre>
-</details>
-			`;return`https://github.com/directus/directus/issues/new?body=${encodeURIComponent(_)}`}function i(o){n.remove(o)}}}),At={class:"notification-dialogs"},Vt=["href"];function Ut(e,t,n,r,p,l){const i=s("v-card-title"),o=s("v-error"),d=s("v-card-text"),_=s("v-button"),y=s("v-card-actions"),v=s("v-card"),O=s("v-dialog");return a(),g("div",At,[(a(!0),g(P,null,G(e.notifications,f=>(a(),m(O,{key:f.id,"model-value":!0,persist:""},{default:u(()=>[c(v,{class:I([f.type])},{default:u(()=>[c(i,null,{default:u(()=>[C(k(f.title),1)]),_:2},1024),f.text?(a(),m(d,{key:0},{default:u(()=>[C(k(f.text)+" ",1),f.error?(a(),m(o,{key:0,error:f.error},null,8,["error"])):B("",!0)]),_:2},1024)):B("",!0),c(y,null,{default:u(()=>[f.type==="error"&&e.admin&&f.code==="UNKNOWN"?(a(),m(_,{key:0,secondary:""},{default:u(()=>[h("a",{target:"_blank",href:e.getGitHubIssueLink(f.id,f)},k(e.t("report_error")),9,Vt)]),_:2},1024)):B("",!0),c(_,{onClick:b=>e.done(f.id)},{default:u(()=>[C(k(e.t("dismiss")),1)]),_:2},1032,["onClick"])]),_:2},1024)]),_:2},1032,["class"])]),_:2},1024))),128))])}var Mt=w(Ct,[["render",Ut],["__scopeId","data-v-bb61b36a"]]);const Nt=S({components:{ModuleBar:Qe,SidebarDetailGroup:We,HeaderBar:Ve,ProjectInfo:lt,NotificationsGroup:gt,NotificationsPreview:Bt,NotificationDialogs:Mt},props:{title:{type:String,default:null},smallHeader:{type:Boolean,default:!1}},setup(e){const{t}=j(),n=ge(),{title:r}=R(e),p=U(!1),l=U(),i=K(),o=re(),d=$(()=>{var b,V;return i.currentUser?((V=(b=i.currentUser)==null?void 0:b.role)==null?void 0:V.app_access)||!1:!0}),_=U(!1),{sidebarOpen:y,fullScreen:v}=R(o),O=$(()=>{var b;return((b=i.currentUser)==null?void 0:b.theme)||"auto"});return ye("main-element",l),n.afterEach(async()=>{var b;(b=l.value)==null||b.scrollTo({top:0}),v.value=!1}),Ue(r),{t,navOpen:p,contentEl:l,theme:O,sidebarOpen:y,openSidebar:f,notificationsPreviewActive:_,appAccess:d,fullScreen:v};function f(b){b.target&&b.target.classList.contains("close")===!1&&(y.value=!0)}}}),jt=e=>(ke("data-v-2451ccc8"),e=e(),Se(),e),Dt=C("Switch User"),Tt={class:"module-nav alt-colors"},Et={class:"module-nav-content"},Ft={id:"main-content",ref:"contentEl",class:"content"},Rt={class:"flex-container"},qt=jt(()=>h("div",{class:"spacer"},null,-1));function Pt(e,t,n,r,p,l){const i=s("v-button"),o=s("v-info"),d=s("module-bar"),_=s("project-info"),y=s("header-bar"),v=s("sidebar-detail-group"),O=s("notifications-preview"),f=s("v-overlay"),b=s("notifications-group"),V=s("notification-dialogs");return e.appAccess===!1?(a(),m(o,{key:0,center:"",title:e.t("no_app_access"),type:"danger",icon:"block"},{append:u(()=>[c(i,{to:"/logout"},{default:u(()=>[Dt]),_:1})]),default:u(()=>[C(k(e.t("no_app_access_copy"))+" ",1)]),_:1},8,["title"])):(a(),g("div",{key:1,class:I(["private-view",{theme:e.theme,"full-screen":e.fullScreen}])},[h("aside",{id:"navigation",role:"navigation","aria-label":"Module Navigation",class:I({"is-open":e.navOpen})},[c(d),h("div",Tt,[c(_),h("div",Et,[M(e.$slots,"navigation",{},void 0,!0)])])],2),h("div",Ft,[c(y,{small:e.smallHeader,"show-sidebar-toggle":"",title:e.title,"onToggle:sidebar":t[0]||(t[0]=L=>e.sidebarOpen=!e.sidebarOpen),onPrimary:t[1]||(t[1]=L=>e.navOpen=!e.navOpen)},$e({_:2},[G(e.$slots,(L,A)=>({name:A,fn:u(le=>[M(e.$slots,A,be(he(le)),void 0,!0)])}))]),1032,["small","title"]),h("main",null,[M(e.$slots,"default",{},void 0,!0)])],512),h("aside",{id:"sidebar",role:"contentinfo",class:I(["alt-colors",{"is-open":e.sidebarOpen}]),"aria-label":"Module Sidebar",onClick:t[3]||(t[3]=(...L)=>e.openSidebar&&e.openSidebar(...L))},[h("div",Rt,[c(v,{"sidebar-open":e.sidebarOpen},{default:u(()=>[M(e.$slots,"sidebar",{},void 0,!0)]),_:3},8,["sidebar-open"]),qt,c(O,{modelValue:e.notificationsPreviewActive,"onUpdate:modelValue":t[2]||(t[2]=L=>e.notificationsPreviewActive=L),"sidebar-open":e.sidebarOpen},null,8,["modelValue","sidebar-open"])])],2),c(f,{class:"nav-overlay",active:e.navOpen,onClick:t[4]||(t[4]=L=>e.navOpen=!1)},null,8,["active"]),c(f,{class:"sidebar-overlay",active:e.sidebarOpen,onClick:t[5]||(t[5]=L=>e.sidebarOpen=!1)},null,8,["active"]),e.notificationsPreviewActive===!1?(a(),m(b,{key:0,dense:e.sidebarOpen===!1},null,8,["dense"])):B("",!0),c(V)],2))}var Jt=w(Nt,[["render",Pt],["__scopeId","data-v-2451ccc8"]]);export{Jt as PrivateView,Jt as default};