@directus/app 9.22.0 → 9.22.2

package/dist/assets/insights.79b6bb41.js

@@ -1,3 +0,0 @@
-import{a as i,o as d,e as u,y as t,u as e,q as l,z as n}from"./runtime-core.esm-bundler.22ec0346.js";const h={class:"markdown-body"},c=e("blockquote",null,[e("p",null,[l("Insights is a Module in Directus that allows rapid, no-code build-out of analytics dashboards. Regardless of your use-case "),e("em",null,"(be it business intelligence, user progress tracking, web traffic conversions, or whatever!)"),l(" you will be able to setup key data metrics in just a few clicks.")])],-1),p=e("video",{autoplay:"",playsinline:"",muted:"",loop:"",controls:""},[e("source",{src:"https://cdn.directus.io/docs/v9/app-guide/insights/insights-20220216A/insights-dashboards-20220216A.mp4",type:"video/mp4"})],-1),g=e("h2",{id:"how-it-works",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#how-it-works"},"#"),l(" How it Works")],-1),m=e("video",{autoplay:"",playsinline:"",muted:"",loop:"",controls:""},[e("source",{src:"https://cdn.directus.io/docs/v9/app-guide/insights/insights-20220216A/insights-how-it-works-20220216A_1.mp4",type:"video/mp4"})],-1),b=e("p",null,"First, create a Dashboard, then fill the Dashboard with Panels.",-1),y=e("ol",null,[e("li",null,[l("Click the \u201CCreate Dashboard\u201D action button "),e("span",{mi:"",btn:""},"add"),l(" in the page header.")]),e("li",null,"Fill in the dashboard name, icon and note."),e("li",null,"Click \u201CSave\u201D."),e("li",null,"Click the edit icon in the page header."),e("li",null,[l("Hit the \u201CCreate Panel\u201D "),e("span",{mi:"",btn:""},"add"),l(" in the page header.")]),e("li",null,[l("Select a Panel type. "),e("a",{href:"#panels-overview"},"Learn More about panel types"),l(".")]),e("li",null,"Adjust the Panel Options to customize the analytics metric."),e("li",null,[l("Click "),e("span",{mi:"",btn:""},"check"),l(" in the drawer header to create the panel.")]),e("li",null,[l("Click "),e("span",{mi:"",btn:""},"check"),l(" in the page header to confirm all edits.")])],-1),f=e("h2",{id:"dashboards-overview",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#dashboards-overview"},"#"),l(" Dashboards Overview")],-1),_=e("p",null,[e("img",{src:"https://cdn.directus.io/docs/v9/app-guide/insights/insights-20220216A/dashboards-overview-20220216A.webp",alt:"Dashboard Grid Area"})],-1),v={class:"tip hint"},w=e("div",{class:"hint-title"},"Auto Refresh",-1),S=e("h2",{id:"create%2C-edit%2C-and-delete-dashboards",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#create%2C-edit%2C-and-delete-dashboards"},"#"),l(" Create, Edit, and Delete Dashboards")],-1),x=e("p",null,[e("img",{src:"https://cdn.directus.io/docs/v9/app-guide/insights/insights-20220216A/create-edit-delete-dashboards-20220216A.webp",alt:"How to Add, Edit and Delete Dashboards in Directus Insights"})],-1),D=e("ol",null,[e("li",null,[l("Click the "),e("span",{mi:"",btn:""},"add"),l(" icon in the page header to create a new Dashboard.")]),e("li",null,"Click the item option to edit or delete a Dashboard.")],-1),A=e("h2",{id:"panels-overview",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#panels-overview"},"#"),l(" Panels Overview")],-1),I=e("p",null,[e("img",{src:"https://cdn.directus.io/docs/v9/app-guide/insights/insights-20220216A/panels-overview-20220216A.webp",alt:"Directus Dashboard Panels"})],-1),k=e("p",null,"Panels are the building-blocks we add onto Insights dashboards to create, save and display data analytics. There are five types of Panels, and each one provides some unique analytics tool.",-1),F=e("ol",null,[e("li",null,[e("strong",null,"Label"),l(" \u2013 Displays simple header text to describe other groups of panels. Doesn\u2019t actually provide data analysis.")]),e("li",null,[e("strong",null,"List"),l(" \u2013 Sortable, filterable list of items within a collection.")]),e("li",null,[e("strong",null,"Metric"),l(" \u2013 Sortable, filterable single-number metrics like sum, average, minimum and maximum, or first and last.")]),e("li",null,[e("strong",null,"Time Series"),l(" \u2013 Graph to display how metrics change over time. Provides same sorting, filtering and aggregation features seen in the list and metric panels.")]),e("li",null,[e("strong",null,"Global Variables"),l(" \u2014 Sets a variable which is globally accessible across other panels.")])],-1),C=e("h2",{id:"panel-header-options",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#panel-header-options"},"#"),l(" Panel Header Options")],-1),P=e("p",null,[e("img",{src:"https://cdn.directus.io/docs/v9/app-guide/insights/insights-20220216A/panel-header-options-20220216A.webp",alt:"Panel Header Options"})],-1),T=e("p",null,"All 4 panel types let you set custom text to provide quick and clear context about what a Panel represents. Panel Header options are exactly the same for all four Panel types. Headers are also totally optional and can be hidden.",-1),V=e("ul",null,[e("li",null,[e("strong",null,"Visible"),l(" \u2013 Determines if the header is visible or not.")]),e("li",null,[e("strong",null,"Name"),l(" \u2013 Sets a name in the header area.")]),e("li",null,[e("strong",null,"Icon"),l(" \u2013 Sets a small icon by the name.")]),e("li",null,[e("strong",null,"Color"),l(" \u2013 Sets a color for the icon.")]),e("li",null,[e("strong",null,"Note"),l(" \u2013 Sets a short description of the icon.")])],-1),L=e("h2",{id:"labels",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#labels"},"#"),l(" Labels")],-1),M=e("p",null,[e("img",{src:"https://cdn.directus.io/docs/v9/app-guide/insights/insights-20220216A/label-panel-options-20220216A.webp",alt:"Label Panel Options"})],-1),G=e("p",null,[l("As the name implies, this panel simply allows you to "),e("em",null,"label"),l(" a group of other panels. Labels do not provide analytics. Labels simply help visually group the other panels ("),e("em",null,"which do provide analytics"),l(") and give context to your dashboard.")],-1),O=e("ul",null,[e("li",null,[e("strong",null,"Label"),l(" \u2013 Sets the label text.")]),e("li",null,[e("strong",null,"Color"),l(" \u2013 Sets the label text color.")])],-1),q=e("h2",{id:"lists",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#lists"},"#"),l(" Lists")],-1),H=e("p",null,[e("img",{src:"https://cdn.directus.io/docs/v9/app-guide/insights/insights-20220216A/list-panel-options-20220216A.webp",alt:"List Panel Options"})],-1),R=e("p",null,[l("List panels display some number of Items from a Collection, "),e("em",null,"as a list!"),l(" These Items displayed can be filtered by other criteria as well. So for example, you could show your top 5 selling products, 3 worst performing sales regions, 10 students with the highest GPA "),e("em",null,"that are also"),l(" in intramural sports, or create any other kind of ranked and/or filtered list that could be generated from your dataset.")],-1),Y=e("ul",null,[e("li",null,[e("strong",null,"Collection"),l(" \u2013 Selects the Collection to rank.")]),e("li",null,[e("strong",null,"Limit"),l(" \u2013 Limits the number of Items that will appear in the Dashboard.")]),e("li",null,[e("strong",null,"Sort Field"),l(" \u2013 Sets the Collection Field you wish to order results by.")]),e("li",null,[e("strong",null,"Sort Direction"),l(" \u2013 Sets Items to display in ascending or descending order.")]),e("li",null,[e("strong",null,"Display Template"),l(" \u2013 Defines how List Items will be represented. Allows use of Field Item values as well as custom text.")]),e("li",null,[e("strong",null,"Filter"),l(" \u2013 Sets filters to only consider and rank Items that meet some criteria.")])],-1),N=e("h2",{id:"metrics",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#metrics"},"#"),l(" Metrics")],-1),W=e("p",null,[e("img",{src:"https://cdn.directus.io/docs/v9/app-guide/insights/insights-20220216A/metric-panel-options-20220216A.webp",alt:"Metrics Panel Options"})],-1),z=e("p",null,"Metrics Panels allow you to aggregate all Items in a Field down to a single value.",-1),E=e("ul",null,[e("li",null,[e("strong",null,"Collection"),l(" \u2013 Selects the Collection.")]),e("li",null,[e("strong",null,"Field"),l(" \u2013 Selects the Field to run aggregate function on.")]),e("li",null,[e("strong",null,"Aggregate Function"),l(" \u2013 Selects the type of aggregate to perform.")]),e("li",null,[e("strong",null,"Sort Field"),l(" \u2013 Sets the collection field you wish to order results by.")]),e("li",null,[e("strong",null,"Filter"),l(" \u2013 Sets filters to only run metrics on Items that meet some criteria.")])],-1),B=e("h3",{id:"more-on-aggregate-functions",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#more-on-aggregate-functions"},"#"),l(" More on Aggregate Functions")],-1),K=e("p",null,"Generally speaking, aggregate functions take a list of values and returns one single value.",-1),U=e("ul",null,[e("li",null,[e("strong",null,"Count"),l(" \u2013 Counts the number of Items in a Field.")]),e("li",null,[e("strong",null,"Count (Distinct)"),l(" \u2013 Counts the number of "),e("em",null,"unique"),l(" Items in a field.")]),e("li",null,[e("strong",null,"Average"),l(" \u2013 Averages values of all Items in a Field.")]),e("li",null,[e("strong",null,"Average (Distinct)"),l(" \u2013 Averages values of all "),e("em",null,"unique"),l(" Items in a Field.")]),e("li",null,[e("strong",null,"Sum"),l(" \u2013 Sums the values of all Items in a Field.")]),e("li",null,[e("strong",null,"Sum (Distinct)"),l(" \u2013 Sums the values of all "),e("em",null,"unique"),l(" Items in a Field.")]),e("li",null,[e("strong",null,"Minimum"),l(" \u2013 Selects the lowest valued Item in a Field.")]),e("li",null,[e("strong",null,"Maximum"),l(" \u2013 Selects the highest valued Item in a Field.")]),e("li",null,[e("strong",null,"First"),l(" \u2013 Selects the first Item out of all Items in a Field.")]),e("li",null,[e("strong",null,"Last"),l(" \u2013 Selects the last Item out of all Items in a Field.")])],-1),j=e("div",{class:"tip hint"},[e("div",{class:"hint-title"},"First, Last, Minimum and Maximum"),e("p",null,"First, Last, Minimum and Maximum are not aggregates in the purely mathematical sense of the word. However, they are placed in this panel option because they return one single Item.")],-1),J=e("div",{class:"tip hint"},[e("div",{class:"hint-title"},"Why are some Fields grayed out?"),e("p",null,[l("Certain Fields cannot be used with certain aggregate functions. For example, you cannot use the average function on Fields that store text, because text cannot be averaged. When there is a conflict between panel options, Fields will be grayed out and unselectable in the "),e("code",null,"field dropdown list"),l(".")])],-1),X=e("h3",{id:"style-and-format-options",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#style-and-format-options"},"#"),l(" Style and Format Options")],-1),Q=e("ul",null,[e("li",null,[e("strong",null,"Abbreviate Value"),l(" \u2013 Abbreviates large numbers with a letter "),e("em",null,"(e.g. 2,000 = 2K)"),l(".")]),e("li",null,[e("strong",null,"Decimals"),l(" \u2013 Changes the number of decimals displayed.")]),e("li",null,[e("strong",null,"Prefix"),l(" \u2013 Adds text before the aggregate metric.")]),e("li",null,[e("strong",null,"Suffix"),l(" \u2013 Adds text after the aggregate metric.")]),e("li",null,[e("strong",null,"Conditional Styles"),l(" \u2013 Changes color of number displayed if it is "),e("code",null,">"),l(", "),e("code",null,">="),l(", "),e("code",null,"<"),l(", "),e("code",null,"<="),l(", "),e("code",null,"=="),l(", or "),e("code",null,"!="),l(" to some defined value.")])],-1),Z=e("h2",{id:"time-series",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#time-series"},"#"),l(" Time Series")],-1),$=e("p",null,[e("img",{src:"https://cdn.directus.io/docs/v9/app-guide/insights/insights-20220216A/time-series-panel-options-20220216A.webp",alt:"Time Series Panel Options"})],-1),ee=e("p",null,"The Time Series Panel allows you to build graphs and see how data changes over time.",-1),le=e("ul",null,[e("li",null,[e("strong",null,"Collection"),l(" \u2013 Selects the Collection you want to analyze.")]),e("li",null,[e("strong",null,"Color"),l(" \u2013 Sets color of your graph curve.")]),e("li",null,[e("strong",null,"Group Aggregation"),l(" \u2013 Selects the type of aggregation to perform. "),e("a",{href:"#more-on-aggregate-functions"},"Learn more"),l(".")]),e("li",null,[e("strong",null,"Group Precision"),l(" \u2013 Sets the time interval to aggregate by "),e("em",null,"(days, weeks, months, etc.)"),l(".")]),e("li",null,[e("strong",null,"Date Field"),l(" \u2013 Selects the datetime Field used along the x-axis.")]),e("li",null,[e("strong",null,"Date Range"),l(" \u2013 Sets the time range from which data should be displayed, can be customized.")]),e("li",null,[e("strong",null,"Value Field"),l(" \u2013 Sets the Field you wish to aggregate.")]),e("li",null,[e("strong",null,"Value Decimals"),l(" \u2013 Changes the number of decimals displayed on the y-axis.")]),e("li",null,[e("strong",null,"Min Value"),l(" \u2013 Sets minimum value displayed on y-axis.")]),e("li",null,[e("strong",null,"Max Value"),l(" \u2013 Sets maximum value displayed on y-axis.")]),e("li",null,[e("strong",null,"Curve Type"),l(" \u2013 Sets curve to be shown as smooth, straight or stepline.")]),e("li",null,[e("strong",null,"Fill Type"),l(" \u2013 Sets fill type under curve to gradient, solid, or none.")]),e("li",null,[e("strong",null,"Filter"),l(" \u2013 Allows filtering of Items considered for analysis based on logical conditions.")]),e("li",null,[e("strong",null,"Show X-axis"),l(" \u2013 Toggles display of time along X-axis.")]),e("li",null,[e("strong",null,"Show Y-axis"),l(" \u2013 Toggles display of numeric values along Y-axis.")])],-1),te=e("div",{class:"warning hint"},[e("div",{class:"hint-title"},"Time-oriented metrics only"),e("p",null,"In order to use this Panel, your Collection will need a datetime Field.")],-1),se=e("div",{class:"tip hint"},[e("div",{class:"hint-title"},"Custom Date Range"),e("p",null,[l("Note that "),e("code",null,"Past"),l(" is not prefixed to a custom range as it is on the default ranges. When selecting "),e("strong",null,"\u201COther\u201D"),l(", simply type in "),e("code",null,"3 years"),l(", "),e("code",null,"1 month"),l(", "),e("code",null,"2 weeks"),l(", "),e("code",null,"5 days"),l(", etc.")])],-1),ae=e("h2",{id:"global-variable",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#global-variable"},"#"),l(" Global Variable")],-1),ie=e("p",null,[e("img",{src:"https://cdn.directus.io/docs/v9/app-guide/insights/insights-220624A/global-variable-220624A.webp",alt:"Global Variables"})],-1),ne=e("ul",null,[e("li",null,[e("strong",null,"Variable Key"),l(" \u2014 Sets your variable. Use this key to access the variable in other Insights panels.")]),e("li",null,[e("strong",null,"Type"),l(" \u2014 Sets the data type of your variable.")]),e("li",null,[e("strong",null,"Default Value"),l(" \u2014 Sets a default value for the global variable.")]),e("li",null,[e("strong",null,"Interface"),l(" \u2014 Selects the Interface to be used.")]),e("li",null,[e("strong",null,"Options"),l(" \u2014 Sets the Interface Options.")])],-1),oe=e("p",null,"This panel allows you to create a variable which is globally accessible across other panels. You can use this to do things like create a string or number to prefix other Insights Panel titles or pass it as a value into a Filter to query results.",-1),re=e("p",null,[l("To create and assign a Global Variable, follow the steps from "),e("a",{href:"#how-it-works"},"How it Works"),l(", selecting the Global Variable panel. Wrap the variable key in double-moustache syntax to access and assign it throughout other Insights Panels:")],-1),de=e("pre",null,[e("code",null,`{{ your_variable_key }}
-`)],-1),ue=e("p",null,"You will notice that the Global Variable Panel is an interface in the Dashboard, allowing you to modify the value of this variable. If you change its value, all panels referencing the variable will update automatically.",-1),he=e("div",{class:"warning hint"},[e("div",{class:"hint-title"},"Must be Valid Data Type"),e("p",null,"Your variable\u2019s data type will need to be a valid match to wherever you are using it. For example, do not apply a string or JSON variable in a place that requires Datetime data.")],-1),ce=e("h2",{id:"global-relational-variable",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#global-relational-variable"},"#"),l(" Global Relational Variable")],-1),pe=e("ul",null,[e("li",null,[e("strong",null,"Variable Key"),l(" \u2014 Sets your variable. Use this key to access the variable in other Insights panels.")]),e("li",null,[e("strong",null,"Collection"),l(" \u2014 The collection to get the item IDs from.")]),e("li",null,[e("strong",null,"Multiple"),l(" \u2014 Allow selection of multiple items when enabled.")]),e("li",null,[e("strong",null,"Limit"),l(" \u2014 Limits the number of items that can be selected.")]),e("li",null,[e("strong",null,"Display Template"),l(" \u2014 Defines how the items will be represented. Allows use of Field Item values as well as custom text.")]),e("li",null,[e("strong",null,"Filter"),l(" \u2014 Sets filters to allow selection of items that meet some criteria.")])],-1),ge=e("p",null,"This panel allows you to create a variable which is globally accessible across other panels. You can use this to do things like select single or multiple items and pass their IDs as a value into a Filter to query results.",-1),me=e("p",null,[l("To create and assign a Global Relational Variable, follow the steps from "),e("a",{href:"#how-it-works"},"How it Works"),l(", selecting the Global Relational Variable panel. Wrap the variable key in double-moustache syntax to access and assign it throughout other Insights Panels:")],-1),be=e("pre",null,[e("code",null,`{{ your_variable_key }}
-`)],-1),ye=e("p",null,"You will notice that the Global Relational Variable Panel is an interface in the Dashboard, allowing you to modify the value of this variable. If you change its value, all panels referencing the variable will update automatically.",-1),fe=e("div",{class:"warning hint"},[e("div",{class:"hint-title"},"Must be Valid Data Type"),e("p",null,"Your variable\u2019s data type will need to be a valid match to wherever you are using it. For example, do not apply a string or JSON variable in a place that requires Datetime data.")],-1),xe="Insights",De=!1,Ae="Insights is a Module in Directus that allows rapid, no-code build-out of analytics dashboards.",Ie="9 min read",ke={__name:"insights",setup(_e,{expose:o}){const s={title:"Insights",modularExtension:!1,description:"Insights is a Module in Directus that allows rapid, no-code build-out of analytics dashboards.",readTime:"9 min read"};return o({frontmatter:s}),(ve,we)=>{const a=i("router-link"),r=i("docs-wrapper");return d(),u(r,{frontmatter:s},{default:t(()=>[e("div",h,[c,p,g,m,b,y,f,_,e("p",null,[l("Each Directus Dashboard provides a drag-and-drop canvas where you can create and arrange different Panels to easily build out customized analytics. The Dashboard area automatically expands as you add more and more Panels. In theory, a Dashboard area can expand infinitely large\u2026 but in practice, users will probably only want to build Dashboards as large as the screen they will be viewing on. You are able to create as many Dashboards as you need. Additionally, the Dashboard view, edit, and create permissions are "),n(a,{to:"/docs/configuration/users-roles-permissions"},{default:t(()=>[l("fully configurable")]),_:1}),l(" by User Role.")]),e("div",v,[w,e("p",null,[l("The Auto Refresh menu in the "),n(a,{to:"/docs/app/overview#_4-sidebar"},{default:t(()=>[l("Sidebar")]),_:1}),l(" lets you select an interval to refresh dashboard data.")])]),S,x,D,A,I,k,F,C,P,T,V,L,M,G,O,q,H,R,Y,N,W,z,E,B,K,U,j,J,X,Q,Z,$,ee,le,te,se,ae,ie,ne,oe,re,de,ue,he,ce,pe,ge,me,be,ye,fe])]),_:1})}}};export{ke as default,Ae as description,De as modularExtension,Ie as readTime,xe as title};

package/dist/assets/installation.dac5d305.js

@@ -1 +0,0 @@
-import{a,o as d,e as c,y as o,u as e,z as n,q as t}from"./runtime-core.esm-bundler.22ec0346.js";const u={class:"markdown-body"},h=e("blockquote",null,[e("p",null,"Directus can be installed in many different ways and on several different stacks. You can choose between local, self-hosted on-premises, or our managed Cloud solution.")],-1),p=e("p",null,"While our CLI is the recommended method for self-hosting, you can use whichever of these self-hosted options best suits your needs. These methods offer a high level of customization and are ideal for intermediate developers.",-1),f={class:"tip hint"},m=e("div",{class:"hint-title"},"Development Environment",-1),_=e("h2",{id:"deployment-guides",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#deployment-guides"},"#"),t(" Deployment Guides")],-1),y=e("p",null,"The following guides will walk you through the self-hosted installation process for specific third-party platforms. These options are only recommended for developers familiar with these services and comfortable with more advanced setup. While Directus is always completely free, you will likely need to pay for these services.",-1),g=e("li",null,[e("a",{href:"https://docs.cleavr.io/guides/directus",target:"_blank",rel:"noopener noreferrer"},"Cleavr.io")],-1),b=e("h2",{id:"one-click-installs",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#one-click-installs"},"#"),t(" One-Click Installs")],-1),k=e("p",null,"If you would like to completely avoid the manual installation process, the following self-hosted one-click apps will handle the heavy-lifting for you. While Directus is always completely free, you will likely need to pay for these services.",-1),D=e("li",null,[e("a",{href:"https://marketplace.digitalocean.com/apps/directus?action=deploy&refcode=4c0b6062c16e",target:"_blank",rel:"noopener noreferrer"},"DigitalOcean")],-1),w=e("li",null,[e("a",{href:"https://heroku.com/deploy?template=https://github.com/directus-community/heroku-template",target:"_blank",rel:"noopener noreferrer"},"Heroku")],-1),v=e("li",null,[e("a",{href:"https://console.platform.sh/projects/create-project?template=https%3A%2F%2Fraw.githubusercontent.com%2Fplatformsh%2Ftemplate-builder%2Fmaster%2Ftemplates%2Fdirectus%2F.platform.template.yaml",target:"_blank",rel:"noopener noreferrer"},"Platform.sh")],-1),B=e("li",null,[e("a",{href:"https://deploy.zeet.co/?url=https://github.com/directus-community/heroku-template",target:"_blank",rel:"noopener noreferrer"},"Zeet")],-1),C=e("li",null,[e("a",{href:"https://app.koyeb.com/deploy?type=docker&name=directus&ports=8055;http;/&env%5BPORT%5D=8055&env%5BKEY%5D=A%20random%20string&env%5BSECRET%5D=A%20random%20string&env%5BPUBLIC_URL%5D=https://myURL.com/&env%5BDB_CLIENT%5D=DB%20client&env%5BDB_HOST%5D=DB%20host&env%5BDB_PORT%5D=DB%20Port&env%5BDB_DATABASE%5D=Database%20name&env%5BDB_USER%5D=DB%20user&env%5BDB_PASSWORD%5D=DB%20Password&image=directus/directus",target:"_blank",rel:"noopener noreferrer"},"Koyeb")],-1),I=e("li",null,[e("a",{href:"https://www.alwaysdata.com/en/marketplace/directus",target:"_blank",rel:"noopener noreferrer"},"alwaysdata")],-1),T=e("li",null,[e("a",{href:"https://elest.io/open-source/directus",target:"_blank",rel:"noopener noreferrer"},"Elestio")],-1),E=e("h2",{id:"directus-cloud",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#directus-cloud"},"#"),t(" Directus Cloud")],-1),S=e("p",null,"In addition to the self-hosted options above, you can also choose to create Directus projects using our official Managed Cloud Service. This is the easiest way to get up-and-running with Directus \u2014 even for non-technical users. Unique features include dedicated hardware, automatic updates, automatic backups, usage-based pricing, and more.",-1),A=e("ul",null,[e("li",null,[e("a",{href:"http://directus.cloud",target:"_blank",rel:"noopener noreferrer"},"Directus Cloud Dashboard")]),e("li",null,[e("a",{href:"https://directus.io/on-demand-cloud",target:"_blank",rel:"noopener noreferrer"},"Learn more about On-Demand Cloud")]),e("li",null,[e("a",{href:"https://directus.io/enterprise-cloud",target:"_blank",rel:"noopener noreferrer"},"Learn more about Enterprise Cloud")])],-1),O="Installation",R=!1,U="Directus can be installed in many different ways and on several different stacks. You can choose between local, self-hosted on-premises, or our managed Cloud solution.",W="2 min read",z={__name:"installation",setup(P,{expose:r}){const s={title:"Installation",modularExtension:!1,description:"Directus can be installed in many different ways and on several different stacks. You can choose between local, self-hosted on-premises, or our managed Cloud solution.",readTime:"2 min read"};return r({frontmatter:s}),(x,L)=>{const l=a("router-link"),i=a("docs-wrapper");return d(),c(i,{frontmatter:s},{default:o(()=>[e("div",u,[h,p,e("ul",null,[e("li",null,[n(l,{to:"/docs/self-hosted/installation/cli"},{default:o(()=>[t("Command Line Interface (CLI)")]),_:1})]),e("li",null,[n(l,{to:"/docs/self-hosted/installation/docker"},{default:o(()=>[t("Docker")]),_:1})]),e("li",null,[n(l,{to:"/docs/self-hosted/installation/manual"},{default:o(()=>[t("Manually")]),_:1})])]),e("div",f,[m,e("p",null,[t("To work on the Directus Core source code, please follow our "),n(l,{to:"/docs/contributing/introduction"},{default:o(()=>[t("Contributing Guide")]),_:1}),t(".")])]),_,y,e("ul",null,[e("li",null,[n(l,{to:"/docs/self-hosted/installation/ubuntu"},{default:o(()=>[t("Generic Ubuntu")]),_:1})]),e("li",null,[n(l,{to:"/docs/self-hosted/installation/iis"},{default:o(()=>[t("Internet Information Services (IIS)")]),_:1})]),e("li",null,[n(l,{to:"/docs/self-hosted/installation/aws"},{default:o(()=>[t("Amazon AWS")]),_:1})]),e("li",null,[n(l,{to:"/docs/self-hosted/installation/gcp"},{default:o(()=>[t("Google Cloud Platform")]),_:1})]),e("li",null,[n(l,{to:"/docs/self-hosted/installation/digitalocean-app-platform"},{default:o(()=>[t("DigitalOcean App Platform")]),_:1})]),e("li",null,[n(l,{to:"/docs/self-hosted/installation/plesk"},{default:o(()=>[t("Shared Hosting with Plesk")]),_:1})]),g]),b,k,e("ul",null,[e("li",null,[n(l,{to:"/docs/self-hosted/installation/cloudron"},{default:o(()=>[t("Cloudron")]),_:1})]),D,w,v,B,C,I,T]),E,S,A])]),_:1})}}};export{z as default,U as description,R as modularExtension,W as readTime,O as title};

package/dist/assets/interface.c6e98a8d.js

@@ -1 +0,0 @@
-import{a as n,o as s,e as r,y as c,u as t}from"./runtime-core.esm-bundler.22ec0346.js";const i=t("div",{class:"markdown-body"},[t("p",null,"This pane includes any customization options that may be defined by the Interface.")],-1),f="Interface",m=!1,u={__name:"interface",setup(l,{expose:o}){const e={title:"Interface",modularExtension:!1};return o({frontmatter:e}),(p,d)=>{const a=n("docs-wrapper");return s(),r(a,{frontmatter:e},{default:c(()=>[i]),_:1})}}};export{u as default,m as modularExtension,f as title};

package/dist/assets/interfaces.1cededb9.js

@@ -1,46 +0,0 @@
-import{a,o as r,e as u,y as n,u as e,q as t,z as o}from"./runtime-core.esm-bundler.22ec0346.js";const d={class:"markdown-body"},h=e("h2",{id:"extension-entrypoint",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#extension-entrypoint"},"#"),t(" Extension Entrypoint")],-1),p=e("p",null,[t("The entrypoint of your interface is the "),e("code",null,"index"),t(" file inside the "),e("code",null,"src/"),t(" folder of your extension package. It exports a configuration object with options to configure the behavior of your interface. When loading your interface, this object is imported by the Directus host.")],-1),f=e("p",null,"Example of an entrypoint:",-1),m=e("pre",null,[e("code",{class:"language-js"},[e("span",{class:"hljs-keyword"},"import"),t(),e("span",{class:"hljs-title class_"},"InterfaceComponent"),t(),e("span",{class:"hljs-keyword"},"from"),t(),e("span",{class:"hljs-string"},"'./interface.vue'"),t(`;
-
-`),e("span",{class:"hljs-keyword"},"export"),t(),e("span",{class:"hljs-keyword"},"default"),t(` {
-	`),e("span",{class:"hljs-attr"},"id"),t(": "),e("span",{class:"hljs-string"},"'custom'"),t(`,
-	`),e("span",{class:"hljs-attr"},"name"),t(": "),e("span",{class:"hljs-string"},"'Custom'"),t(`,
-	`),e("span",{class:"hljs-attr"},"icon"),t(": "),e("span",{class:"hljs-string"},"'box'"),t(`,
-	`),e("span",{class:"hljs-attr"},"description"),t(": "),e("span",{class:"hljs-string"},"'This is my custom interface!'"),t(`,
-	`),e("span",{class:"hljs-attr"},"component"),t(": "),e("span",{class:"hljs-title class_"},"InterfaceComponent"),t(`,
-	`),e("span",{class:"hljs-attr"},"options"),t(": "),e("span",{class:"hljs-literal"},"null"),t(`,
-	`),e("span",{class:"hljs-attr"},"types"),t(": ["),e("span",{class:"hljs-string"},"'string'"),t(`],
-};
-`)])],-1),_=e("h4",{id:"available-options",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#available-options"},"#"),t(" Available Options")],-1),y=e("li",null,[e("code",null,"id"),t(" \u2014 The unique key for this interface. It is good practice to scope proprietary interfaces with an author prefix.")],-1),g=e("li",null,[e("code",null,"name"),t(" \u2014 The human-readable name for this interface.")],-1),b=e("code",null,"icon",-1),w=e("li",null,[e("code",null,"description"),t(" \u2014 A short description (<80 characters) of this interface shown in the App.")],-1),j=e("li",null,[e("code",null,"component"),t(" \u2014 A reference to your interface component.")],-1),v=e("li",null,[e("code",null,"options"),t(" \u2014 The options of your interface. Can be either an options object or a dedicated Vue component.")],-1),x=e("code",null,"types",-1),k=e("li",null,[e("code",null,"localTypes"),t(" \u2014 An array of local types. Accepts "),e("code",null,"standard"),t(", "),e("code",null,"file"),t(", "),e("code",null,"files"),t(", "),e("code",null,"m2o"),t(", "),e("code",null,"o2m"),t(", "),e("code",null,"m2m"),t(", "),e("code",null,"m2a"),t(", "),e("code",null,"presentation"),t(", "),e("code",null,"translations"),t(" and "),e("code",null,"group"),t(". Defaults to "),e("code",null,"standard"),t(".")],-1),A=e("li",null,[e("code",null,"group"),t(" \u2014 The group this interface is shown at when creating a field. Accepts "),e("code",null,"standard"),t(", "),e("code",null,"selection"),t(", "),e("code",null,"relational"),t(", "),e("code",null,"presentation"),t(", "),e("code",null,"group"),t(" or "),e("code",null,"other"),t(".")],-1),T=e("li",null,[e("code",null,"relational"),t(" \u2014 A boolean that indicates if this interface is a relational interface.")],-1),I=e("li",null,[e("code",null,"recommendedDisplays"),t(" \u2014 An array of display names which are recommended to be used with this interface.")],-1),C=e("h2",{id:"interface-component",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#interface-component"},"#"),t(" Interface Component")],-1),V=e("p",null,"The interface component is the part of your extension that will be rendered by the Directus App whenever your interface should be used to input some value into a field. This interface component has to be Vue component. The most straightforward way to write a Vue component is to use the Vue Single File Component syntax.",-1),D=e("p",null,"Example of an interface component using the Vue SFC syntax:",-1),S=e("pre",null,[e("code",{class:"language-vue"},`<template>
-	<input :value="value" @input="handleChange($event.target.value)" />
-</template>
-
-<script>
-export default {
-	props: {
-		value: {
-			type: String,
-			default: null,
-		},
-	},
-	emits: ['input'],
-	setup(props, { emit }) {
-		return { handleChange };
-
-		function handleChange(value) {
-			emit('input', value);
-		}
-	},
-};
-<\/script>
-`)],-1),E=e("p",null,[t("The current value of the field is provided to the component via the "),e("code",null,"value"),t(" prop. If the value was changed inside your component, it should be emitted to the Directus App by using the "),e("code",null,"input"),t(" emit.")],-1),P=e("h4",{id:"available-props",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#available-props"},"#"),t(" Available Props")],-1),O=e("ul",null,[e("li",null,[e("code",null,"value"),t(" \u2014 The value of the field.")]),e("li",null,[e("code",null,"width"),t(" \u2014 The layout width of the field. Either "),e("code",null,"half"),t(", "),e("code",null,"half-right"),t(", "),e("code",null,"full"),t(", or "),e("code",null,"fill"),t(".")]),e("li",null,[e("code",null,"type"),t(" \u2014 The type of the field.")]),e("li",null,[e("code",null,"collection"),t(" \u2014 The collection name of the field.")]),e("li",null,[e("code",null,"field"),t(" \u2014 The key of the field.")]),e("li",null,[e("code",null,"primaryKey"),t(" \u2014 The current item\u2019s primary key.")])],-1),q=e("h4",{id:"available-emits",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#available-emits"},"#"),t(" Available Emits")],-1),B=e("ul",null,[e("li",null,[e("code",null,"input"),t(" \u2014 Update the value of the field.")])],-1),N=e("p",null,"Other than this simple API to communicate with the Directus App, the interface component is a blank canvas, allowing you to create anything you need.",-1),F=e("div",{class:"warning hint"},[e("div",{class:"hint-title"},"Vue Version"),e("p",null,"The Directus App uses Vue 3. There might be 3rd party libraries that aren\u2019t yet compatible with Vue 3.")],-1),z=e("h2",{id:"accessing-internal-systems",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#accessing-internal-systems"},"#"),t(" Accessing Internal Systems")],-1),K=e("p",null,[t("To access internal systems like the API or the stores, you can use the "),e("code",null,"useApi()"),t(" and "),e("code",null,"useStores()"),t(" composables exported by the "),e("code",null,"@directus/extensions-sdk"),t(" package. They can be used inside a "),e("code",null,"setup()"),t(" function like this:")],-1),L=e("pre",null,[e("code",{class:"language-js"},[e("span",{class:"hljs-keyword"},"import"),t(" { useApi, useStores } "),e("span",{class:"hljs-keyword"},"from"),t(),e("span",{class:"hljs-string"},"'@directus/extensions-sdk'"),t(`;
-
-`),e("span",{class:"hljs-keyword"},"export"),t(),e("span",{class:"hljs-keyword"},"default"),t(` {
-	`),e("span",{class:"hljs-title function_"},"setup"),t("("),e("span",{class:"hljs-params"}),t(`) {
-		`),e("span",{class:"hljs-keyword"},"const"),t(" api = "),e("span",{class:"hljs-title function_"},"useApi"),t(`();
-
-		`),e("span",{class:"hljs-keyword"},"const"),t(" { useCollectionsStore } = "),e("span",{class:"hljs-title function_"},"useStores"),t(`();
-		`),e("span",{class:"hljs-keyword"},"const"),t(" collectionsStore = "),e("span",{class:"hljs-title function_"},"useCollectionsStore"),t(`();
-
-		`),e("span",{class:"hljs-comment"},"// ..."),t(`
-	},
-};
-`)])],-1),U=e("div",{class:"tip hint"},[e("div",{class:"hint-title"},"Vue Options API"),e("p",null,[t("If you prefer to use the Vue Options API, you can inject the "),e("code",null,"api"),t(" and "),e("code",null,"stores"),t(" properties directly.")])],-1),J="Custom Interfaces",M=!0,Q="A guide on how to build custom Interfaces in Directus.",R="4 min read",X={__name:"interfaces",setup(W,{expose:i}){const l={title:"Custom Interfaces",modularExtension:!0,description:"A guide on how to build custom Interfaces in Directus.",readTime:"4 min read"};return i({frontmatter:l}),($,G)=>{const s=a("router-link"),c=a("docs-wrapper");return r(),u(c,{frontmatter:l},{default:n(()=>[e("div",d,[e("blockquote",null,[e("p",null,[t("Custom Interfaces allow you to create new ways of viewing or interacting with field data on the Item Detail page. "),o(s,{to:"/docs/getting-started/glossary#interfaces"},{default:n(()=>[t("Learn more about Interfaces")]),_:1}),t(".")])]),h,p,f,m,_,e("ul",null,[y,g,e("li",null,[b,t(" \u2014 An icon name from the "),o(s,{to:"/docs/getting-started/glossary#material-icons"},{default:n(()=>[t("material icon set")]),_:1}),t(", or the extended list of Directus custom icons.")]),w,j,v,e("li",null,[x,t(" \u2014 An array of supported "),o(s,{to:"/docs/getting-started/glossary#types"},{default:n(()=>[t("types")]),_:1}),t(".")]),k,A,T,I]),C,V,D,S,E,P,O,q,B,N,F,z,K,L,U])]),_:1})}}};export{X as default,Q as description,M as modularExtension,R as readTime,J as title};

package/dist/assets/introduction.7e22ae52.js

@@ -1 +0,0 @@
-import{a as r,o as c,e as u,y as s,u as e,q as t,z as l}from"./runtime-core.esm-bundler.22ec0346.js";const d={class:"markdown-body"},h=e("p",null,[t("Heya! Welcome to Directus, and thank you for taking the time to contribute back to Open Source Software! \u2764\uFE0F We want everybody to be able to contribute to Directus, no matter your background or expertise. In order to facilitate that, we\u2019ve put together a couple tips and tricks below. Our team truly appreciates every single contributor, community member, GitHub star, pull-request, bug report, and feature request. Keeping Directus completely free and open-source is our way of saying: "),e("strong",null,"Thank you!")],-1),p=e("blockquote",null,[e("p",null,"We\u2019re here to help!"),e("p",null,[t("If you have "),e("em",null,"any"),t(" questions along your contributor journey, please feel free to come chat with us on "),e("a",{href:"https://directus.chat",target:"_blank",rel:"noopener noreferrer"},"our Discord server"),t(".")])],-1),f=e("h2",{id:"code-of-conduct",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#code-of-conduct"},"#"),t(" Code of Conduct")],-1),m=e("p",null,[e("strong",null,[t("The Directus "),e("a",{href:"https://github.com/directus/directus/blob/main/code_of_conduct.md",target:"_blank",rel:"noopener noreferrer"},"Code of Conduct"),t(" is one of the ways we put our values into practice. We expect all of our staff, contractors and contributors to know and follow this code.")])],-1),g=e("p",null,[e("strong",null,"Our contributors and maintainers work extremely hard to build Directus as premium open-source software. Please be respectful of those efforts throughout our ecosystem. Trolling, harassing, insulting, or other unacceptable behavior by participants will not be tolerated.")],-1),b=e("p",null,"In the interest of fostering an open and welcoming environment, we as contributors and maintainers pledge to making participation in our project and community a harassment-free experience for everyone, regardless of age, body size, disability, ethnicity, sex characteristics, gender identity and expression, level of experience, education, socio-economic status, nationality, personal appearance, race, religion, or sexual identity and orientation.",-1),_=e("p",null,"Examples of behavior that contributes to creating a positive environment include:",-1),y=e("ul",null,[e("li",null,"Using welcoming and inclusive language"),e("li",null,"Being respectful of differing viewpoints and experiences"),e("li",null,"Gracefully accepting constructive criticism"),e("li",null,"Focusing on what is best for the community"),e("li",null,"Showing empathy towards other community members")],-1),w=e("p",null,[e("strong",null,[t("Before continuing, please take a moment to read our full "),e("a",{href:"https://github.com/directus/directus/blob/main/code_of_conduct.md",target:"_blank",rel:"noopener noreferrer"},"Code of Conduct"),t(".")])],-1),v=e("h2",{id:"ways-to-contribute",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#ways-to-contribute"},"#"),t(" Ways to Contribute")],-1),k=e("h3",{id:"reporting-bugs",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#reporting-bugs"},"#"),t(" Reporting Bugs")],-1),x=e("p",null,[t("If you happen to run into a bug, please post an Issue on our main GitHub Issue board: "),e("a",{href:"https://github.com/directus/directus/issues",target:"_blank",rel:"noopener noreferrer"},"https://github.com/directus/directus/issues")],-1),D=e("p",null,"Please be as explicit and detailed as you can in the bug report. The more information available, the easier it is for other contributors to help you find the solution or fix. Consider adding a schema snapshot file, or a database dump.",-1),q=e("h3",{id:"leaving-feedback",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#leaving-feedback"},"#"),t(" Leaving Feedback")],-1),I=e("p",null,[t("If you have a great idea for an improvement of the platform, or any other feedback, please make sure to open a new Discussion on our GitHub Discussions board: "),e("a",{href:"https://github.com/directus/directus/discussions",target:"_blank",rel:"noopener noreferrer"},"https://github.com/directus/directus/discussions")],-1),T=e("h3",{id:"document-the-project",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#document-the-project"},"#"),t(" Document the Project")],-1),C=e("p",null,[t("The "),e("a",{href:"https://github.com/directus/docs",target:"_blank",rel:"noopener noreferrer"},"Directus Docs"),t(" are living documents that can always be improved on. Notice any parts of the docs in dire need of some tender love and care? Feel free to open a Pull Request!")],-1),B=e("h3",{id:"helping-others",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#helping-others"},"#"),t(" Helping Others")],-1),W=e("p",null,[t("The Directus community is growing quickly, which also means there\u2019s more and more people that have questions. Helping out your fellow developers by answering questions on "),e("a",{href:"https://directus.chat",target:"_blank",rel:"noopener noreferrer"},"Discord"),t(" or "),e("a",{href:"https://github.com/directus/directus/discussions/categories/q-a",target:"_blank",rel:"noopener noreferrer"},"GitHub Discussions"),t(" is a great way to help the project.")],-1),F=e("h3",{id:"pull-requests",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#pull-requests"},"#"),t(" Pull Requests")],-1),H=e("h4",{id:"bug-fixes",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#bug-fixes"},"#"),t(" Bug Fixes")],-1),P=e("p",null,"We treat Issues on the main repo as actionable items we want to get done. This also means that we welcome PRs for any Issue that has been labeled either \u201CBug\u201D, \u201CImprovement\u201D, or \u201CNew Feature\u201D. Labeled issues are bugs or new features that have been triaged, accepted, and are ready to be implemented.",-1),N=e("h4",{id:"implementing-features",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#implementing-features"},"#"),t(" Implementing Features")],-1),R=e("p",null,"With the continuous growth of Directus, more and more people are relying on Directus for (critical) data workloads in various use cases. This means we need to be careful with any changes that might affect the stability, security, performance, or scalability of Directus. For this reason, it\u2019s important that any new feature is properly thought through and discussed before being implemented.",-1),j=e("p",null,"Before you start writing code to implement your new feature idea, please read through and understand our triaging process for new features before diving in. While we encourage and appreciate every code contribution, please understand that we can\u2019t merge every suggested code change.",-1),G=e("h5",{id:"triaging-process",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#triaging-process"},"#"),t(" Triaging Process")],-1),O=e("p",null,"Feature Request Discussions that are deemed ready to be implemented with the discussed implementation details are marked \u201CAccepted\u201D and converted into an Issue, at which point the feature is ready to be implemented.",-1),S=e("p",null,[t("New feature ideas reported directly to issues might be converted into a Discussion for further triaging at "),e("a",{href:"https://github.com/orgs/directus/people",target:"_blank",rel:"noopener noreferrer"},"the core team"),t("\u2019s discretion first. This is often due to a lack of detail, or lack of proven interest.")],-1),A=e("p",null,[t("Each Pull Request that comes in is required to resolve "),e("a",{href:"https://github.com/directus/directus/issues",target:"_blank",rel:"noopener noreferrer"},"an open Issue"),t(" that is labeled \u201CBug\u201D, \u201CImprovement\u201D, or \u201CNew Feature\u201D. This ensures that any code change made implements a known actionable item, be it a feature or otherwise.")],-1),E=e("h3",{id:"reporting-security-vulnerabilities",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#reporting-security-vulnerabilities"},"#"),t(" Reporting Security Vulnerabilities")],-1),V=e("a",{href:"https://github.com/directus/directus/security/advisories",target:"_blank",rel:"noopener noreferrer"},"GitHub Security Advisory",-1),z=e("p",null,"We value the members of the independent security research community who find security vulnerabilities and work with our team so that proper fixes can be issued to users. Our policy is to credit all researchers in the fix\u2019s release notes. In order to receive credit, security researchers must follow responsible disclosure practices, including:",-1),L=e("ul",null,[e("li",null,"They do not publish the vulnerability prior to the Directus team releasing a fix for it"),e("li",null,"They do not divulge exact details of the issue, e.g., through exploits or proof-of-concepts")],-1),Q="Contributing",X=!1,Y="An introduction to the process, rules and guidelines that for all code contributions to Directus.",Z="6 min read",$={__name:"introduction",setup(K,{expose:i}){const o={title:"Contributing",modularExtension:!1,description:"An introduction to the process, rules and guidelines that for all code contributions to Directus.",readTime:"6 min read"};return i({frontmatter:o}),(U,J)=>{const n=r("router-link"),a=r("docs-wrapper");return c(),u(a,{frontmatter:o},{default:s(()=>[e("div",d,[h,p,f,m,g,b,_,y,w,v,k,x,D,q,I,T,C,B,W,F,H,P,N,R,j,G,O,S,A,E,e("p",null,[t("If you believe you have discovered a security issue within a Directus product or service, please reach out to us directly over email: "),l(n,{to:"/docsmailto:security@directus.io"},{default:s(()=>[t("security@directus.io")]),_:1}),t(". We will then open a "),V,t(" for tracking the fix.")]),z,L])]),_:1})}}};export{$ as default,Y as description,X as modularExtension,Z as readTime,Q as title};

package/dist/assets/introduction.8311150c.js

@@ -1,90 +0,0 @@
-import{a as o,o as r,e as u,y as n,u as t,q as s,z as a}from"./runtime-core.esm-bundler.22ec0346.js";const h={class:"markdown-body"},d=t("blockquote",null,[t("p",null,"Directus offers both a RESTful and GraphQL API to manage the data in the database. The API has predictable resource-oriented URLs, relies on standard HTTP status codes, and uses JSON for input and output.")],-1),p=t("h2",{id:"dynamic-api",tabindex:"-1"},[t("a",{class:"header-anchor",href:"#dynamic-api"},"#"),s(" Dynamic API")],-1),f=t("h2",{id:"rest-vs.-graphql",tabindex:"-1"},[t("a",{class:"header-anchor",href:"#rest-vs.-graphql"},"#"),s(" REST vs. GraphQL")],-1),m=t("p",null,[t("strong",null,"There is no difference in the functionality available between the REST and GraphQL endpoints."),s(" The functionality available in both is mapped to the same set of core services, meaning that you don\u2019t lose any performance or capabilities by choosing one or the other.")],-1),j=t("p",null,"Which one you choose is ultimately up to you.",-1),_=t("h2",{id:"authentication",tabindex:"-1"},[t("a",{class:"header-anchor",href:"#authentication"},"#"),s(" Authentication")],-1),y=t("p",null,"Useful references:",-1),g=t("h2",{id:"relational-data",tabindex:"-1"},[t("a",{class:"header-anchor",href:"#relational-data"},"#"),s(" Relational Data")],-1),b=t("code",null,"fields",-1),w=t("h3",{id:"creating-%2F-updating-%2F-deleting",tabindex:"-1"},[t("a",{class:"header-anchor",href:"#creating-%2F-updating-%2F-deleting"},"#"),s(" Creating / Updating / Deleting")],-1),T=t("p",null,"Similarly to fetching, relational content can be modified deeply as well.",-1),E=t("h4",{id:"many-to-one",tabindex:"-1"},[t("a",{class:"header-anchor",href:"#many-to-one"},"#"),s(" Many-to-One")],-1),v=t("p",null,"Many-to-One relationships are fairly straightforward to manage relationally. You can simply submit the changes you want as an object under the relational key in your collection. For example, if you wanted to create a new featured article on your page, you could submit:",-1),A=t("pre",null,[t("code",{class:"language-json"},[t("span",{class:"hljs-punctuation"},"{"),s(`
-	`),t("span",{class:"hljs-attr"},'"featured_article"'),t("span",{class:"hljs-punctuation"},":"),s(),t("span",{class:"hljs-punctuation"},"{"),s(`
-		`),t("span",{class:"hljs-attr"},'"title"'),t("span",{class:"hljs-punctuation"},":"),s(),t("span",{class:"hljs-string"},'"This is my new article!"'),s(`
-	`),t("span",{class:"hljs-punctuation"},"}"),s(`
-`),t("span",{class:"hljs-punctuation"},"}"),s(`
-`)])],-1),k=t("p",null,[s("This will create a new record in the related collection, and save its primary key in the "),t("code",null,"featured_article"),s(" field for this item. To update an existing item, simply provide the primary key with the updates, and Directus will treat it as an update instead of a creation:")],-1),I=t("pre",null,[t("code",{class:"language-json"},[t("span",{class:"hljs-punctuation"},"{"),s(`
-	`),t("span",{class:"hljs-attr"},'"featured_article"'),t("span",{class:"hljs-punctuation"},":"),s(),t("span",{class:"hljs-punctuation"},"{"),s(`
-		`),t("span",{class:"hljs-attr"},'"id"'),t("span",{class:"hljs-punctuation"},":"),s(),t("span",{class:"hljs-number"},"15"),t("span",{class:"hljs-punctuation"},","),s(`
-		`),t("span",{class:"hljs-attr"},'"title"'),t("span",{class:"hljs-punctuation"},":"),s(),t("span",{class:"hljs-string"},'"This is an updated title for my article!"'),s(`
-	`),t("span",{class:"hljs-punctuation"},"}"),s(`
-`),t("span",{class:"hljs-punctuation"},"}"),s(`
-`)])],-1),P=t("p",null,"Seeing that the Many-to-One relationship stores the foreign key on the field itself, removing the item can be done by nullifying the field:",-1),x=t("pre",null,[t("code",{class:"language-json"},[t("span",{class:"hljs-punctuation"},"{"),s(`
-	`),t("span",{class:"hljs-attr"},'"featured_article"'),t("span",{class:"hljs-punctuation"},":"),s(),t("span",{class:"hljs-literal"},[t("span",{class:"hljs-keyword"},"null")]),s(`
-`),t("span",{class:"hljs-punctuation"},"}"),s(`
-`)])],-1),D=t("h4",{id:"one-to-many-(%2F-many-to-many)",tabindex:"-1"},[t("a",{class:"header-anchor",href:"#one-to-many-(%2F-many-to-many)"},"#"),s(" One-to-Many (/ Many-to-Many)")],-1),S=t("p",null,"One-to-Many, and therefore Many-to-Many and Many-to-Any, relationships can be updated in one of two ways:",-1),R=t("p",null,[t("strong",null,"Basic")],-1),q=t("p",null,[s("The API will return one-to-many fields as an array of nested keys or items (based on the "),t("code",null,"fields"),s(" parameter). You can use this same structure to select what the related items are:")],-1),L=t("pre",null,[t("code",{class:"language-json"},[t("span",{class:"hljs-punctuation"},"{"),s(`
-	`),t("span",{class:"hljs-attr"},'"children"'),t("span",{class:"hljs-punctuation"},":"),s(),t("span",{class:"hljs-punctuation"},"["),t("span",{class:"hljs-number"},"2"),t("span",{class:"hljs-punctuation"},","),s(),t("span",{class:"hljs-number"},"7"),t("span",{class:"hljs-punctuation"},","),s(),t("span",{class:"hljs-number"},"149"),t("span",{class:"hljs-punctuation"},"]"),s(`
-`),t("span",{class:"hljs-punctuation"},"}"),s(`
-`)])],-1),N=t("p",null,"You can also provide an object instead of a primary key in order to create new items nested on the fly, or an object with a primary key included to update an existing item:",-1),O=t("pre",null,[t("code",{class:"language-json"},[t("span",{class:"hljs-punctuation"},"{"),s(`
-	`),t("span",{class:"hljs-attr"},'"children"'),t("span",{class:"hljs-punctuation"},":"),s(),t("span",{class:"hljs-punctuation"},"["),s(`
-		`),t("span",{class:"hljs-number"},"2"),t("span",{class:"hljs-punctuation"},","),s(),t("span",{class:"hljs-comment"},"// assign existing item 2 to be a child of the current item"),s(`
-		`),t("span",{class:"hljs-punctuation"},"{"),s(`
-			`),t("span",{class:"hljs-attr"},'"name"'),t("span",{class:"hljs-punctuation"},":"),s(),t("span",{class:"hljs-string"},'"A new nested item"'),s(`
-		`),t("span",{class:"hljs-punctuation"},"}"),t("span",{class:"hljs-punctuation"},","),s(`
-		`),t("span",{class:"hljs-punctuation"},"{"),s(`
-			`),t("span",{class:"hljs-attr"},'"id"'),t("span",{class:"hljs-punctuation"},":"),s(),t("span",{class:"hljs-number"},"149"),t("span",{class:"hljs-punctuation"},","),s(`
-			`),t("span",{class:"hljs-attr"},'"name"'),t("span",{class:"hljs-punctuation"},":"),s(),t("span",{class:"hljs-string"},'"Assign and update existing item 149"'),s(`
-		`),t("span",{class:"hljs-punctuation"},"}"),s(`
-	`),t("span",{class:"hljs-punctuation"},"]"),s(`
-`),t("span",{class:"hljs-punctuation"},"}"),s(`
-`)])],-1),C=t("p",null,"To remove items from this relationship, simply omit them from the array:",-1),H=t("pre",null,[t("code",{class:"language-json"},[t("span",{class:"hljs-punctuation"},"{"),s(`
-	`),t("span",{class:"hljs-attr"},'"children"'),t("span",{class:"hljs-punctuation"},":"),s(),t("span",{class:"hljs-punctuation"},"["),t("span",{class:"hljs-number"},"2"),t("span",{class:"hljs-punctuation"},","),s(),t("span",{class:"hljs-number"},"149"),t("span",{class:"hljs-punctuation"},"]"),s(`
-`),t("span",{class:"hljs-punctuation"},"}"),s(`
-`)])],-1),U=t("p",null,"This method of updating a one-to-many is very useful for smaller relational datasets.",-1),G=t("p",null,[t("strong",null,"\u201CDetailed\u201D")],-1),M=t("p",null,"Alternatively, you can provide an object detailing the changes as follows:",-1),V=t("pre",null,[t("code",{class:"language-json"},[t("span",{class:"hljs-punctuation"},"{"),s(`
-	`),t("span",{class:"hljs-attr"},'"children"'),t("span",{class:"hljs-punctuation"},":"),s(),t("span",{class:"hljs-punctuation"},"{"),s(`
-		`),t("span",{class:"hljs-attr"},'"create"'),t("span",{class:"hljs-punctuation"},":"),s(),t("span",{class:"hljs-punctuation"},"["),t("span",{class:"hljs-punctuation"},"{"),s(),t("span",{class:"hljs-attr"},'"name"'),t("span",{class:"hljs-punctuation"},":"),s(),t("span",{class:"hljs-string"},'"A new nested item"'),s(),t("span",{class:"hljs-punctuation"},"}"),t("span",{class:"hljs-punctuation"},"]"),t("span",{class:"hljs-punctuation"},","),s(`
-		`),t("span",{class:"hljs-attr"},'"update"'),t("span",{class:"hljs-punctuation"},":"),s(),t("span",{class:"hljs-punctuation"},"["),t("span",{class:"hljs-punctuation"},"{"),s(),t("span",{class:"hljs-attr"},'"id"'),t("span",{class:"hljs-punctuation"},":"),s(),t("span",{class:"hljs-number"},"149"),t("span",{class:"hljs-punctuation"},","),s(),t("span",{class:"hljs-attr"},'"name"'),t("span",{class:"hljs-punctuation"},":"),s(),t("span",{class:"hljs-string"},'"A new nested item"'),s(),t("span",{class:"hljs-punctuation"},"}"),t("span",{class:"hljs-punctuation"},"]"),t("span",{class:"hljs-punctuation"},","),s(`
-		`),t("span",{class:"hljs-attr"},'"delete"'),t("span",{class:"hljs-punctuation"},":"),s(),t("span",{class:"hljs-punctuation"},"["),t("span",{class:"hljs-number"},"7"),t("span",{class:"hljs-punctuation"},"]"),s(`
-	`),t("span",{class:"hljs-punctuation"},"}"),s(`
-`),t("span",{class:"hljs-punctuation"},"}"),s(`
-`)])],-1),F=t("p",null,"This is useful if you need to have more tightly control on staged changes, or when you\u2019re working with a big relational dataset.",-1),Q=t("h4",{id:"many-to-any-(union-types)",tabindex:"-1"},[t("a",{class:"header-anchor",href:"#many-to-any-(union-types)"},"#"),s(" Many-to-Any (Union Types)")],-1),B=t("p",null,"Many-to-Any fields work very similar to a \u201Cregular\u201D many-to-many, with the exception that the related field can pull in the fields from any of the related collections, for example:",-1),Y=t("pre",null,[t("code",{class:"language-json"},[t("span",{class:"hljs-punctuation"},"{"),s(`
-	`),t("span",{class:"hljs-attr"},'"sections"'),t("span",{class:"hljs-punctuation"},":"),s(),t("span",{class:"hljs-punctuation"},"["),s(`
-		`),t("span",{class:"hljs-punctuation"},"{"),s(`
-			`),t("span",{class:"hljs-attr"},'"collection"'),t("span",{class:"hljs-punctuation"},":"),s(),t("span",{class:"hljs-string"},'"headings"'),t("span",{class:"hljs-punctuation"},","),s(`
-			`),t("span",{class:"hljs-attr"},'"item"'),t("span",{class:"hljs-punctuation"},":"),s(),t("span",{class:"hljs-punctuation"},"{"),s(`
-				`),t("span",{class:"hljs-comment"},"/* headings fields */"),s(`
-			`),t("span",{class:"hljs-punctuation"},"}"),s(`
-		`),t("span",{class:"hljs-punctuation"},"}"),t("span",{class:"hljs-punctuation"},","),s(`
-		`),t("span",{class:"hljs-punctuation"},"{"),s(`
-			`),t("span",{class:"hljs-attr"},'"collection"'),t("span",{class:"hljs-punctuation"},":"),s(),t("span",{class:"hljs-string"},'"paragraphs"'),t("span",{class:"hljs-punctuation"},","),s(`
-			`),t("span",{class:"hljs-attr"},'"item"'),t("span",{class:"hljs-punctuation"},":"),s(),t("span",{class:"hljs-punctuation"},"{"),s(`
-				`),t("span",{class:"hljs-comment"},"/* paragraphs fields */"),s(`
-			`),t("span",{class:"hljs-punctuation"},"}"),s(`
-		`),t("span",{class:"hljs-punctuation"},"}"),s(`
-	`),t("span",{class:"hljs-punctuation"},"]"),s(`
-`),t("span",{class:"hljs-punctuation"},"}"),s(`
-`)])],-1),W=t("h5",{id:"rest-api",tabindex:"-1"},[t("a",{class:"header-anchor",href:"#rest-api"},"#"),s(" REST API")],-1),z=t("p",null,[s("To scope the fields that are returned per collection type, you can use the "),t("code",null,"<field>:<scope>"),s(" syntax in the fields parameter as follows:")],-1),K=t("pre",null,[t("code",null,`GET /items/pages
-	?fields[]=sections.item:headings.id
-	&fields[]=sections.item:headings.title
-	&fields[]=sections.item:paragraphs.body
-	&fields[]=sections.item:paragraphs.background_color
-`)],-1),X=t("h5",{id:"graphql",tabindex:"-1"},[t("a",{class:"header-anchor",href:"#graphql"},"#"),s(" GraphQL")],-1),J=t("p",null,"In GraphQL, you can use nested fragments on the Union Type to select the fields:",-1),Z=t("pre",null,[t("code",{class:"language-graphql"},[t("span",{class:"hljs-keyword"},"query"),s(` {
-	pages {
-		sections {
-			item {
-				`),t("span",{class:"hljs-keyword"},"..."),s(),t("span",{class:"hljs-keyword"},"on"),s(` headings {
-					id
-					title
-				}
-
-				`),t("span",{class:"hljs-keyword"},"..."),s(),t("span",{class:"hljs-keyword"},"on"),s(` paragraphs {
-					body
-					background_color
-				}
-			}
-		}
-	}
-}
-`)])],-1),$=t("div",{class:"tip hint"},[t("div",{class:"hint-title"},"Updating"),t("p",null,"Updating records in a many-to-any is identical to the other relationship types.")],-1),tt=t("h2",{id:"search-http-method",tabindex:"-1"},[t("a",{class:"header-anchor",href:"#search-http-method"},"#"),s(" SEARCH HTTP Method")],-1),st=t("p",null,"When using the REST API to read multiple items by (very) advanced filters, you might run into the issue where the URL simply can\u2019t hold enough data to include the full query structure. In those cases, you can use the SEARCH HTTP method as a drop-in replacement for GET, where you\u2019re allowed to put the query into the request body as follows:",-1),nt=t("p",null,[t("strong",null,"Before:")],-1),et=t("pre",null,[t("code",null,`GET /items/articles?filter[title][_eq]=Hello World
-`)],-1),at=t("p",null,[t("strong",null,"After:")],-1),lt=t("pre",null,[t("code",{class:"language-json"},[s(`SEARCH /items/articles
-
-`),t("span",{class:"hljs-punctuation"},"{"),s(`
-	`),t("span",{class:"hljs-attr"},'"query"'),t("span",{class:"hljs-punctuation"},":"),s(),t("span",{class:"hljs-punctuation"},"{"),s(`
-		`),t("span",{class:"hljs-attr"},'"filter"'),t("span",{class:"hljs-punctuation"},":"),s(),t("span",{class:"hljs-punctuation"},"{"),s(`
-			`),t("span",{class:"hljs-attr"},'"title"'),t("span",{class:"hljs-punctuation"},":"),s(),t("span",{class:"hljs-punctuation"},"{"),s(`
-				`),t("span",{class:"hljs-attr"},'"_eq"'),t("span",{class:"hljs-punctuation"},":"),s(),t("span",{class:"hljs-string"},'"Hello World"'),s(`
-			`),t("span",{class:"hljs-punctuation"},"}"),s(`
-		`),t("span",{class:"hljs-punctuation"},"}"),s(`
-	`),t("span",{class:"hljs-punctuation"},"}"),s(`
-`),t("span",{class:"hljs-punctuation"},"}"),s(`
-`)])],-1),ot=t("p",null,[s("There\u2019s a lot of discussion around whether or not to put a body in a GET request, to use POSTs to create search queries, or to rely on a different method altogether. As of right now, we\u2019ve chosen "),t("a",{href:"https://datatracker.ietf.org/doc/draft-ietf-httpbis-safe-method-w-body",target:"_blank",rel:"noopener noreferrer"},[s("to align with IETF\u2019s "),t("em",null,"HTTP SEARCH Method"),s(" specification")]),s(". While we recognize this is still a draft spec, the SEARCH method has been used extensively before in the WebDAV world ("),t("a",{href:"https://tools.ietf.org/html/rfc5323",target:"_blank",rel:"noopener noreferrer"},"spec"),s("), and compared to the other available options, it feels like the \u201Ccleanest\u201D and most correct to handle this moving forward. As with everything else, if you have any ideas, opinions, or concerns, "),t("a",{href:"https://github.com/directus/directus/discussions/new",target:"_blank",rel:"noopener noreferrer"},"we\u2019d love to hear your thoughts"),s(".")],-1),it=t("p",null,"Useful reading:",-1),ct=t("ul",null,[t("li",null,[t("a",{href:"https://datatracker.ietf.org/doc/draft-ietf-httpbis-safe-method-w-body",target:"_blank",rel:"noopener noreferrer"},[t("em",null,"HTTP SEARCH Method"),s(" (IETF, 2021)")])]),t("li",null,[t("a",{href:"https://httptoolkit.tech/blog/http-search-method",target:"_blank",rel:"noopener noreferrer"},[t("em",null,"Defining a new HTTP method: HTTP SEARCH"),s(" (Tim Perry, 2021)")])]),t("li",null,[t("a",{href:"https://stackoverflow.com/questions/978061/http-get-with-request-body",target:"_blank",rel:"noopener noreferrer"},[t("em",null,"HTTP GET with request body"),s(" (StackOverflow, 2009 and ongoing)")])]),t("li",null,[t("a",{href:"https://www.elastic.co/guide/en/elasticsearch/guide/current/_empty_search.html",target:"_blank",rel:"noopener noreferrer"},[t("em",null,"Elastic Search GET body usage"),s(" (elastic, n.d.)")])]),t("li",null,[t("a",{href:"https://evertpot.com/dropbox-post-api",target:"_blank",rel:"noopener noreferrer"},[t("em",null,"Dropbox starts using POST, and why this is poor API design."),s(" (Evert Pot, 2015)")])])],-1),rt=t("h2",{id:"system-data-in-graphql",tabindex:"-1"},[t("a",{class:"header-anchor",href:"#system-data-in-graphql"},"#"),s(" System data in GraphQL")],-1),ut=t("p",null,[s("Due to restrictions in GraphQL itself, it\u2019s impossible to properly scope/namespace system functionality from regular data access. In order to prevent any naming conflicts between user-created and system data, we\u2019ve scoped the access of the two into separate endpoints for user and system data respectively: "),t("code",null,"/graphql"),s(" and "),t("code",null,"/graphql/system"),s(". Both endpoints share the same underlying schema, so "),t("strong",null,"nested relations will work as expected"),s(" regardless if they \u201Ccross over\u201D between user and system data. The only difference in the two endpoints are the root query and mutation fields available.")],-1),ht=t("h2",{id:"error-codes",tabindex:"-1"},[t("a",{class:"header-anchor",href:"#error-codes"},"#"),s(" Error Codes")],-1),dt=t("p",null,"Below are the global error codes used within Directus, and what they mean.",-1),pt=t("table",null,[t("thead",null,[t("tr",null,[t("th",null,"Error Code"),t("th",null,"HTTP Status"),t("th",null,"Description")])]),t("tbody",null,[t("tr",null,[t("td",null,[t("code",null,"FAILED_VALIDATION")]),t("td",null,"400"),t("td",null,"Validation for this particular item failed")]),t("tr",null,[t("td",null,[t("code",null,"FORBIDDEN")]),t("td",null,"403"),t("td",null,"You are not allowed to do the current action")]),t("tr",null,[t("td",null,[t("code",null,"INVALID_TOKEN")]),t("td",null,"403"),t("td",null,"Provided token is invalid")]),t("tr",null,[t("td",null,[t("code",null,"TOKEN_EXPIRED")]),t("td",null,"401"),t("td",null,"Provided token is valid but has expired")]),t("tr",null,[t("td",null,[t("code",null,"INVALID_CREDENTIALS")]),t("td",null,"401"),t("td",null,"Username / password or access token is wrong")]),t("tr",null,[t("td",null,[t("code",null,"INVALID_IP")]),t("td",null,"401"),t("td",null,"Your IP address isn\u2019t allow-listed to be used with this user")]),t("tr",null,[t("td",null,[t("code",null,"INVALID_OTP")]),t("td",null,"401"),t("td",null,"Wrong OTP was provided")]),t("tr",null,[t("td",null,[t("code",null,"INVALID_PAYLOAD")]),t("td",null,"400"),t("td",null,"Provided payload is invalid")]),t("tr",null,[t("td",null,[t("code",null,"INVALID_QUERY")]),t("td",null,"400"),t("td",null,"The requested query parameters can not be used")]),t("tr",null,[t("td",null,[t("code",null,"UNSUPPORTED_MEDIA_TYPE")]),t("td",null,"415"),t("td",null,[s("Provided payload format or "),t("code",null,"Content-Type"),s(" header is unsupported")])]),t("tr",null,[t("td",null,[t("code",null,"REQUESTS_EXCEEDED")]),t("td",null,"429"),t("td",null,"Hit the rate limit")]),t("tr",null,[t("td",null,[t("code",null,"ROUTE_NOT_FOUND")]),t("td",null,"404"),t("td",null,"Endpoint does not exist")]),t("tr",null,[t("td",null,[t("code",null,"SERVICE_UNAVAILABLE")]),t("td",null,"503"),t("td",null,"Could not use external service")]),t("tr",null,[t("td",null,[t("code",null,"UNPROCESSABLE_ENTITY")]),t("td",null,"422"),t("td",null,"You tried doing something illegal")])])],-1),ft=t("div",{class:"warning hint"},[t("div",{class:"hint-title"},"Security"),t("p",null,[s("To prevent leaking which items exist, all actions for non-existing items will return a "),t("code",null,"FORBIDDEN"),s(" error.")])],-1),gt="API Reference",bt=!1,wt="An introduction to the REST and GraphQL APIs in Directus.",Tt="7 min read",Et="page-reference",vt={__name:"introduction",setup(mt,{expose:i}){const l={title:"API Reference",modularExtension:!1,description:"An introduction to the REST and GraphQL APIs in Directus.",readTime:"7 min read",pageClass:"page-reference"};return i({frontmatter:l}),(jt,_t)=>{const e=o("router-link"),c=o("docs-wrapper");return r(),u(c,{frontmatter:l},{default:n(()=>[t("div",h,[d,p,t("p",null,[s("The platform\u2019s API uses "),a(e,{to:"/docs/getting-started/introduction#database-mirroring"},{default:n(()=>[s("Database Mirroring")]),_:1}),s(" to dynamically generate REST endpoints and a GraphQL schema based on the connected database\u2019s architecture. Since these endpoints return data based on your specific schema and configured permissions, the input/output of the API differs greatly for individual installations.")]),f,m,j,_,t("p",null,[s("By default, all data in the system is off-limits for unauthenticated users. To gain access to protected data, you must "),a(e,{to:"/docs/reference/authentication#access-tokens"},{default:n(()=>[s("include an access token with every request")]),_:1}),s(", or "),a(e,{to:"/docs/getting-started/quickstart#_6-set-role-public-permissions"},{default:n(()=>[s("configure permissions for the public role")]),_:1}),s(".")]),y,t("ul",null,[t("li",null,[a(e,{to:"/docs/reference/authentication"},{default:n(()=>[s("Authenticating into the API")]),_:1})]),t("li",null,[a(e,{to:"/docs/reference/authentication#login"},{default:n(()=>[s("Login endpoint reference")]),_:1})])]),g,t("p",null,[s("Directus only retrieves the fields in your items that explicitly have been requested. Relational data can be retrieved nested by using "),a(e,{to:"/docs/reference/query#fields"},{default:n(()=>[s("the "),b,s(" parameter")]),_:1}),s(" in REST, or regular nested queries in GraphQL. This allows you to retrieve the author of your article included in the articles data, or fetch related log entry points for your app\u2019s analytics data for example.")]),w,T,E,v,A,k,I,P,x,D,S,R,q,L,N,O,C,H,U,G,M,V,F,Q,B,Y,W,z,K,X,J,Z,$,tt,st,nt,et,at,lt,ot,it,ct,rt,ut,ht,dt,pt,ft])]),_:1})}}};export{vt as default,wt as description,bt as modularExtension,Et as pageClass,Tt as readTime,gt as title};

package/dist/assets/introduction.a4ce02bd.js

@@ -1 +0,0 @@
-import{a,o as r,e as c,y as s,u as e,q as t,z as o}from"./runtime-core.esm-bundler.22ec0346.js";const u={class:"markdown-body"},h=e("blockquote",null,[e("p",null,"In addition to being highly customizable, Directus has been architected to be completely modular and extensible. This ensures you will never hit a hard feature ceiling within the platform.")],-1),p=e("p",null,"Build, modify or expand any feature needed for your app or project. What makes Directus so flexible is that it has been designed from the ground up with complete extensibility. In addition to offering our software\u2019s codebase as open-source, we\u2019ve broken down the app code into component pieces called Extensions. New Extensions can be created, modified or expanded to suit any need. However, the following extension types come with the platform\u2019s App and API.",-1),x=e("h2",{id:"extension-sdk",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#extension-sdk"},"#"),t(" Extension SDK")],-1),_=e("h2",{id:"app-extensions",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#app-extensions"},"#"),t(" App Extensions")],-1),m=e("p",null,"Allow creating custom experiences within the Directus App.",-1),f=e("h2",{id:"api-extensions",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#api-extensions"},"#"),t(" API Extensions")],-1),w=e("p",null,"Allow extending and customizing the data pipeline and platform logic.",-1),b=e("h2",{id:"hybrid-extensions",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#hybrid-extensions"},"#"),t(" Hybrid Extensions")],-1),y=e("p",null,"Allow adding functionality to the API as well as the App.",-1),k="Extensions",A=!1,v="An introduction to custom Extensions in Directus.",V="2 min read",D={__name:"introduction",setup(g,{expose:l}){const i={title:"Extensions",modularExtension:!1,description:"An introduction to custom Extensions in Directus.",readTime:"2 min read"};return l({frontmatter:i}),(E,C)=>{const n=a("router-link"),d=a("docs-wrapper");return r(),c(d,{frontmatter:i},{default:s(()=>[e("div",u,[h,p,x,e("p",null,[t("The easiest way to start creating extensions is to use the "),o(n,{to:"/docs/extensions/creating-extensions"},{default:s(()=>[t("Extensions SDK")]),_:1}),t(".")]),_,m,e("ul",null,[e("li",null,[o(n,{to:"/docs/extensions/modules"},{default:s(()=>[t("Modules")]),_:1}),t(" \u2014 Created with Vue.js")]),e("li",null,[o(n,{to:"/docs/extensions/layouts"},{default:s(()=>[t("Layouts")]),_:1}),t(" \u2014 Created with Vue.js")]),e("li",null,[o(n,{to:"/docs/extensions/interfaces"},{default:s(()=>[t("Interfaces")]),_:1}),t(" \u2014 Created with Vue.js")]),e("li",null,[o(n,{to:"/docs/extensions/displays"},{default:s(()=>[t("Displays")]),_:1}),t(" \u2014 Created with Vue.js")]),e("li",null,[o(n,{to:"/docs/extensions/panels"},{default:s(()=>[t("Panels")]),_:1}),t(" \u2014 Created with Vue.js")]),e("li",null,[o(n,{to:"/docs/extensions/themes"},{default:s(()=>[t("Themes")]),_:1}),t(" \u2014 Created with custom CSS")])]),f,w,e("ul",null,[e("li",null,[o(n,{to:"/docs/extensions/endpoints"},{default:s(()=>[t("Endpoints")]),_:1}),t(" \u2014 Created with JavaScript / Node.js")]),e("li",null,[o(n,{to:"/docs/extensions/hooks"},{default:s(()=>[t("Hooks")]),_:1}),t(" \u2014 Created with JavaScript / Node.js")]),e("li",null,[o(n,{to:"/docs/extensions/email-templates"},{default:s(()=>[t("Email Templates")]),_:1}),t(" \u2014 Created with Liquid.js")]),e("li",null,[o(n,{to:"/docs/extensions/migrations"},{default:s(()=>[t("Migrations")]),_:1}),t(" \u2014 Created with JavaScript / Node.js")])]),b,y,e("ul",null,[e("li",null,[o(n,{to:"/docs/extensions/operations"},{default:s(()=>[t("Operations")]),_:1}),t(" \u2014 Created with Vue.js and JavaScript / Node.js")])])])]),_:1})}}};export{D as default,v as description,A as modularExtension,V as readTime,k as title};

package/dist/assets/introduction.d716e9e9.js

@@ -1 +0,0 @@
-import{a as i,o as d,e as c,y as o,u as e,q as t,z as s}from"./runtime-core.esm-bundler.22ec0346.js";const u={class:"markdown-body"},h=e("blockquote",null,[e("p",null,"These Docs will help you get Directus up-and-running quickly, guide you through advanced features, and explain the core concepts that make Directus so unique.")],-1),p=e("h2",{id:"what-is-directus%3F",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#what-is-directus%3F"},"#"),t(" What is Directus?")],-1),m=e("div",{class:"tip hint"},[e("div",{class:"hint-title"},"Directus"),e("p",null,[t("Directus ("),e("a",{href:"http://audio.pronouncekiwi.com/Salli/Directus",target:"_blank",rel:"noopener noreferrer"},"duh REKT iss"),t(") is Latin for: "),e("em",null,"laid straight, arranged in lines"),t("."),e("br"),t(" The broadest goal of our platform is to present data in a simple, orderly, and intuitive way.")])],-1),g=e("p",null,[e("strong",null,"Directus is an Open Data Platform built to democratize the database."),e("br"),t(" This platform provides everyone on your team, "),e("em",null,"regardless of technical skill"),t(", equal access to data and digital file asset management, for any data model or project. First, link Directus to your desired SQL database and file storage adapter. After that, Directus enables you to perform CRUD operations, create users, assign roles with fully configurable permissions, build complex and granular queries, configure event-driven webhooks and task automation\u2026 "),e("em",null,"the list goes on!")],-1),f=e("p",null,[e("strong",null,"Database Introspection & Abstraction"),e("br"),t(" SQL flavors all come with slightly different data types and idiosyncrasies. Directus uses "),e("a",{href:"#how-it-works"},"Database Introspection"),t(" to read your database structure and create an abstraction layer to handle all the nitty-gritty details behind the scenes. This technique works seamlessly with any major SQL database. It also lets you link Directus to your new or pre-existing database or remove it anytime, with no impact on your existing data model. That means you\u2019ll never encounter vendor lock-in.")],-1),y=e("p",null,[e("strong",null,"The App and APIs"),e("br"),t(" Once your database is introspected and abstracted, Directus dynamically generates REST and GraphQL API endpoints to manage your data with granular control. You also get CLI tools for file management and a complete JavaScript SDK.")],-1),_=e("p",null,[t("The API and CLI power the no-code App. In other words, the App is just a GUI that provides no-code access to the API. This architecture is how Directus democratizes the database and provides control to "),e("a",{href:"#who-s-it-for"},"the whole team"),t(".")],-1),b=e("p",null,[e("strong",null,"Open-Source, Modular, Extensible, Scalable"),e("br"),t(" At the highest level, Directus organizes its features and functionality into Modules. Each Module allows you to interact with data in some specific way, such as data and content management, digital file asset management, drag and drop analytics dashboard creation, or whatever. If you find Directus is missing something that your project needs, no problem!")],-1),w=e("p",null,[t("Built entirely in Typescript, primarily on "),e("a",{href:"https://nodejs.dev",target:"_blank",rel:"noopener noreferrer"},"Node.js"),t(" and "),e("a",{href:"https://vuejs.org",target:"_blank",rel:"noopener noreferrer"},"Vue.js"),t(", Directus is 100% open-source, modular and extensible, ensuring your project never hits a hard feature ceiling. The platform scales without issue, "),e("em",null,"and some Projects have hundreds of millions of users.")],-1),v=e("p",null,[t("You can use it with any "),e("em",null,"(or many)"),t(" stacks or frontend frameworks.")],-1),D=e("p",null,[e("strong",null,"Custom Configuration Options"),e("br"),t(" Extensive configuration options are also available as global variables in the codebase. Developers can custom configure SSO authentication method, caching details, default file storage location (local, S3, google, etc.) for digital assets, emails, "),e("em",null,"and much more.")],-1),k={class:"tip hint"},x=e("div",{class:"hint-title"},"Ready to dive in?",-1),T=e("h2",{id:"how-it-works",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#how-it-works"},"#"),t(" How It Works")],-1),I=e("p",null,[e("strong",null,[t("Directus is installed as a "),e("em",null,"layer"),t(" on top of your new or existing SQL database.")])],-1),S=e("p",null,[t("The App and API dynamically "),e("em",null,"\u201Cmirror\u201D"),t(" your actual schema and content in real-time. This is similar to how technical database clients (like "),e("em",null,"phpMyAdmin"),t(") work. However, Database Introspection has many unique advantages:")],-1),C=e("ul",null,[e("li",null,"Absolute control over your pure SQL database schema."),e("li",null,"Complete transparency, portability, and security for your data."),e("li",null,"Allows importing existing databases, unaltered and without migrations."),e("li",null,"Direct database access and the full power of raw, complex SQL queries."),e("li",null,"Significant performance improvements through optimizations and indexing.")],-1),A=e("p",null,[t("In contrast, other platforms typically use a predefined or proprietary "),e("em",null,"one-size-fits-all"),t(" data model to store content . That is not the case with Directus. Directus gives you direct access to your pure and unaltered data. That means you have the option to bypass the Directus middleware (API, SDK, App) and connect to your data with proper SQL queries. This effectively removes all bottlenecks, latency overhead, and proprietary access limitations.")],-1),j=e("h2",{id:"who%E2%80%99s-it-for%3F",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#who%E2%80%99s-it-for%3F"},"#"),t(" Who\u2019s It For?")],-1),P=e("p",null,[e("strong",null,"Directus lets the whole team work together and access data in one place.")],-1),E=e("p",null,[e("strong",null,"Developers"),e("br"),t(" Developers get a complete data connection toolkit with REST and GraphQL APIs, a JavaScript SDK, access to global variables to customize configuration options, and direct command-line access to digital assets.")],-1),q=e("p",null,[e("strong",null,"Power Users"),e("br"),t(" Data analysts and data scientists have in-app tools to query data, build out in-app analytics dashboards, and extract or upload data in file format. Additionally, these users are still free to link other services and run raw SQL queries directly on the database.")],-1),L=e("p",null,[e("strong",null,"Business Users"),e("br"),t(" The no-code app is safe and intuitive enough to make data accessible to everyone, even the most non-technical users. Administrators can create fully granular permissions for roles as well as individual users.")],-1),Q={class:"tip hint"},z=e("div",{class:"hint-title"},"Directus Vocabulary",-1),B=e("em",null,"especially for the no-code users",-1),F=e("h2",{id:"when-to-use-it",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#when-to-use-it"},"#"),t(" When to Use It")],-1),M=e("p",null,[e("strong",null,"Directus can power any data-driven project and can be linked or removed at any time.")],-1),N=e("p",null,[t("Build, monitor or manage any data model or app you desire: IoT fleets, e-commerce, SaaS, business data analytics, multi-channel content, "),e("em",null,"or anything else!"),t(" If it involves SQL and digital files, you can link up Directus. With this in mind, four broad use cases do emerge:")],-1),R=e("p",null,[e("strong",null,"Backend as a Service"),e("br"),t(" An end-to-end data solution. Efficiently connects data, auto-generates exhaustive APIs for projects that scale, and provides webhooks and task automation. Completely detached from the database, you\u2019re free to link and remove Directus anytime or use any other service in tandem.")],-1),U=e("p",null,[e("strong",null,"Headless CMS"),e("br"),t(" Remember, "),e("em",null,"content"),t(" is just data from a database! Manage any omnichannel digital experience. Deliver file assets and data across websites, apps, kiosks, digital signage\u2026 "),e("em",null,"the sky\u2019s the limit!")],-1),W=e("p",null,[e("strong",null,"Internal Tool Builder"),e("br"),t(" The whole team can build custom apps! Ditch the spreadsheet and quickly build back-office apps and admin panels for customers, inventory, projects, marketing, "),e("em",null,"or anything else.")],-1),G=e("p",null,[e("strong",null,"Data Management and Analytics"),e("br"),t(" Establish "),e("em",null,"a single source of truth"),t(" for all data. Build no-code analytics dashboards to gain insights into company KPIs and other metrics. Coalesce previously siloed department data.")],-1),O=e("h2",{id:"why-use-it%3F",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#why-use-it%3F"},"#"),t(" Why Use It?")],-1),Y=e("p",null,[e("strong",null,"Directus is a simple, data-first solution to complex problems with no downsides.")],-1),K=e("p",null,[t("Directus was created in 2004 and has been slowly, iteratively improved on for a long time. The core team has carefully thought through the app, beginning to end, and strives to make this platform is an all-benefit and no downside experience. It is also plug-and-play, so you\u2019re free to link or remove it anytime, with zero impact on your data. You have no vendor lock-in whatsoever, "),e("em",null,"your data is yours"),t(". There are no artificial data limits "),e("em",null,"(e.g. limits on users or roles)"),t(".")],-1),V=e("p",null,[t("Consider competing platforms in the four general use cases "),e("a",{href:"#when-to-use-it"},"mentioned above"),t(". Due diligence to select a viable solution from one of these categories can easily take six months to ensure the feature list, pricing, scalability, migration options, etc\u2026 all match the project in question. However, with Directus, that\u2019s not the case! You can test it immediately on an existing database or build a new data model from scratch, "),e("em",null,"with no impact on your data and no long-term commitments.")],-1),H=e("p",null,"The following core principles guide this platform:",-1),J=e("ul",null,[e("li",null,[e("strong",null,"Pure"),t(" \u2014 No predefined or proprietary schema. All system metadata is stored separately.")]),e("li",null,[e("strong",null,"Open"),t(" \u2014 Directus Core is open source, with no obfuscated or cloud-only code.")]),e("li",null,[e("strong",null,"Portable"),t(" \u2014 No vendor lock-in. Your database can be exported or migrated anytime.")]),e("li",null,[e("strong",null,"Limitless"),t(" \u2014 No arbitrary limits or paywalls on users, roles, translations, and data.")]),e("li",null,[e("strong",null,"Extensible"),t(" \u2014 Every aspect of this platform is modular to avoid any hard feature ceiling.")]),e("li",null,[e("strong",null,"Unopinionated"),t(" \u2014 Choose the stack, database, and architecture as you wish.")])],-1),X=e("h2",{id:"directus-cloud",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#directus-cloud"},"#"),t(" Directus Cloud")],-1),Z=e("p",null,[e("strong",null,"Directus Cloud is the fastest and easiest way to get your Directus Projects going.")],-1),$=e("p",null,"With your free Directus Cloud account, you can set up Teams to organize Projects, Project billing, and other Team Members however you need. You\u2019ll be able to get a Project running in about 90 seconds. Then as Project growth changes over time, scale service up or down as needed at the click of a button. The cloud dashboard also provides simple, straightforward analytics to help understand traffic and inform scaling decisions.",-1),ee={class:"tip hint"},te=e("div",{class:"hint-title"},"Ready to try Directus Cloud?",-1),oe=e("div",{class:"tip hint"},[e("div",{class:"hint-title"},"Enterprise Cloud"),e("p",null,[t("Need advanced configuration, unlimited scalability, and dedicated support? "),e("a",{href:"https://directus.io/contact",target:"_blank",rel:"noopener noreferrer"},"Contact us")])],-1),re="Introduction",le=!1,de="An introduction to what Directus is, how it works, who it is for, and when to use it.",ce="8 min read",ue={__name:"introduction",setup(ae,{expose:r}){const n={title:"Introduction",modularExtension:!1,description:"An introduction to what Directus is, how it works, who it is for, and when to use it.",readTime:"8 min read"};return r({frontmatter:n}),(se,ne)=>{const a=i("router-link"),l=i("docs-wrapper");return d(),c(l,{frontmatter:n},{default:o(()=>[e("div",u,[h,p,m,g,f,y,_,b,w,v,D,e("div",k,[x,e("p",null,[t("Get a free project running in minutes. Learn Directus hands-on in the "),s(a,{to:"/docs/getting-started/quickstart"},{default:o(()=>[t("Quickstart Guide")]),_:1}),t(".")])]),T,I,S,C,A,j,P,E,q,L,e("div",Q,[z,e("p",null,[t("To keep things simpler, "),B,t(", Directus uses friendlier names for many database terms and technical concepts, including "),s(a,{to:"/docs/getting-started/glossary#projects"},{default:o(()=>[t("Project")]),_:1}),t(" (database), "),s(a,{to:"/docs/getting-started/glossary#collections"},{default:o(()=>[t("Collection")]),_:1}),t(" (table), "),s(a,{to:"/docs/getting-started/glossary#fields"},{default:o(()=>[t("Field")]),_:1}),t(" (column), "),s(a,{to:"/docs/getting-started/glossary#items"},{default:o(()=>[t("Item")]),_:1}),t(" (record), and "),s(a,{to:"/docs/getting-started/glossary#types"},{default:o(()=>[t("Type")]),_:1}),t(" (datatype).")])]),F,M,N,R,U,W,G,O,Y,K,V,H,J,X,Z,e("p",null,[t("Cloud architecture can be complicated and resource-intensive. Directus Cloud provides scalable, optimized storage and infrastructure, and automatic updates so developers can focus on the app\u2019s core business logic. Directus Cloud also offers "),s(a,{to:"/docs/cloud/glossary#cloud-exclusives"},{default:o(()=>[t("Cloud Exclusive Extensions")]),_:1}),t(", enhancing Directus Core with even more features.")]),$,e("div",ee,[te,e("p",null,[t("Set up your free Cloud account and learn Directus hands-on in the "),s(a,{to:"/docs/getting-started/quickstart"},{default:o(()=>[t("Quickstart Guide")]),_:1}),t(".")])]),oe])]),_:1})}}};export{ue as default,de as description,le as modularExtension,ce as readTime,re as title};

package/dist/assets/is-IS.de933c2f.js

@@ -1 +0,0 @@
-var a={edit_translation_string:"Breyta \xFE\xFD\xF0ingastreng",invite_users:"Bj\xF3\xF0a notendum",invite:"Bj\xF3\xF0a",update_bookmark:"Uppf\xE6ra b\xF3kamerki",delete_bookmark:"Ey\xF0a b\xF3kamerki",delete_global_bookmark:"Ey\xF0a alt\xE6ku b\xF3kamerki",logoutReason:{SIGN_OUT:"Skr\xE1\xF0 \xFAt",SESSION_EXPIRED:"Lota \xFAtrunnin"},public_label:"Almennt",os_type:"Ger\xF0 st\xFDrikerfis",os_version:"\xDAtg\xE1fa st\xFDrikerfis",os_uptime:"Uppit\xEDmi st\xFDrikerfis",activity:"Virkni",choices:"Val",add_new:"B\xE6ta vi\xF0 n\xFDjum"},e=a.edit_translation_string,t=a.invite_users,i=a.invite,r=a.update_bookmark,o=a.delete_bookmark,s=a.delete_global_bookmark,_=a.logoutReason,n=a.public_label,l=a.os_type,k=a.os_version,v=a.os_uptime,b=a.activity,d=a.choices,u=a.add_new;export{b as activity,u as add_new,d as choices,a as default,o as delete_bookmark,s as delete_global_bookmark,e as edit_translation_string,i as invite,t as invite_users,_ as logoutReason,l as os_type,v as os_uptime,k as os_version,n as public_label,r as update_bookmark};

package/dist/assets/is.9f22583b.js

@@ -1 +0,0 @@
-function s(r,o){for(var a=0;a<o.length;a++){const e=o[a];if(typeof e!="string"&&!Array.isArray(e)){for(const t in e)if(t!=="default"&&!(t in r)){const i=Object.getOwnPropertyDescriptor(e,t);i&&Object.defineProperty(r,t,i.get?i:{enumerable:!0,get:()=>e[t]})}}}return Object.freeze(Object.defineProperty(r,Symbol.toStringTag,{value:"Module"}))}var n={};Object.defineProperty(n,"__esModule",{value:!0});var l={code:"is",week:{dow:1,doy:4},buttonText:{prev:"Fyrri",next:"N\xE6sti",today:"\xCD dag",month:"M\xE1nu\xF0ur",week:"Vika",day:"Dagur",list:"Dagskr\xE1"},weekText:"Vika",allDayText:"Allan daginn",moreLinkText:"meira",noEventsText:"Engir vi\xF0bur\xF0ir til a\xF0 s\xFDna"},u=n.default=l;const d=s({__proto__:null,default:u},[n]);export{d as i};