@directus/app 9.22.0 → 9.22.2

package/dist/assets/files.dc7ab269.js

@@ -1,189 +0,0 @@
-import{a as o,o as c,e as h,y as a,u as s,q as e,z as n}from"./runtime-core.esm-bundler.22ec0346.js";const d={class:"markdown-body"},u=s("blockquote",null,[s("p",null,[e("Every file managed by the platform is uploaded to the configured storage adapter, and its associated metadata is tracked within the "),s("code",null,"directus_files"),e(" system collection. Any requested file transformations are handled on the fly, and are only saved to storage.")])],-1),p=s("hr",null,null,-1),_=s("h2",{id:"accessing-a-file",tabindex:"-1"},[s("a",{class:"header-anchor",href:"#accessing-a-file"},"#"),e(" Accessing a File")],-1),f=s("p",null,"The location of your actual file originals is based on the project\u2019s configuration, but you can consistently access them via the API using the following URL.",-1),m=s("pre",null,[s("code",{class:"language-txt"},`example.com/assets/<file-id>
-example.com/assets/1ac73658-8b62-4dea-b6da-529fbc9d01a4
-`)],-1),g=s("div",{class:"tip hint"},[s("div",{class:"hint-title"},"SEO"),s("p",null,"You can provide an optional filename after the UUID to optimize for SEO, for example:"),s("pre",null,[s("code",{class:"language-txt"},`example.com/assets/<file-id>/<filename>
-example.com/assets/1ac73658-8b62-4dea-b6da-529fbc9d01a4/directus-logo.png
-`)]),s("p",null,[e("This optional filename is also used in the Content-Disposition header when the "),s("code",null,"?download"),e(" query parameter is used.")])],-1),j=s("div",{class:"warning hint"},[s("div",{class:"hint-title"},"Direct File Access"),s("p",null,[e("While you may "),s("em",null,"technically"),e(" be able to expose your storage adapters root file system and access your raw files through there, it is recommended that you always use the Directus API. This is the only way that you can take advantage of file permissions and other built-in features.")])],-1),b=s("p",null,[s("img",{src:"https://cdn.directus.io/docs/v9/reference/files/original-20220216A.jpg",alt:"Original File"}),e(),s("em",null,"Original File Used \u2014 602KB and 1800x1200")],-1),y=s("hr",null,null,-1),x=s("h2",{id:"downloading-a-file",tabindex:"-1"},[s("a",{class:"header-anchor",href:"#downloading-a-file"},"#"),e(" Downloading a File")],-1),q=s("p",null,[e("To download an asset with the correct filename, you need to add the "),s("code",null,"?download"),e(" query parameter to the request and the "),s("code",null,"download"),e(" attribute to your anchor tag. This will ensure the appropriate "),s("a",{href:"https://www.w3.org/Protocols/rfc2616/rfc2616-sec19.html",target:"_blank",rel:"noopener noreferrer"},"Content-Disposition"),e(" headers are added. Without this, the download will work on the "),s("em",null,"same"),e(" domain, however it will have the file\u2019s \u201Cid\u201D as the filename for cross-origin requests.")],-1),w=s("h3",{id:"example",tabindex:"-1"},[s("a",{class:"header-anchor",href:"#example"},"#"),e(" Example")],-1),v=s("pre",null,[s("code",{class:"language-html"},[s("span",{class:"hljs-tag"},[e("<"),s("span",{class:"hljs-name"},"a"),e(),s("span",{class:"hljs-attr"},"href"),e("="),s("span",{class:"hljs-string"},'"https://your-directus.com/assets/<file-id>?download"'),e(),s("span",{class:"hljs-attr"},"target"),e("="),s("span",{class:"hljs-string"},'"_blank"'),e(),s("span",{class:"hljs-attr"},"download"),e("="),s("span",{class:"hljs-string"},'"Your File.pdf"'),e(">")]),e("Download"),s("span",{class:"hljs-tag"},[e("</"),s("span",{class:"hljs-name"},"a"),e(">")]),e(`
-`)])],-1),T=s("hr",null,null,-1),k=s("h2",{id:"requesting-a-thumbnail",tabindex:"-1"},[s("a",{class:"header-anchor",href:"#requesting-a-thumbnail"},"#"),e(" Requesting a Thumbnail")],-1),E=s("p",null,[e("Fetching thumbnails is as easy as adding a "),s("code",null,"key"),e(" query parameter to the original file\u2019s URL. In the Admin App, you can configure different asset presets that control the output of any given image. If a requested thumbnail doesn\u2019t yet exist, it is dynamically generated and immediately returned.")],-1),R=s("h3",{id:"preset-transformations",tabindex:"-1"},[s("a",{class:"header-anchor",href:"#preset-transformations"},"#"),e(" Preset Transformations")],-1),A=s("strong",null,[s("code",null,"key")],-1),S=s("strong",null,"key",-1),D=s("h3",{id:"custom-transformations",tabindex:"-1"},[s("a",{class:"header-anchor",href:"#custom-transformations"},"#"),e(" Custom Transformations")],-1),P=s("p",null,"Alternatively, if you have \u201CStorage Asset Transform\u201D set to all, you can use the following parameters for more fine grained control:",-1),I=s("ul",null,[s("li",null,[s("strong",null,[s("code",null,"fit")]),e(" \u2014 The "),s("strong",null,"fit"),e(" of the thumbnail while always preserving the aspect ratio, can be any of the following options: "),s("ul",null,[s("li",null,[s("code",null,"cover"),e(" \u2014 Covers both width/height by cropping/clipping to fit")]),s("li",null,[s("code",null,"contain"),e(" \u2014 Contain within both width/height using \u201Cletterboxing\u201D as needed")]),s("li",null,[s("code",null,"inside"),e(" \u2014 Resize to be as large as possible, ensuring dimensions are less than or equal to the requested width and height")]),s("li",null,[s("code",null,"outside"),e(" \u2014 Resize to be as small as possible, ensuring dimensions are greater than or equal to the requested width and height")])])]),s("li",null,[s("strong",null,[s("code",null,"width")]),e(" \u2014 The "),s("strong",null,"width"),e(" of the thumbnail in pixels")]),s("li",null,[s("strong",null,[s("code",null,"height")]),e(" \u2014 The "),s("strong",null,"height"),e(" of the thumbnail in pixels")]),s("li",null,[s("strong",null,[s("code",null,"quality")]),e(" \u2014 The optional "),s("strong",null,"quality"),e(" of the thumbnail ("),s("code",null,"1"),e(" to "),s("code",null,"100"),e(")")]),s("li",null,[s("strong",null,[s("code",null,"withoutEnlargement")]),e(" \u2014 Disable image up-scaling")]),s("li",null,[s("strong",null,[s("code",null,"format")]),e(" \u2014 What file format to return the thumbnail in. One of "),s("code",null,"jpg"),e(", "),s("code",null,"png"),e(", "),s("code",null,"webp"),e(", "),s("code",null,"tiff")])],-1),C=s("h3",{id:"advanced-transformations",tabindex:"-1"},[s("a",{class:"header-anchor",href:"#advanced-transformations"},"#"),e(" Advanced Transformations")],-1),F=s("p",null,[e("For even more advanced control over the file generation, Directus exposes "),s("a",{href:"https://sharp.pixelplumbing.com/api-operation",target:"_blank",rel:"noopener noreferrer"},[e("the full "),s("code",null,"sharp"),e(" API")]),e(" through the "),s("code",null,"transforms"),e(" query parameter. This parameter accepts a two-dimensional array with the format "),s("code",null,"[Operation, ...arguments]"),e(".")],-1),O=s("h3",{id:"quality-vs-file-size",tabindex:"-1"},[s("a",{class:"header-anchor",href:"#quality-vs-file-size"},"#"),e(" Quality vs File Size")],-1),Q=s("p",null,[e("The quality parameter can be any integer from "),s("code",null,"0-100"),e(". Qualities closer to "),s("code",null,"0"),e(" have lower file sizes, but also poor image quality due to compression artifacts. Values closer to "),s("code",null,"100"),e(" have larger file sizes, but better image quality. Below are four possible qualities (200x200 cover) to visually compare the balance between compression and file size.")],-1),L=s("table",null,[s("thead",null,[s("tr",null,[s("th",null,"25%"),s("th",null,"50%"),s("th",null,"75%"),s("th",null,"100%")])]),s("tbody",null,[s("tr",null,[s("td",null,[s("img",{src:"https://cdn.directus.io/docs/v9/reference/files/200-200-cover-25-20220216A.jpg",alt:"25%"}),s("br"),s("em",null,"4KB")]),s("td",null,[s("img",{src:"https://cdn.directus.io/docs/v9/reference/files/200-200-cover-50-20220216A.jpg",alt:"50%"}),s("br"),s("em",null,"6KB")]),s("td",null,[s("img",{src:"https://cdn.directus.io/docs/v9/reference/files/200-200-cover-75-20220216A.jpg",alt:"75%"}),s("br"),s("em",null,"8KB")]),s("td",null,[s("img",{src:"https://cdn.directus.io/docs/v9/reference/files/200-200-cover-100-20220216A.jpg",alt:"100%"}),s("br"),s("em",null,"38KB")])])])],-1),X=s("h3",{id:"preset",tabindex:"-1"},[s("a",{class:"header-anchor",href:"#preset"},"#"),e(" Preset")],-1),B=s("pre",null,[s("code",{class:"language-txt"},`example.com/assets/<file-id>?key=<key>
-`)],-1),U=s("h3",{id:"custom",tabindex:"-1"},[s("a",{class:"header-anchor",href:"#custom"},"#"),e(" Custom")],-1),Y=s("pre",null,[s("code",{class:"language-txt"},`example.com/assets/<file-id>?fit=<fit>&width=<width>&height=<height>&quality=<quality>
-example.com/assets/1ac73658-8b62-4dea-b6da-529fbc9d01a4?fit=cover&width=200&height=200&quality=80
-`)],-1),G=s("h3",{id:"advanced",tabindex:"-1"},[s("a",{class:"header-anchor",href:"#advanced"},"#"),e(" Advanced")],-1),M=s("pre",null,[s("code",{class:"language-txt"},`?transforms=[
-	["blur", 45],
-	["tint", "rgb(255, 0, 0)"],
-	["expand", { "right": 200, "bottom": 150 }]
-]
-`)],-1),z=s("hr",null,null,-1),N=s("h2",{id:"the-file-object",tabindex:"-1"},[s("a",{class:"header-anchor",href:"#the-file-object"},"#"),e(" The File Object")],-1),Z=s("p",null,[s("code",null,"id"),e(),s("strong",null,"uuid"),s("br"),e(" Primary key of the file")],-1),H=s("p",null,[s("code",null,"storage"),e(),s("strong",null,"string"),s("br"),e(" Storage adapter used for the file.")],-1),W=s("p",null,[s("code",null,"filename_disk"),e(),s("strong",null,"string"),s("br"),e(" Name of the file as saved on the storage adapter.")],-1),K=s("p",null,[s("code",null,"filename_download"),e(),s("strong",null,"string"),s("br"),e(" Preferred filename when file is downloaded.")],-1),J=s("p",null,[s("code",null,"title"),e(),s("strong",null,"string"),s("br"),e(" Title for the file.")],-1),V=s("p",null,[s("code",null,"type"),e(),s("strong",null,"string"),s("br"),e(" Mimetype of the file.")],-1),$=s("code",null,"folder",-1),ss=s("strong",null,"many-to-one",-1),es=s("br",null,null,-1),as=s("code",null,"uploaded_by",-1),ts=s("strong",null,"many-to-one",-1),ns=s("br",null,null,-1),ls=s("p",null,[s("code",null,"uploaded_on"),e(),s("strong",null,"datetime"),s("br"),e(" When the file was uploaded.")],-1),os=s("code",null,"modified_by",-1),is=s("strong",null,"many-to-one",-1),rs=s("br",null,null,-1),cs=s("p",null,[s("code",null,"filesize"),e(),s("strong",null,"number"),s("br"),e(" Size of the file in bytes.")],-1),hs=s("p",null,[s("code",null,"width"),e(),s("strong",null,"number"),s("br"),e(" If the file is a(n) image/video, it\u2019s the width in px.")],-1),ds=s("p",null,[s("code",null,"height"),e(),s("strong",null,"number"),s("br"),e(" If the file is a(n) image/video, it\u2019s the height in px.")],-1),us=s("p",null,[s("code",null,"duration"),e(),s("strong",null,"number"),s("br"),e(" If the file contains audio/video, it\u2019s the duration in milliseconds.")],-1),ps=s("p",null,[s("code",null,"description"),e(),s("strong",null,"string"),s("br"),e(" Description of the file.")],-1),_s=s("p",null,[s("code",null,"location"),e(),s("strong",null,"string"),s("br"),e(" Location of the file.")],-1),fs=s("p",null,[s("code",null,"tags"),e(),s("strong",null,"array"),s("br"),e(" Tags for the file.")],-1),ms=s("p",null,[s("code",null,"metadata"),e(),s("strong",null,"object"),s("br"),e(" Any additional metadata Directus was able to scrape from the file. For images, this includes EXIF, IPTC, and ICC information.")],-1),gs=s("pre",null,[s("code",{class:"language-json"},[s("span",{class:"hljs-punctuation"},"{"),e(`
-	`),s("span",{class:"hljs-attr"},'"id"'),s("span",{class:"hljs-punctuation"},":"),e(),s("span",{class:"hljs-string"},'"4f4b14fa-a43a-46d0-b7ad-90af5919bebb"'),s("span",{class:"hljs-punctuation"},","),e(`
-	`),s("span",{class:"hljs-attr"},'"storage"'),s("span",{class:"hljs-punctuation"},":"),e(),s("span",{class:"hljs-string"},'"local"'),s("span",{class:"hljs-punctuation"},","),e(`
-	`),s("span",{class:"hljs-attr"},'"filename_disk"'),s("span",{class:"hljs-punctuation"},":"),e(),s("span",{class:"hljs-string"},'"4f4b14fa-a43a-46d0-b7ad-90af5919bebb.jpeg"'),s("span",{class:"hljs-punctuation"},","),e(`
-	`),s("span",{class:"hljs-attr"},'"filename_download"'),s("span",{class:"hljs-punctuation"},":"),e(),s("span",{class:"hljs-string"},'"paulo-silva-vSRgXtQuns8-unsplash.jpg"'),s("span",{class:"hljs-punctuation"},","),e(`
-	`),s("span",{class:"hljs-attr"},'"title"'),s("span",{class:"hljs-punctuation"},":"),e(),s("span",{class:"hljs-string"},'"Paulo Silva (via Unsplash)"'),s("span",{class:"hljs-punctuation"},","),e(`
-	`),s("span",{class:"hljs-attr"},'"type"'),s("span",{class:"hljs-punctuation"},":"),e(),s("span",{class:"hljs-string"},'"image/jpeg"'),s("span",{class:"hljs-punctuation"},","),e(`
-	`),s("span",{class:"hljs-attr"},'"folder"'),s("span",{class:"hljs-punctuation"},":"),e(),s("span",{class:"hljs-literal"},[s("span",{class:"hljs-keyword"},"null")]),s("span",{class:"hljs-punctuation"},","),e(`
-	`),s("span",{class:"hljs-attr"},'"uploaded_by"'),s("span",{class:"hljs-punctuation"},":"),e(),s("span",{class:"hljs-string"},'"0bc7b36a-9ba9-4ce0-83f0-0a526f354e07"'),s("span",{class:"hljs-punctuation"},","),e(`
-	`),s("span",{class:"hljs-attr"},'"uploaded_on"'),s("span",{class:"hljs-punctuation"},":"),e(),s("span",{class:"hljs-string"},'"2021-02-04T11:37:41-05:00"'),s("span",{class:"hljs-punctuation"},","),e(`
-	`),s("span",{class:"hljs-attr"},'"modified_by"'),s("span",{class:"hljs-punctuation"},":"),e(),s("span",{class:"hljs-literal"},[s("span",{class:"hljs-keyword"},"null")]),s("span",{class:"hljs-punctuation"},","),e(`
-	`),s("span",{class:"hljs-attr"},'"modified_on"'),s("span",{class:"hljs-punctuation"},":"),e(),s("span",{class:"hljs-string"},'"2021-02-04T11:37:42-05:00"'),s("span",{class:"hljs-punctuation"},","),e(`
-	`),s("span",{class:"hljs-attr"},'"filesize"'),s("span",{class:"hljs-punctuation"},":"),e(),s("span",{class:"hljs-number"},"3442252"),s("span",{class:"hljs-punctuation"},","),e(`
-	`),s("span",{class:"hljs-attr"},'"width"'),s("span",{class:"hljs-punctuation"},":"),e(),s("span",{class:"hljs-number"},"3456"),s("span",{class:"hljs-punctuation"},","),e(`
-	`),s("span",{class:"hljs-attr"},'"height"'),s("span",{class:"hljs-punctuation"},":"),e(),s("span",{class:"hljs-number"},"5184"),s("span",{class:"hljs-punctuation"},","),e(`
-	`),s("span",{class:"hljs-attr"},'"duration"'),s("span",{class:"hljs-punctuation"},":"),e(),s("span",{class:"hljs-literal"},[s("span",{class:"hljs-keyword"},"null")]),s("span",{class:"hljs-punctuation"},","),e(`
-	`),s("span",{class:"hljs-attr"},'"description"'),s("span",{class:"hljs-punctuation"},":"),e(),s("span",{class:"hljs-literal"},[s("span",{class:"hljs-keyword"},"null")]),s("span",{class:"hljs-punctuation"},","),e(`
-	`),s("span",{class:"hljs-attr"},'"location"'),s("span",{class:"hljs-punctuation"},":"),e(),s("span",{class:"hljs-literal"},[s("span",{class:"hljs-keyword"},"null")]),s("span",{class:"hljs-punctuation"},","),e(`
-	`),s("span",{class:"hljs-attr"},'"tags"'),s("span",{class:"hljs-punctuation"},":"),e(),s("span",{class:"hljs-punctuation"},"["),s("span",{class:"hljs-string"},'"photo"'),s("span",{class:"hljs-punctuation"},","),e(),s("span",{class:"hljs-string"},'"pretty"'),s("span",{class:"hljs-punctuation"},"]"),s("span",{class:"hljs-punctuation"},","),e(`
-	`),s("span",{class:"hljs-attr"},'"metadata"'),s("span",{class:"hljs-punctuation"},":"),e(),s("span",{class:"hljs-punctuation"},"{"),e(`
-		`),s("span",{class:"hljs-attr"},'"icc"'),s("span",{class:"hljs-punctuation"},":"),e(),s("span",{class:"hljs-punctuation"},"{"),e(`
-			`),s("span",{class:"hljs-attr"},'"version"'),s("span",{class:"hljs-punctuation"},":"),e(),s("span",{class:"hljs-string"},'"2.1"'),s("span",{class:"hljs-punctuation"},","),e(`
-			`),s("span",{class:"hljs-attr"},'"intent"'),s("span",{class:"hljs-punctuation"},":"),e(),s("span",{class:"hljs-string"},'"Perceptual"'),s("span",{class:"hljs-punctuation"},","),e(`
-			`),s("span",{class:"hljs-attr"},'"cmm"'),s("span",{class:"hljs-punctuation"},":"),e(),s("span",{class:"hljs-string"},'"lcms"'),s("span",{class:"hljs-punctuation"},","),e(`
-			`),s("span",{class:"hljs-attr"},'"deviceClass"'),s("span",{class:"hljs-punctuation"},":"),e(),s("span",{class:"hljs-string"},'"Monitor"'),s("span",{class:"hljs-punctuation"},","),e(`
-			`),s("span",{class:"hljs-attr"},'"colorSpace"'),s("span",{class:"hljs-punctuation"},":"),e(),s("span",{class:"hljs-string"},'"RGB"'),s("span",{class:"hljs-punctuation"},","),e(`
-			`),s("span",{class:"hljs-attr"},'"connectionSpace"'),s("span",{class:"hljs-punctuation"},":"),e(),s("span",{class:"hljs-string"},'"XYZ"'),s("span",{class:"hljs-punctuation"},","),e(`
-			`),s("span",{class:"hljs-attr"},'"platform"'),s("span",{class:"hljs-punctuation"},":"),e(),s("span",{class:"hljs-string"},'"Apple"'),s("span",{class:"hljs-punctuation"},","),e(`
-			`),s("span",{class:"hljs-attr"},'"creator"'),s("span",{class:"hljs-punctuation"},":"),e(),s("span",{class:"hljs-string"},'"lcms"'),s("span",{class:"hljs-punctuation"},","),e(`
-			`),s("span",{class:"hljs-attr"},'"description"'),s("span",{class:"hljs-punctuation"},":"),e(),s("span",{class:"hljs-string"},'"c2"'),s("span",{class:"hljs-punctuation"},","),e(`
-			`),s("span",{class:"hljs-attr"},'"copyright"'),s("span",{class:"hljs-punctuation"},":"),e(),s("span",{class:"hljs-string"},'""'),e(`
-		`),s("span",{class:"hljs-punctuation"},"}"),e(`
-	`),s("span",{class:"hljs-punctuation"},"}"),e(`
-`),s("span",{class:"hljs-punctuation"},"}"),e(`
-`)])],-1),js=s("hr",null,null,-1),bs=s("h2",{id:"list-files",tabindex:"-1"},[s("a",{class:"header-anchor",href:"#list-files"},"#"),e(" List Files")],-1),ys=s("p",null,"List all files that exist in Directus.",-1),xs=s("h3",{id:"query-parameters",tabindex:"-1"},[s("a",{class:"header-anchor",href:"#query-parameters"},"#"),e(" Query Parameters")],-1),qs=s("h3",{id:"returns",tabindex:"-1"},[s("a",{class:"header-anchor",href:"#returns"},"#"),e(" Returns")],-1),ws=s("a",{href:"#the-file-object"},"file objects",-1),vs=s("h3",{id:"rest-api",tabindex:"-1"},[s("a",{class:"header-anchor",href:"#rest-api"},"#"),e(" REST API")],-1),Ts=s("pre",null,[s("code",null,`GET /files
-SEARCH /files
-`)],-1),ks=s("h3",{id:"graphql",tabindex:"-1"},[s("a",{class:"header-anchor",href:"#graphql"},"#"),e(" GraphQL")],-1),Es=s("pre",null,[s("code",{class:"language-txt"},`POST /graphql/system
-`)],-1),Rs=s("pre",null,[s("code",{class:"language-graphql"},[s("span",{class:"hljs-keyword"},"type"),s("span",{class:"hljs-type"}," Query"),e(` {
-	files: [directus_files]
-}
-`)])],-1),As=s("h5",{id:"example-1",tabindex:"-1"},[s("a",{class:"header-anchor",href:"#example-1"},"#"),e(" Example")],-1),Ss=s("pre",null,[s("code",{class:"language-graphql"},[s("span",{class:"hljs-keyword"},"query"),e(` {
-	files {
-		id
-		filename_disk
-	}
-}
-`)])],-1),Ds=s("hr",null,null,-1),Ps=s("h2",{id:"retrieve-a-file",tabindex:"-1"},[s("a",{class:"header-anchor",href:"#retrieve-a-file"},"#"),e(" Retrieve a File")],-1),Is=s("p",null,"Retrieve a single file by primary key.",-1),Cs=s("h3",{id:"query-parameters-1",tabindex:"-1"},[s("a",{class:"header-anchor",href:"#query-parameters-1"},"#"),e(" Query Parameters")],-1),Fs=s("h3",{id:"returns-1",tabindex:"-1"},[s("a",{class:"header-anchor",href:"#returns-1"},"#"),e(" Returns")],-1),Os=s("p",null,[e("Returns a "),s("a",{href:"#the-file-object"},"file object"),e(" if a valid primary key was provided.")],-1),Qs=s("h3",{id:"rest-api-1",tabindex:"-1"},[s("a",{class:"header-anchor",href:"#rest-api-1"},"#"),e(" REST API")],-1),Ls=s("pre",null,[s("code",{class:"language-txt"},`GET /files/:id
-`)],-1),Xs=s("h5",{id:"example-2",tabindex:"-1"},[s("a",{class:"header-anchor",href:"#example-2"},"#"),e(" Example")],-1),Bs=s("pre",null,[s("code",{class:"language-txt"},`GET /files/0fca80c4-d61c-4404-9fd7-6ba86b64154d
-`)],-1),Us=s("h3",{id:"graphql-1",tabindex:"-1"},[s("a",{class:"header-anchor",href:"#graphql-1"},"#"),e(" GraphQL")],-1),Ys=s("pre",null,[s("code",{class:"language-txt"},`POST /graphql/system
-`)],-1),Gs=s("pre",null,[s("code",{class:"language-graphql"},[s("span",{class:"hljs-keyword"},"type"),s("span",{class:"hljs-type"}," Query"),e(` {
-	files_by_id(id:`),s("span",{class:"hljs-literal"}," ID"),e(`!): directus_files
-}
-`)])],-1),Ms=s("h5",{id:"example-3",tabindex:"-1"},[s("a",{class:"header-anchor",href:"#example-3"},"#"),e(" Example")],-1),zs=s("pre",null,[s("code",{class:"language-graphql"},[s("span",{class:"hljs-keyword"},"query"),e(` {
-	files_by_id(id: `),s("span",{class:"hljs-string"},'"0fca80c4-d61c-4404-9fd7-6ba86b64154d"'),e(`) {
-		id
-		filename_disk
-	}
-}
-`)])],-1),Ns=s("h2",{id:"upload-a-file",tabindex:"-1"},[s("a",{class:"header-anchor",href:"#upload-a-file"},"#"),e(" Upload a File")],-1),Zs=s("p",null,"Upload/create a new file.",-1),Hs=s("p",null,[e("To upload a file, use "),s("code",null,"multipart/form-data"),e(" as the encoding type. The file contents has to be provided in a part called "),s("code",null,"file"),e(". All other properties of "),s("a",{href:"#the-file-object"},"the file object"),e(" can be provided as parts as well, except "),s("code",null,"filename_disk"),e(" and "),s("code",null,"filename_download"),e(".")],-1),Ws=s("p",null,[e("Alternatively, you can use "),s("code",null,"application/json"),e(" with JSON request body to associate metadata to a file that already exists in the storage. The "),s("code",null,"type"),e(" property will be required to specify the mimetype of that file.")],-1),Ks=s("div",{class:"tip hint"},[s("div",{class:"hint-title"},"Order Matters"),s("p",null,[e("Make sure to define the non-file properties "),s("em",null,"first"),e(". This ensures that the file metadata is associated with the correct file.")])],-1),Js=s("p",null,"You can upload multiple files at a time by repeating the payload with different contents, for example:",-1),Vs=s("pre",null,[s("code",null,`--__X_BOUNDARY__
-Content-Disposition: form-data; name="title"
-
-Example
---__X_BOUNDARY__
-Content-Disposition: form-data; name="file"; filename="paulo-silva-vSRgXtQuns8-unsplash.jpg"
-Content-Type: image/jpeg
-
-// binary data
-
---__X_BOUNDARY__
-Content-Disposition: form-data; name="title"
-
-Another Title
---__X_BOUNDARY__
-Content-Disposition: form-data; name="file"; filename="mae-mu-GFhqNX1gE9E-unsplash.jpg"
-Content-Type: image/jpeg
-
-// binary data
-`)],-1),$s=s("p",null,[e("In JavaScript, this can be achieved using the native "),s("code",null,"FormData"),e(" class:")],-1),se=s("pre",null,[s("code",{class:"language-js"},[s("span",{class:"hljs-keyword"},"import"),e(" axios "),s("span",{class:"hljs-keyword"},"from"),e(),s("span",{class:"hljs-string"},"'axios'"),e(`;
-
-`),s("span",{class:"hljs-keyword"},"const"),e(" fileInput = "),s("span",{class:"hljs-variable language_"},"document"),e("."),s("span",{class:"hljs-title function_"},"querySelector"),e("("),s("span",{class:"hljs-string"},`'input[type="file"]'`),e(`);
-`),s("span",{class:"hljs-keyword"},"const"),e(" formData = "),s("span",{class:"hljs-keyword"},"new"),e(),s("span",{class:"hljs-title class_"},"FormData"),e(`();
-
-formData.`),s("span",{class:"hljs-title function_"},"append"),e("("),s("span",{class:"hljs-string"},"'title'"),e(", "),s("span",{class:"hljs-string"},"'My First File'"),e(`);
-formData.`),s("span",{class:"hljs-title function_"},"append"),e("("),s("span",{class:"hljs-string"},"'file'"),e(", fileInput."),s("span",{class:"hljs-property"},"files"),e("["),s("span",{class:"hljs-number"},"0"),e(`]);
-
-`),s("span",{class:"hljs-keyword"},"await"),e(" axios."),s("span",{class:"hljs-title function_"},"post"),e("("),s("span",{class:"hljs-string"},"'/files'"),e(`, formData);
-`)])],-1),ee=s("h3",{id:"query-parameters-2",tabindex:"-1"},[s("a",{class:"header-anchor",href:"#query-parameters-2"},"#"),e(" Query Parameters")],-1),ae=s("h3",{id:"returns-2",tabindex:"-1"},[s("a",{class:"header-anchor",href:"#returns-2"},"#"),e(" Returns")],-1),te=s("p",null,[e("Returns the "),s("a",{href:"#the-file-object"},"file object"),e(" for the uploaded file, or an array of "),s("a",{href:"#the-file-object"},"file objects"),e(" if multiple files were uploaded at once.")],-1),ne=s("pre",null,[s("code",{class:"language-txt"},`POST /files
-`)],-1),le=s("pre",null,[s("code",null,`// Request
-
-Content-Type: multipart/form-data; charset=utf-8; boundary=__X_BOUNDARY__
-Content-Length: 3442422
-
---__X_BOUNDARY__
-Content-Disposition: form-data; name="file"; filename="paulo-silva-vSRgXtQuns8-unsplash.jpg"
-Content-Type: image/jpeg
-
-\xFF\xD8\xFF\xE0JFIF


HH\xFF\xE2ICC_PROFILE

\flcmsmntrRGB XYZ \x07\xDC
)9acspAPPL\xF6\xD6
\xD3-lcms
-desc\xFC^cprt
\\\vwtpt
hbkpt
|rXYZ
\x90gXYZ
\xA4bXYZ
\xB8rTRC
\xCC@gTRC
\xCC@bTRC
\xCC@descc2textIXXYZ \xF6\xD6
\xD3-XYZ 3\xA4XYZ o\xA28\xF5\x90XYZ b\x99\xB7\x85\xDAXYZ $\xA0\x84\xB6\xCFcurv\xCB
\xC9c\x92\bk\v\xF6?Q\x1B4!\xF1)\x902;\x92FQw]\xEDkpz\x89\xB1\x9A|\xACi\xBF}\xD3\xC3\xE90\xFF\xFF\xFF\xDB\x84\b\b\x07\x07
-`)],-1),oe=s("hr",null,null,-1),ie=s("h2",{id:"import-a-file",tabindex:"-1"},[s("a",{class:"header-anchor",href:"#import-a-file"},"#"),e(" Import a File")],-1),re=s("p",null,"Import a file from the web",-1),ce=s("h3",{id:"query-parameters-3",tabindex:"-1"},[s("a",{class:"header-anchor",href:"#query-parameters-3"},"#"),e(" Query Parameters")],-1),he=s("h3",{id:"request-body",tabindex:"-1"},[s("a",{class:"header-anchor",href:"#request-body"},"#"),e(" Request Body")],-1),de=s("p",null,[s("code",null,"url"),e(),s("strong",null,"Required"),s("br"),e(" The URL to download the file from.")],-1),ue=s("p",null,[s("code",null,"data"),s("br"),e(" Any of "),s("a",{href:"#the-file-object"},"the file object"),e("\u2019s properties.")],-1),pe=s("h3",{id:"returns-3",tabindex:"-1"},[s("a",{class:"header-anchor",href:"#returns-3"},"#"),e(" Returns")],-1),_e=s("p",null,[e("Returns the "),s("a",{href:"#the-file-object"},"file object"),e(" for the imported file.")],-1),fe=s("h3",{id:"rest-api-2",tabindex:"-1"},[s("a",{class:"header-anchor",href:"#rest-api-2"},"#"),e(" REST API")],-1),me=s("pre",null,[s("code",{class:"language-txt"},`POST /files/import
-`)],-1),ge=s("h5",{id:"example-4",tabindex:"-1"},[s("a",{class:"header-anchor",href:"#example-4"},"#"),e(" Example")],-1),je=s("pre",null,[s("code",{class:"language-json"},[s("span",{class:"hljs-comment"},"// POST /files/import"),e(`
-
-`),s("span",{class:"hljs-punctuation"},"{"),e(`
-	`),s("span",{class:"hljs-attr"},'"url"'),s("span",{class:"hljs-punctuation"},":"),e(),s("span",{class:"hljs-string"},'"https://source.unsplash.com/random"'),s("span",{class:"hljs-punctuation"},","),e(`
-	`),s("span",{class:"hljs-attr"},'"data"'),s("span",{class:"hljs-punctuation"},":"),e(),s("span",{class:"hljs-punctuation"},"{"),e(`
-		`),s("span",{class:"hljs-attr"},'"title"'),s("span",{class:"hljs-punctuation"},":"),e(),s("span",{class:"hljs-string"},'"Example"'),e(`
-	`),s("span",{class:"hljs-punctuation"},"}"),e(`
-`),s("span",{class:"hljs-punctuation"},"}"),e(`
-`)])],-1),be=s("h3",{id:"graphql-2",tabindex:"-1"},[s("a",{class:"header-anchor",href:"#graphql-2"},"#"),e(" GraphQL")],-1),ye=s("pre",null,[s("code",{class:"language-txt"},`POST /graphql/system
-`)],-1),xe=s("pre",null,[s("code",{class:"language-graphql"},[s("span",{class:"hljs-keyword"},"type"),s("span",{class:"hljs-type"}," Mutation"),e(` {
-	import_file(url:`),s("span",{class:"hljs-type"}," String"),e(`!, data: create_directus_files_input!): directus_files
-}
-`)])],-1),qe=s("h5",{id:"example-5",tabindex:"-1"},[s("a",{class:"header-anchor",href:"#example-5"},"#"),e(" Example")],-1),we=s("pre",null,[s("code",{class:"language-graphql"},[s("span",{class:"hljs-keyword"},"mutation"),e(` {
-	import_file(url: `),s("span",{class:"hljs-string"},'"https://source.unsplash.com/random"'),e(", data: { title: "),s("span",{class:"hljs-string"},'"Example"'),e(` }) {
-		id
-	}
-}
-`)])],-1),ve=s("hr",null,null,-1),Te=s("h2",{id:"update-a-file",tabindex:"-1"},[s("a",{class:"header-anchor",href:"#update-a-file"},"#"),e(" Update a File")],-1),ke=s("p",null,"Update an existing file, and/or replace it\u2019s file contents.",-1),Ee=s("h3",{id:"query-parameters-4",tabindex:"-1"},[s("a",{class:"header-anchor",href:"#query-parameters-4"},"#"),e(" Query Parameters")],-1),Re=s("h3",{id:"request-body-1",tabindex:"-1"},[s("a",{class:"header-anchor",href:"#request-body-1"},"#"),e(" Request Body")],-1),Ae=s("p",null,[e("You can either submit a JSON object consisting of a partial "),s("a",{href:"#the-file-object"},"file object"),e(" to update the file meta, or send a multipart/form-data request to replace the file contents on disk. See "),s("a",{href:"#upload-a-file"},"Upload a File"),e(" for more information on the structure of this "),s("code",null,"multipart/form-data"),e(" request.")],-1),Se=s("h3",{id:"returns-4",tabindex:"-1"},[s("a",{class:"header-anchor",href:"#returns-4"},"#"),e(" Returns")],-1),De=s("p",null,[e("Returns the "),s("a",{href:"#the-file-object"},"file object"),e(" for the updated file.")],-1),Pe=s("h3",{id:"rest-api-3",tabindex:"-1"},[s("a",{class:"header-anchor",href:"#rest-api-3"},"#"),e(" REST API")],-1),Ie=s("pre",null,[s("code",{class:"language-txt"},`PATCH /files/:id
-`)],-1),Ce=s("h5",{id:"example-6",tabindex:"-1"},[s("a",{class:"header-anchor",href:"#example-6"},"#"),e(" Example")],-1),Fe=s("pre",null,[s("code",{class:"language-json"},[s("span",{class:"hljs-comment"},"// PATCH /files/0fca80c4-d61c-4404-9fd7-6ba86b64154d"),e(`
-
-`),s("span",{class:"hljs-punctuation"},"{"),e(`
-	`),s("span",{class:"hljs-attr"},'"title"'),s("span",{class:"hljs-punctuation"},":"),e(),s("span",{class:"hljs-string"},'"Example"'),e(`
-`),s("span",{class:"hljs-punctuation"},"}"),e(`
-`)])],-1),Oe=s("h3",{id:"graphql-3",tabindex:"-1"},[s("a",{class:"header-anchor",href:"#graphql-3"},"#"),e(" GraphQL")],-1),Qe=s("pre",null,[s("code",{class:"language-txt"},`POST /graphql/system
-`)],-1),Le=s("pre",null,[s("code",{class:"language-graphql"},[s("span",{class:"hljs-keyword"},"type"),s("span",{class:"hljs-type"}," Mutation"),e(` {
-	update_files_item(id:`),s("span",{class:"hljs-literal"}," ID"),e(`!, data: update_directus_files_input!): directus_files
-}
-`)])],-1),Xe=s("h5",{id:"example-7",tabindex:"-1"},[s("a",{class:"header-anchor",href:"#example-7"},"#"),e(" Example")],-1),Be=s("pre",null,[s("code",{class:"language-graphql"},[s("span",{class:"hljs-keyword"},"mutation"),e(` {
-	update_files_item(id: `),s("span",{class:"hljs-string"},'"0fca80c4-d61c-4404-9fd7-6ba86b64154d"'),e(", data: { title: "),s("span",{class:"hljs-string"},'"Example"'),e(` }) {
-		id
-		title
-	}
-}
-`)])],-1),Ue=s("hr",null,null,-1),Ye=s("h2",{id:"update-multiple-files",tabindex:"-1"},[s("a",{class:"header-anchor",href:"#update-multiple-files"},"#"),e(" Update Multiple Files")],-1),Ge=s("p",null,"Update multiple files at the same time.",-1),Me=s("h3",{id:"query-parameters-5",tabindex:"-1"},[s("a",{class:"header-anchor",href:"#query-parameters-5"},"#"),e(" Query Parameters")],-1),ze=s("h3",{id:"request-body-2",tabindex:"-1"},[s("a",{class:"header-anchor",href:"#request-body-2"},"#"),e(" Request Body")],-1),Ne=s("p",null,[s("code",null,"keys"),e(),s("strong",null,"Required"),s("br"),e(" Array of primary keys of the files you\u2019d like to update.")],-1),Ze=s("p",null,[s("code",null,"data"),e(),s("strong",null,"Required"),s("br"),e(" Any of "),s("a",{href:"#the-file-object"},"the file object"),e("\u2019s properties.")],-1),He=s("h3",{id:"returns-5",tabindex:"-1"},[s("a",{class:"header-anchor",href:"#returns-5"},"#"),e(" Returns")],-1),We=s("p",null,[e("Returns the "),s("a",{href:"#the-file-object"},"file objects"),e(" for the updated files.")],-1),Ke=s("h3",{id:"rest-api-4",tabindex:"-1"},[s("a",{class:"header-anchor",href:"#rest-api-4"},"#"),e(" REST API")],-1),Je=s("pre",null,[s("code",{class:"language-txt"},`PATCH /files
-`)],-1),Ve=s("h5",{id:"example-8",tabindex:"-1"},[s("a",{class:"header-anchor",href:"#example-8"},"#"),e(" Example")],-1),$e=s("pre",null,[s("code",{class:"language-json"},[s("span",{class:"hljs-comment"},"// PATCH /files"),e(`
-
-`),s("span",{class:"hljs-punctuation"},"{"),e(`
-	`),s("span",{class:"hljs-attr"},'"keys"'),s("span",{class:"hljs-punctuation"},":"),e(),s("span",{class:"hljs-punctuation"},"["),s("span",{class:"hljs-string"},'"b6123925-2fc0-4a30-9d86-863eafc0a6e7"'),s("span",{class:"hljs-punctuation"},","),e(),s("span",{class:"hljs-string"},'"d17c10aa-0bad-4864-9296-84f522c753e5"'),s("span",{class:"hljs-punctuation"},"]"),s("span",{class:"hljs-punctuation"},","),e(`
-	`),s("span",{class:"hljs-attr"},'"data"'),s("span",{class:"hljs-punctuation"},":"),e(),s("span",{class:"hljs-punctuation"},"{"),e(`
-		`),s("span",{class:"hljs-attr"},'"tags"'),s("span",{class:"hljs-punctuation"},":"),e(),s("span",{class:"hljs-punctuation"},"["),s("span",{class:"hljs-string"},'"cities"'),s("span",{class:"hljs-punctuation"},"]"),e(`
-	`),s("span",{class:"hljs-punctuation"},"}"),e(`
-`),s("span",{class:"hljs-punctuation"},"}"),e(`
-`)])],-1),sa=s("h3",{id:"graphql-4",tabindex:"-1"},[s("a",{class:"header-anchor",href:"#graphql-4"},"#"),e(" GraphQL")],-1),ea=s("pre",null,[s("code",{class:"language-txt"},`POST /graphql/system
-`)],-1),aa=s("pre",null,[s("code",{class:"language-graphql"},[s("span",{class:"hljs-keyword"},"type"),s("span",{class:"hljs-type"}," Mutation"),e(` {
-	update_files_items(ids: `),s("span",{class:"hljs-literal"},"[ID"),e(`!]!, data: update_directus_files!): [directus_files]
-}
-`)])],-1),ta=s("h5",{id:"example-9",tabindex:"-1"},[s("a",{class:"header-anchor",href:"#example-9"},"#"),e(" Example")],-1),na=s("pre",null,[s("code",{class:"language-graphql"},[s("span",{class:"hljs-keyword"},"mutation"),e(` {
-	update_files_items(
-		ids: [`),s("span",{class:"hljs-string"},'"b6123925-2fc0-4a30-9d86-863eafc0a6e7"'),e(", "),s("span",{class:"hljs-string"},'"d17c10aa-0bad-4864-9296-84f522c753e5"'),e(`]
-		data: { tags: [`),s("span",{class:"hljs-string"},'"cities"'),e(`] }
-	)
-}
-`)])],-1),la=s("hr",null,null,-1),oa=s("h2",{id:"delete-a-file",tabindex:"-1"},[s("a",{class:"header-anchor",href:"#delete-a-file"},"#"),e(" Delete a File")],-1),ia=s("p",null,"Delete an existing file.",-1),ra=s("div",{class:"danger hint"},[s("div",{class:"hint-title"},"Destructive"),s("p",null,"This will also delete the file from disk.")],-1),ca=s("h3",{id:"query-parameters-6",tabindex:"-1"},[s("a",{class:"header-anchor",href:"#query-parameters-6"},"#"),e(" Query Parameters")],-1),ha=s("h3",{id:"returns-6",tabindex:"-1"},[s("a",{class:"header-anchor",href:"#returns-6"},"#"),e(" Returns")],-1),da=s("p",null,"Empty response.",-1),ua=s("h3",{id:"rest-api-5",tabindex:"-1"},[s("a",{class:"header-anchor",href:"#rest-api-5"},"#"),e(" REST API")],-1),pa=s("pre",null,[s("code",{class:"language-txt"},`DELETE /files/:id
-`)],-1),_a=s("h5",{id:"example-10",tabindex:"-1"},[s("a",{class:"header-anchor",href:"#example-10"},"#"),e(" Example")],-1),fa=s("pre",null,[s("code",{class:"language-txt"},`DELETE /files/0fca80c4-d61c-4404-9fd7-6ba86b64154d
-`)],-1),ma=s("h3",{id:"graphql-5",tabindex:"-1"},[s("a",{class:"header-anchor",href:"#graphql-5"},"#"),e(" GraphQL")],-1),ga=s("pre",null,[s("code",{class:"language-txt"},`POST /graphql/system
-`)],-1),ja=s("pre",null,[s("code",{class:"language-graphql"},[s("span",{class:"hljs-keyword"},"type"),s("span",{class:"hljs-type"}," Mutation"),e(` {
-	delete_files_item(id:`),s("span",{class:"hljs-literal"}," ID"),e(`!): delete_one
-}
-`)])],-1),ba=s("pre",null,[s("code",{class:"language-graphql"},[s("span",{class:"hljs-keyword"},"mutation"),e(` {
-	delete_files_item(id: `),s("span",{class:"hljs-string"},'"0fca80c4-d61c-4404-9fd7-6ba86b64154d"'),e(`) {
-		id
-	}
-}
-`)])],-1),ya=s("hr",null,null,-1),xa=s("h2",{id:"delete-multiple-files",tabindex:"-1"},[s("a",{class:"header-anchor",href:"#delete-multiple-files"},"#"),e(" Delete Multiple Files")],-1),qa=s("p",null,"Delete multiple files at once.",-1),wa=s("div",{class:"danger hint"},[s("div",{class:"hint-title"},"Destructive"),s("p",null,"This will also delete the files from disk.")],-1),va=s("h3",{id:"request-body-3",tabindex:"-1"},[s("a",{class:"header-anchor",href:"#request-body-3"},"#"),e(" Request Body")],-1),Ta=s("p",null,"Array of file primary keys",-1),ka=s("h3",{id:"returns-7",tabindex:"-1"},[s("a",{class:"header-anchor",href:"#returns-7"},"#"),e(" Returns")],-1),Ea=s("p",null,"Empty response.",-1),Ra=s("h3",{id:"rest-api-6",tabindex:"-1"},[s("a",{class:"header-anchor",href:"#rest-api-6"},"#"),e(" REST API")],-1),Aa=s("pre",null,[s("code",{class:"language-txt"},`DELETE /files
-`)],-1),Sa=s("h5",{id:"example-11",tabindex:"-1"},[s("a",{class:"header-anchor",href:"#example-11"},"#"),e(" Example")],-1),Da=s("pre",null,[s("code",{class:"language-json"},[s("span",{class:"hljs-comment"},"// DELETE /files"),e(`
-
-`),s("span",{class:"hljs-punctuation"},"["),s("span",{class:"hljs-string"},'"d17c10aa-0bad-4864-9296-84f522c753e5"'),s("span",{class:"hljs-punctuation"},","),e(),s("span",{class:"hljs-string"},'"b6123925-2fc0-4a30-9d86-863eafc0a6e7"'),s("span",{class:"hljs-punctuation"},"]"),e(`
-`)])],-1),Pa=s("h3",{id:"graphql-6",tabindex:"-1"},[s("a",{class:"header-anchor",href:"#graphql-6"},"#"),e(" GraphQL")],-1),Ia=s("pre",null,[s("code",{class:"language-txt"},`POST /graphql/system
-`)],-1),Ca=s("pre",null,[s("code",{class:"language-graphql"},[s("span",{class:"hljs-keyword"},"type"),s("span",{class:"hljs-type"}," Mutation"),e(` {
-	delete_files_items(ids: `),s("span",{class:"hljs-literal"},"[ID"),e(`!]!): delete_many
-}
-`)])],-1),Fa=s("h5",{id:"example-12",tabindex:"-1"},[s("a",{class:"header-anchor",href:"#example-12"},"#"),e(" Example")],-1),Oa=s("pre",null,[s("code",{class:"language-graphql"},[s("span",{class:"hljs-keyword"},"mutation"),e(` {
-	delete_files_items(ids: [`),s("span",{class:"hljs-string"},'"d17c10aa-0bad-4864-9296-84f522c753e5"'),e(", "),s("span",{class:"hljs-string"},'"b6123925-2fc0-4a30-9d86-863eafc0a6e7"'),e(`]) {
-		ids
-	}
-}
-`)])],-1),Ua="Accessing Files",Ya=!1,Ga="REST and GraphQL API documentation for file access and management in Directus.",Ma="10 min read",za="page-reference",Na={__name:"files",setup(Qa,{expose:i}){const l={title:"Accessing Files",modularExtension:!1,description:"REST and GraphQL API documentation for file access and management in Directus.",readTime:"10 min read",pageClass:"page-reference"};return i({frontmatter:l}),(La,Xa)=>{const t=o("router-link"),r=o("docs-wrapper");return c(),h(r,{frontmatter:l},{default:a(()=>[s("div",d,[u,p,_,f,m,g,j,b,y,x,q,w,v,T,k,E,R,s("ul",null,[s("li",null,[A,e(" \u2014 This "),S,e(" of the "),n(t,{to:"/docs/configuration/project-settings#files-thumbnails"},{default:a(()=>[e("Storage Asset Preset")]),_:1}),e(", a shortcut for the below parameters")])]),D,P,I,C,F,O,Q,L,X,B,U,Y,G,M,z,N,Z,H,W,K,J,V,s("p",null,[$,e(),ss,es,e(" What (virtual) folder the file is in. Many-to-one to "),n(t,{to:"/docs/reference/system/folders"},{default:a(()=>[e("folders")]),_:1}),e(".")]),s("p",null,[as,e(),ts,ns,e(" Who uploaded the file. Many-to-one to "),n(t,{to:"/docs/reference/system/users"},{default:a(()=>[e("users")]),_:1}),e(".")]),ls,s("p",null,[os,e(),is,rs,e(" Who updated the file last. Many-to-one to "),n(t,{to:"/docs/reference/system/users"},{default:a(()=>[e("users")]),_:1}),e(".")]),cs,hs,ds,us,ps,_s,fs,ms,gs,js,bs,ys,xs,s("p",null,[e("Supports all "),n(t,{to:"/docs/reference/query"},{default:a(()=>[e("global query parameters")]),_:1}),e(".")]),qs,s("p",null,[e("An array of up to "),n(t,{to:"/docs/reference/query#limit"},{default:a(()=>[e("limit")]),_:1}),e(),ws,e(". If no items are available, data will be an empty array.")]),vs,Ts,s("p",null,[n(t,{to:"/docs/reference/introduction#search-http-method"},{default:a(()=>[e("Learn more about SEARCH ->")]),_:1})]),ks,Es,Rs,As,Ss,Ds,Ps,Is,Cs,s("p",null,[e("Supports all "),n(t,{to:"/docs/reference/query"},{default:a(()=>[e("global query parameters")]),_:1}),e(".")]),Fs,Os,Qs,Ls,Xs,Bs,Us,Ys,Gs,Ms,zs,Ns,Zs,Hs,Ws,Ks,Js,Vs,$s,se,ee,s("p",null,[e("Supports all "),n(t,{to:"/docs/reference/query"},{default:a(()=>[e("global query parameters")]),_:1}),e(".")]),ae,te,ne,le,oe,ie,re,ce,s("p",null,[e("Supports all "),n(t,{to:"/docs/reference/query"},{default:a(()=>[e("global query parameters")]),_:1}),e(".")]),he,de,ue,pe,_e,fe,me,ge,je,be,ye,xe,qe,we,ve,Te,ke,Ee,s("p",null,[e("Supports all "),n(t,{to:"/docs/reference/query"},{default:a(()=>[e("global query parameters")]),_:1}),e(".")]),Re,Ae,Se,De,Pe,Ie,Ce,Fe,Oe,Qe,Le,Xe,Be,Ue,Ye,Ge,Me,s("p",null,[e("Supports all "),n(t,{to:"/docs/reference/query"},{default:a(()=>[e("global query parameters")]),_:1}),e(".")]),ze,Ne,Ze,He,We,Ke,Je,Ve,$e,sa,ea,aa,ta,na,la,oa,ia,ra,ca,s("p",null,[e("Supports all "),n(t,{to:"/docs/reference/query"},{default:a(()=>[e("global query parameters")]),_:1}),e(".")]),ha,da,ua,pa,_a,fa,ma,ga,ja,ba,ya,xa,qa,wa,va,Ta,ka,Ea,Ra,Aa,Sa,Da,Pa,Ia,Ca,Fa,Oa])]),_:1})}}};export{Na as default,Ga as description,Ya as modularExtension,za as pageClass,Ma as readTime,Ua as title};

package/dist/assets/filter-rules.118f4702.js

@@ -1,85 +0,0 @@
-import{a as l,o as c,e as i,y as a,u as t,q as n,z as r}from"./runtime-core.esm-bundler.22ec0346.js";const p={class:"markdown-body"},h=t("blockquote",null,[t("p",null,[n("Permissions, validation, and the API\u2019s "),t("code",null,"filter"),n(" parameter all rely on a specific JSON structure to define their rules. This page describes the syntax for creating flat, relational, or complex filter rules.")])],-1),d=t("h2",{id:"syntax",tabindex:"-1"},[t("a",{class:"header-anchor",href:"#syntax"},"#"),n(" Syntax")],-1),j=t("ul",null,[t("li",null,[t("strong",null,"Field"),n(" \u2014 Any valid root field, "),t("a",{href:"#relational"},"relational field"),n(", or "),t("a",{href:"#logical-operators"},"logical operator")]),t("li",null,[t("strong",null,"Operator"),n(" \u2014 Any valid "),t("a",{href:"#filter-operators"},"filter operator")]),t("li",null,[t("strong",null,"Value"),n(" \u2014 Any valid static value, or "),t("a",{href:"#dynamic-variables"},"dynamic variable")])],-1),_=t("pre",null,[t("code",null,`{
-	<field>: {
-		<operator>: <value>
-	}
-}
-`)],-1),f=t("h3",{id:"examples",tabindex:"-1"},[t("a",{class:"header-anchor",href:"#examples"},"#"),n(" Examples")],-1),m=t("pre",null,[t("code",{class:"language-json"},[t("span",{class:"hljs-punctuation"},"{"),n(`
-	`),t("span",{class:"hljs-attr"},'"title"'),t("span",{class:"hljs-punctuation"},":"),n(),t("span",{class:"hljs-punctuation"},"{"),n(`
-		`),t("span",{class:"hljs-attr"},'"_contains"'),t("span",{class:"hljs-punctuation"},":"),n(),t("span",{class:"hljs-string"},'"Directus"'),n(`
-	`),t("span",{class:"hljs-punctuation"},"}"),n(`
-`),t("span",{class:"hljs-punctuation"},"}"),n(`
-`)])],-1),g=t("pre",null,[t("code",{class:"language-json"},[t("span",{class:"hljs-punctuation"},"{"),n(`
-	`),t("span",{class:"hljs-attr"},'"owner"'),t("span",{class:"hljs-punctuation"},":"),n(),t("span",{class:"hljs-punctuation"},"{"),n(`
-		`),t("span",{class:"hljs-attr"},'"_eq"'),t("span",{class:"hljs-punctuation"},":"),n(),t("span",{class:"hljs-string"},'"$CURRENT_USER"'),n(`
-	`),t("span",{class:"hljs-punctuation"},"}"),n(`
-`),t("span",{class:"hljs-punctuation"},"}"),n(`
-`)])],-1),b=t("pre",null,[t("code",{class:"language-json"},[t("span",{class:"hljs-punctuation"},"{"),n(`
-	`),t("span",{class:"hljs-attr"},'"datetime"'),t("span",{class:"hljs-punctuation"},":"),n(),t("span",{class:"hljs-punctuation"},"{"),n(`
-		`),t("span",{class:"hljs-attr"},'"_lte"'),t("span",{class:"hljs-punctuation"},":"),n(),t("span",{class:"hljs-string"},'"$NOW"'),n(`
-	`),t("span",{class:"hljs-punctuation"},"}"),n(`
-`),t("span",{class:"hljs-punctuation"},"}"),n(`
-`)])],-1),y=t("h2",{id:"filter-operators",tabindex:"-1"},[t("a",{class:"header-anchor",href:"#filter-operators"},"#"),n(" Filter Operators")],-1),v=t("table",null,[t("thead",null,[t("tr",null,[t("th",null,[n("Operator Title "),t("em",null,"(in app)")]),t("th",null,"Operator"),t("th",null,"Description")])]),t("tbody",null,[t("tr",null,[t("td",null,"Equals"),t("td",null,[t("code",null,"_eq")]),t("td",null,"Equal to")]),t("tr",null,[t("td",null,"Doesn\u2019t equal"),t("td",null,[t("code",null,"_neq")]),t("td",null,"Not equal to")]),t("tr",null,[t("td",null,"Less than"),t("td",null,[t("code",null,"_lt")]),t("td",null,"Less than")]),t("tr",null,[t("td",null,"Less than or equal to"),t("td",null,[t("code",null,"_lte")]),t("td",null,"Less than or equal to")]),t("tr",null,[t("td",null,"Greater than"),t("td",null,[t("code",null,"_gt")]),t("td",null,"Greater than")]),t("tr",null,[t("td",null,"Greater than or equal to"),t("td",null,[t("code",null,"_gte")]),t("td",null,"Greater than or equal to")]),t("tr",null,[t("td",null,"Is one of"),t("td",null,[t("code",null,"_in")]),t("td",null,"Matches any of the values")]),t("tr",null,[t("td",null,"Is not one of"),t("td",null,[t("code",null,"_nin")]),t("td",null,"Doesn\u2019t match any of the values")]),t("tr",null,[t("td",null,"Is null"),t("td",null,[t("code",null,"_null")]),t("td",null,[n("Is "),t("code",null,"null")])]),t("tr",null,[t("td",null,"Isn\u2019t null"),t("td",null,[t("code",null,"_nnull")]),t("td",null,[n("Is not "),t("code",null,"null")])]),t("tr",null,[t("td",null,"Contains"),t("td",null,[t("code",null,"_contains")]),t("td",null,"Contains the substring")]),t("tr",null,[t("td",null,"Doesn\u2019t contain"),t("td",null,[t("code",null,"_ncontains")]),t("td",null,"Doesn\u2019t contain the substring")]),t("tr",null,[t("td",null,"Starts with"),t("td",null,[t("code",null,"_starts_with")]),t("td",null,"Starts with")]),t("tr",null,[t("td",null,"Doesn\u2019t start with"),t("td",null,[t("code",null,"_nstarts_with")]),t("td",null,"Doesn\u2019t start with")]),t("tr",null,[t("td",null,"Ends with"),t("td",null,[t("code",null,"_ends_with")]),t("td",null,"Ends with")]),t("tr",null,[t("td",null,"Doesn\u2019t end with"),t("td",null,[t("code",null,"_nends_with")]),t("td",null,"Doesn\u2019t end with")]),t("tr",null,[t("td",null,"Is between"),t("td",null,[t("code",null,"_between")]),t("td",null,"Is between two values (inclusive)")]),t("tr",null,[t("td",null,"Isn\u2019t between"),t("td",null,[t("code",null,"_nbetween")]),t("td",null,"Is not between two values (inclusive)")]),t("tr",null,[t("td",null,"Is empty"),t("td",null,[t("code",null,"_empty")]),t("td",null,[n("Is empty ("),t("code",null,"null"),n(" or falsy)")])]),t("tr",null,[t("td",null,"Isn\u2019t empty"),t("td",null,[t("code",null,"_nempty")]),t("td",null,[n("Is not empty ("),t("code",null,"null"),n(" or falsy)")])]),t("tr",null,[t("td",null,"Intersects"),t("td",null,[t("code",null,"_intersects"),n(),t("sup",null,"[1]")]),t("td",null,"Value intersects a given point")]),t("tr",null,[t("td",null,"Doesn\u2019t intersect"),t("td",null,[t("code",null,"_nintersects"),n(),t("sup",null,"[1]")]),t("td",null,"Value does not intersect a given point")]),t("tr",null,[t("td",null,"Intersects Bounding box"),t("td",null,[t("code",null,"_intersects_bbox"),n(),t("sup",null,"[1]")]),t("td",null,"Value is in a bounding box")]),t("tr",null,[t("td",null,"Doesn\u2019t intersect bounding box"),t("td",null,[t("code",null,"_nintersects_bbox"),n(),t("sup",null,"[1]")]),t("td",null,"Value is not in a bounding box")])])],-1),R=t("p",null,[n("The following operator has no Title on the Filter Interface as it is "),t("strong",null,"only available in validation permissions"),n(":")],-1),w=t("table",null,[t("thead",null,[t("tr",null,[t("th",null,"Operator"),t("th",null,"Description")])]),t("tbody",null,[t("tr",null,[t("td",null,[t("code",null,"_regex"),n(),t("sup",null,"[2]")]),t("td",null,"Field has to match regex")])])],-1),x=t("p",null,[t("sup",null,"[1]"),n(" Only available on Geometry types."),t("br"),t("sup",null,"[2]"),n(" JavaScript \u201Cflavor\u201D regex. Make sure to escape backslashes.")],-1),E=t("h2",{id:"relational",tabindex:"-1"},[t("a",{class:"header-anchor",href:"#relational"},"#"),n(" Relational")],-1),T=t("p",null,[n("You can target related values by nesting field names. For example, if you have a relational Many-to-One "),t("code",null,"author"),n(" field, you can set a rule for the "),t("code",null,"author.name"),n(" field using the following syntax.")],-1),I=t("pre",null,[t("code",{class:"language-json"},[t("span",{class:"hljs-punctuation"},"{"),n(`
-	`),t("span",{class:"hljs-attr"},'"author"'),t("span",{class:"hljs-punctuation"},":"),n(),t("span",{class:"hljs-punctuation"},"{"),n(`
-		`),t("span",{class:"hljs-attr"},'"name"'),t("span",{class:"hljs-punctuation"},":"),n(),t("span",{class:"hljs-punctuation"},"{"),n(`
-			`),t("span",{class:"hljs-attr"},'"_eq"'),t("span",{class:"hljs-punctuation"},":"),n(),t("span",{class:"hljs-string"},'"Rijk van Zanten"'),n(`
-		`),t("span",{class:"hljs-punctuation"},"}"),n(`
-	`),t("span",{class:"hljs-punctuation"},"}"),n(`
-`),t("span",{class:"hljs-punctuation"},"}"),n(`
-`)])],-1),N=t("p",null,[n("When using M2M relationships, a junction table will be created and the filter applies to the junction table itself. For example, if you have a "),t("code",null,"books"),n(" collection, with a M2M relationship to authors of each book, the junction collection will probably be named "),t("code",null,"books_authors"),n(" and have 3 fields : "),t("code",null,"id"),n(", "),t("code",null,"books_id"),n(" and "),t("code",null,"authors_id"),n(". To filter specific books depending on their authors you must go through the junction table and the "),t("code",null,"authors_id"),n(" field :")],-1),q=t("pre",null,[t("code",{class:"language-json"},[t("span",{class:"hljs-punctuation"},"{"),n(`
-	`),t("span",{class:"hljs-attr"},'"authors"'),t("span",{class:"hljs-punctuation"},":"),n(),t("span",{class:"hljs-punctuation"},"{"),n(`
-		`),t("span",{class:"hljs-attr"},'"authors_id"'),t("span",{class:"hljs-punctuation"},":"),n(),t("span",{class:"hljs-punctuation"},"{"),n(`
-			`),t("span",{class:"hljs-attr"},'"name"'),t("span",{class:"hljs-punctuation"},":"),n(),t("span",{class:"hljs-punctuation"},"{"),n(`
-				`),t("span",{class:"hljs-attr"},'"_eq"'),t("span",{class:"hljs-punctuation"},":"),n(),t("span",{class:"hljs-string"},'"Rijk van Zanten"'),n(`
-			`),t("span",{class:"hljs-punctuation"},"}"),n(`
-		`),t("span",{class:"hljs-punctuation"},"}"),n(`
-	`),t("span",{class:"hljs-punctuation"},"}"),n(`
-`),t("span",{class:"hljs-punctuation"},"}"),n(`
-`)])],-1),O=t("h2",{id:"logical-operators",tabindex:"-1"},[t("a",{class:"header-anchor",href:"#logical-operators"},"#"),n(" Logical Operators")],-1),D=t("p",null,[n("You can nest or group multiple rules using the "),t("code",null,"_and"),n(" or "),t("code",null,"_or"),n(" logical operators. Each logical operator holds an array of Filter Rules, allowing for more complex filtering. Also note in the example that Logical Operators can be sub-nested into Logical Operators. However, they cannot be sub-nested into Filter Rules.")],-1),k=t("pre",null,[t("code",{class:"language-json"},[t("span",{class:"hljs-punctuation"},"{"),n(`
-	`),t("span",{class:"hljs-attr"},'"_or"'),t("span",{class:"hljs-punctuation"},":"),n(),t("span",{class:"hljs-punctuation"},"["),n(`
-		`),t("span",{class:"hljs-punctuation"},"{"),n(`
-			`),t("span",{class:"hljs-attr"},'"_and"'),t("span",{class:"hljs-punctuation"},":"),n(),t("span",{class:"hljs-punctuation"},"["),n(`
-				`),t("span",{class:"hljs-punctuation"},"{"),n(`
-					`),t("span",{class:"hljs-attr"},'"user_created"'),t("span",{class:"hljs-punctuation"},":"),n(),t("span",{class:"hljs-punctuation"},"{"),n(`
-						`),t("span",{class:"hljs-attr"},'"_eq"'),t("span",{class:"hljs-punctuation"},":"),n(),t("span",{class:"hljs-string"},'"$CURRENT_USER"'),n(`
-					`),t("span",{class:"hljs-punctuation"},"}"),n(`
-				`),t("span",{class:"hljs-punctuation"},"}"),t("span",{class:"hljs-punctuation"},","),n(`
-				`),t("span",{class:"hljs-punctuation"},"{"),n(`
-					`),t("span",{class:"hljs-attr"},'"status"'),t("span",{class:"hljs-punctuation"},":"),n(),t("span",{class:"hljs-punctuation"},"{"),n(`
-						`),t("span",{class:"hljs-attr"},'"_in"'),t("span",{class:"hljs-punctuation"},":"),n(),t("span",{class:"hljs-punctuation"},"["),t("span",{class:"hljs-string"},'"published"'),t("span",{class:"hljs-punctuation"},","),n(),t("span",{class:"hljs-string"},'"draft"'),t("span",{class:"hljs-punctuation"},"]"),n(`
-					`),t("span",{class:"hljs-punctuation"},"}"),n(`
-				`),t("span",{class:"hljs-punctuation"},"}"),n(`
-			`),t("span",{class:"hljs-punctuation"},"]"),n(`
-		`),t("span",{class:"hljs-punctuation"},"}"),t("span",{class:"hljs-punctuation"},","),n(`
-		`),t("span",{class:"hljs-punctuation"},"{"),n(`
-			`),t("span",{class:"hljs-attr"},'"_and"'),t("span",{class:"hljs-punctuation"},":"),n(),t("span",{class:"hljs-punctuation"},"["),n(`
-				`),t("span",{class:"hljs-punctuation"},"{"),n(`
-					`),t("span",{class:"hljs-attr"},'"user_created"'),t("span",{class:"hljs-punctuation"},":"),n(),t("span",{class:"hljs-punctuation"},"{"),n(`
-						`),t("span",{class:"hljs-attr"},'"_neq"'),t("span",{class:"hljs-punctuation"},":"),n(),t("span",{class:"hljs-string"},'"$CURRENT_USER"'),n(`
-					`),t("span",{class:"hljs-punctuation"},"}"),n(`
-				`),t("span",{class:"hljs-punctuation"},"}"),t("span",{class:"hljs-punctuation"},","),n(`
-				`),t("span",{class:"hljs-punctuation"},"{"),n(`
-					`),t("span",{class:"hljs-attr"},'"status"'),t("span",{class:"hljs-punctuation"},":"),n(),t("span",{class:"hljs-punctuation"},"{"),n(`
-						`),t("span",{class:"hljs-attr"},'"_in"'),t("span",{class:"hljs-punctuation"},":"),n(),t("span",{class:"hljs-punctuation"},"["),t("span",{class:"hljs-string"},'"published"'),t("span",{class:"hljs-punctuation"},"]"),n(`
-					`),t("span",{class:"hljs-punctuation"},"}"),n(`
-				`),t("span",{class:"hljs-punctuation"},"}"),n(`
-			`),t("span",{class:"hljs-punctuation"},"]"),n(`
-		`),t("span",{class:"hljs-punctuation"},"}"),n(`
-	`),t("span",{class:"hljs-punctuation"},"]"),n(`
-`),t("span",{class:"hljs-punctuation"},"}"),n(`
-`)])],-1),U=t("h3",{id:"some-vs-none-in-one-to-many",tabindex:"-1"},[t("a",{class:"header-anchor",href:"#some-vs-none-in-one-to-many"},"#"),n(" Some vs None in One-to-Many")],-1),F=t("p",null,"When applying filters to a one-to-many field, Directus will default to a \u201Csome\u201D search, for example in:",-1),S=t("pre",null,[t("code",{class:"language-json"},[t("span",{class:"hljs-punctuation"},"{"),n(`
-	`),t("span",{class:"hljs-attr"},'"categories"'),t("span",{class:"hljs-punctuation"},":"),n(),t("span",{class:"hljs-punctuation"},"{"),n(`
-		`),t("span",{class:"hljs-attr"},'"name"'),t("span",{class:"hljs-punctuation"},":"),n(),t("span",{class:"hljs-punctuation"},"{"),n(`
-			`),t("span",{class:"hljs-attr"},'"_eq"'),t("span",{class:"hljs-punctuation"},":"),n(),t("span",{class:"hljs-string"},'"Recipe"'),n(`
-		`),t("span",{class:"hljs-punctuation"},"}"),n(`
-	`),t("span",{class:"hljs-punctuation"},"}"),n(`
-`),t("span",{class:"hljs-punctuation"},"}"),n(`
-`)])],-1),$=t("p",null,[n("the top level parent will be returned if "),t("em",null,"one of"),n(" the categories has the name "),t("code",null,"Recipe"),n(". This behavior can be overridden by using the explicit "),t("code",null,"_some"),n(" and "),t("code",null,"_none"),n(" operators, for example:")],-1),C=t("pre",null,[t("code",{class:"language-json"},[t("span",{class:"hljs-punctuation"},"{"),n(`
-	`),t("span",{class:"hljs-attr"},'"categories"'),t("span",{class:"hljs-punctuation"},":"),n(),t("span",{class:"hljs-punctuation"},"{"),n(`
-		`),t("span",{class:"hljs-attr"},'"_none"'),t("span",{class:"hljs-punctuation"},":"),n(),t("span",{class:"hljs-punctuation"},"{"),n(`
-			`),t("span",{class:"hljs-attr"},'"name"'),t("span",{class:"hljs-punctuation"},":"),n(),t("span",{class:"hljs-punctuation"},"{"),n(`
-				`),t("span",{class:"hljs-attr"},'"_eq"'),t("span",{class:"hljs-punctuation"},":"),n(),t("span",{class:"hljs-string"},'"Recipe"'),n(`
-			`),t("span",{class:"hljs-punctuation"},"}"),n(`
-		`),t("span",{class:"hljs-punctuation"},"}"),n(`
-	`),t("span",{class:"hljs-punctuation"},"}"),n(`
-`),t("span",{class:"hljs-punctuation"},"}"),n(`
-`)])],-1),L=t("p",null,"will fetch all parent items that don\u2019t have the category \u201CRecipe\u201D",-1),V=t("h2",{id:"dynamic-variables",tabindex:"-1"},[t("a",{class:"header-anchor",href:"#dynamic-variables"},"#"),n(" Dynamic Variables")],-1),M=t("p",null,[n("In addition to static values, you can also filter against "),t("em",null,"dynamic"),n(" values using the following variables.")],-1),W=t("ul",null,[t("li",null,[t("code",null,"$CURRENT_USER"),n(" \u2014 The primary key of the currently authenticated user")]),t("li",null,[t("code",null,"$CURRENT_ROLE"),n(" \u2014 The primary key of the role for the currently authenticated user")]),t("li",null,[t("code",null,"$NOW"),n(" \u2014 The current timestamp")]),t("li",null,[t("code",null,"$NOW(<adjustment>)"),n(" - The current timestamp plus/minus a given distance, for example "),t("code",null,"$NOW(-1 year)"),n(", "),t("code",null,"$NOW(+2 hours)")])],-1),A={class:"tip hint"},G=t("div",{class:"hint-title"},"Functions",-1),P=t("div",{class:"tip hint"},[t("div",{class:"hint-title"},"Nested User / Role variables in Permissions"),t("p",null,[n("When configuring permissions, "),t("code",null,"$CURRENT_USER"),n(" and "),t("code",null,"$CURRENT_ROLE"),n(" allow you to specify any (nested) field under the current user/role as well as the root ID. For example: "),t("code",null,"$CURRENT_ROLE.name"),n(" or "),t("code",null,"$CURRENT_USER.avatar.filesize"),n(". This includes custom fields that were added to the directus_users/directus_roles tables.")]),t("p",null,"Note: This feature is only available for permissions, validation, and presets. Regular filters and conditional fields currently only support the root ID.")],-1),Q="Filter Rules",Z=!1,H="REST and GraphQL API documentation for filter rules in Directus.",K="5 min read",X={__name:"filter-rules",setup(B,{expose:e}){const s={title:"Filter Rules",modularExtension:!1,description:"REST and GraphQL API documentation for filter rules in Directus.",readTime:"5 min read"};return e({frontmatter:s}),(Y,z)=>{const u=l("router-link"),o=l("docs-wrapper");return c(),i(o,{frontmatter:s},{default:a(()=>[t("div",p,[h,d,j,_,f,m,g,b,y,v,R,w,x,E,T,I,N,q,O,D,k,U,F,S,$,C,L,V,M,W,t("div",A,[G,t("p",null,[n("You can also use "),r(u,{to:"/docs/reference/query#functions"},{default:a(()=>[n("Function Parameters")]),_:1}),n(" when building Filters.")])]),P])]),_:1})}}};export{X as default,H as description,Z as modularExtension,K as readTime,Q as title};

package/dist/assets/filters.bbb1387c.js

@@ -1 +0,0 @@
-import{a as n,o as d,e as c,y as o,u as e,q as t,z as i}from"./runtime-core.esm-bundler.22ec0346.js";const u={class:"markdown-body"},h=e("blockquote",null,[e("p",null,"Filters allow you to conditionally select Items from a Collection. Use-cases include customizing Item search results, restricting Item access permissions for specific Users or Roles, building dashboard analytics with the Insights module, and more.")],-1),p=e("p",null,[e("img",{src:"https://cdn.directus.io/docs/v9/app-guide/filters/filters-20220303A/filters-20220303A.webp",alt:"Filters"})],-1),f={class:"warning hint"},m=e("div",{class:"hint-title"},"There Are Two Filters Documents",-1),_=e("h2",{id:"how-it-works",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#how-it-works"},"#"),t(" How it Works")],-1),y={class:"tip hint"},g=e("div",{class:"hint-title"},"Assumed Knowledge",-1),b=e("strong",null,"Field",-1),w=e("strong",null,"Value",-1),F=e("video",{autoplay:"",playsinline:"",muted:"",loop:"",controls:"",title:"How Filters Work"},[e("source",{src:"https://cdn.directus.io/docs/v9/app-guide/filters/filters-20220303A/how-filters-work-20220303A.mp4",type:"video/mp4"})],-1),v=e("ol",{start:"2"},[e("li",null,[t("Click "),e("span",{mi:"",icon:""},"filter_list"),t(" or "),e("strong",null,"\u201CAdd Filter\u201D"),t(".")]),e("li",null,"Select the Field to filter by."),e("li",null,"Select the Operator as desired."),e("li",null,"Define the Value to filter for.")],-1),C=e("p",null,[t("From here, you can set multiple Filters at once, filter by "),e("a",{href:"#filtering-by-related-collections"},"Fields in related Collections"),t(", set Values with "),e("a",{href:"#dynamic-variables"},"Dynamic Variables"),t(", as well as apply "),e("a",{href:"#and-or-groups"},"AND/OR Groups"),t(".")],-1),A={class:"tip hint"},k=e("div",{class:"hint-title"},"Operators",-1),x=e("a",{href:"#unfilterable-fields"},"Unfilterable Fields",-1),R=e("h2",{id:"and%2For-groups",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#and%2For-groups"},"#"),t(" AND/OR Groups")],-1),O=e("p",null,[e("code",null,"AND"),t(" Groups give the option to filter for Items that meet "),e("em",null,"all of several criteria"),t(". On the other hand, "),e("code",null,"OR"),t(" Groups filter for Items that meet "),e("em",null,"any one of several criteria"),t(".")],-1),I=e("p",null,[e("img",{src:"https://cdn.directus.io/docs/v9/app-guide/filters/filters-20220303A/and-or-groups-20220303A.webp",alt:"AND/OR Groups"})],-1),D=e("ol",null,[e("li",null,"Click \u201CAdd Filter\u201D."),e("li",null,"Click \u201CAnd/OR Group\u201D at the very top of the dropdown menu."),e("li",null,[t("Click the AND/OR text to toggle: "),e("ul",null,[e("li",null,[e("code",null,"AND"),t(" \u2013 Selects Items that meet every single criteria.")]),e("li",null,[e("code",null,"OR"),t(" \u2013 Selects Items that meet one of several criteria.")])])]),e("li",null,"Click \u201CAdd Filter\u201D again."),e("li",null,"Configure the Field, Operator, and Value as desired."),e("li",null,[t("Click and hold "),e("span",{mi:"",icon:""},"drag_indicator"),t(" to drag a Filter and nest it under an AND/OR Group.")])],-1),N=e("div",{class:"tip hint"},[e("div",{class:"hint-title"},"Why do we need AND Groups?"),e("p",null,[t("Filters actually default to "),e("code",null,"AND"),t(" Group behavior automatically. However, when Filters are nested inside of an OR Group, they of course switch to "),e("code",null,"OR"),t(" Group behavior. So an AND Group is necessary in cases where you want to meet multiple conditions inside of OR Groups.")])],-1),G=e("h2",{id:"dynamic-variables",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#dynamic-variables"},"#"),t(" Dynamic Variables")],-1),T=e("p",null,"The following video shows how to filter for Blog posts written within the past 60 days.",-1),U=e("video",{autoplay:"",playsinline:"",muted:"",loop:"",controls:"",title:"How Filters Work"},[e("source",{src:"https://cdn.directus.io/docs/v9/app-guide/filters/filters-20220303A/dynamic-variables-20220307A.mp4",type:"video/mp4"})],-1),V=e("code",null,"$CURRENT_USER",-1),E=e("code",null,"$CURRENT_ROLE",-1),H=e("code",null,"$NOW",-1),S=e("code",null,"$NOW(<adjustment>)",-1),W=e("h2",{id:"filtering-by-related-collections",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#filtering-by-related-collections"},"#"),t(" Filtering by Related Collections")],-1),B=e("p",null,[t("You may need to run filters on one Collection "),e("em",null,"based on information in another related Collection"),t(". Here are a few examples of when that might happen:")],-1),z=e("ul",null,[e("li",null,[t("Book authors that also wrote screenplays (filters "),e("code",null,"authors"),t(", uses "),e("code",null,"screenplays"),t(").")]),e("li",null,[t("Products with a 5 star customer review (filters "),e("code",null,"products"),t(", uses "),e("code",null,"reviews"),t(").")]),e("li",null,[t("Accounts with active user login within the last 12 months (filters "),e("code",null,"accounts"),t(", uses "),e("code",null,"logins"),t(").")])],-1),$=e("p",null,[t("This can span across any number of relationally linked Collections. For example, you could filter for customers that bought rock songs, where the "),e("code",null,"customers"),t(" and "),e("code",null,"genres"),t(" Collections are linked by "),e("code",null,"customers"),t(" -> "),e("code",null,"invoices"),t(" -> "),e("code",null,"invoice-items"),t(" -> "),e("code",null,"tracks"),t(" -> "),e("code",null,"genres"),t(".")],-1),j=e("span",{mi:"",icon:""},"chevron_right",-1),q=e("p",null,"Here are step-by-step instructions on how to filter by Fields in other Collections:",-1),P=e("video",{autoplay:"",playsinline:"",muted:"",loop:"",controls:"",title:"How Filters Work"},[e("source",{src:"https://cdn.directus.io/docs/v9/app-guide/filters/filters-20220303A/filtering-by-related-collections-20220303A.mp4",type:"video/mp4"})],-1),L=e("ol",null,[e("li",null,"Click \u201CAdd Filter\u201D."),e("li",null,"Click the desired relational Field. This will pop down and display the related Collection Fields."),e("li",null,"Select a Field from this related Collection."),e("li",null,"Set the Operator and Value as desired.")],-1),Y=e("h2",{id:"unfilterable-fields",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#unfilterable-fields"},"#"),t(" Unfilterable Fields")],-1),K=e("p",null,[e("img",{src:"https://cdn.directus.io/docs/v9/app-guide/filters/filters-20220303A/unfilterable-fields-20220303A.webp",alt:"Unfilterable Fields"})],-1),M=e("p",null,[t("Not all Fields can be filtered. As seen above in "),e("a",{href:"#filtering-by-related-collections"},"Filtering by Related Collections"),t(", Alias Fields cannot be filtered; they instead provide a dropdown menu to access Fields from a related Collection. Additionally, the \u201CPresentation\u201D and \u201CGroup\u201D Fields cannot be filtered at all and will not appear as an option in Filters.")],-1),J=e("h2",{id:"extensibility-options",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#extensibility-options"},"#"),t(" Extensibility Options")],-1),Q=e("p",null,"Directus Core is completely open-source, modular and extensible. Extensions allow you to expand or modify any part of Directus to fit your needs. Here are some great resources to get started down that track.",-1),X=e("div",{class:"tip hint"},[e("div",{class:"hint-title"},"Accelerated Development"),e("p",null,[t("Working on an enterprise project and looking to outsource or financially sponsor the development of a Shares extension? Contact "),e("a",{href:"https://directus.io/contact",target:"_blank",rel:"noopener noreferrer"},"our team")])],-1),Z=e("h2",{id:"more-help",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#more-help"},"#"),t(" More Help")],-1),ee=e("p",null,[t("Looking for technical support for your non-enterprise project? Chat with thousands of engineers within our growing "),e("a",{href:"https://discord.com/invite/directus",target:"_blank",rel:"noopener noreferrer"},"Community on Discord")],-1),se="Filters",ne=!1,re="Filters allow you to conditionally select Items from a Collection. Use-cases include customizing Item search results restricting Item access permissions for specific Users or Roles, building dashboard analytics with the Insights module, and more.",ae="5 min read",de={__name:"filters",setup(te,{expose:r}){const s={title:"Filters",modularExtension:!1,description:"Filters allow you to conditionally select Items from a Collection. Use-cases include customizing Item search results restricting Item access permissions for specific Users or Roles, building dashboard analytics with the Insights module, and more.",readTime:"5 min read"};return r({frontmatter:s}),(oe,le)=>{const l=n("router-link"),a=n("docs-wrapper");return d(),c(a,{frontmatter:s},{default:o(()=>[e("div",u,[h,p,e("div",f,[m,e("p",null,[t("This page is a non-technical guide to using Filters. For more technical info, see "),i(l,{to:"/docs/reference/filter-rules"},{default:o(()=>[t("Filter-Rules")]),_:1}),t(".")])]),_,e("div",y,[g,e("p",null,[t("Filters are intuitive to use, but get quite nuanced as complexity increases. In order to use Filters effectively, you will need to understand the Field "),e("em",null,[t("(aka "),i(l,{to:"/docs/configuration/data-model"},{default:o(()=>[t("data model")]),_:1}),t(")")]),t(" being filtered as well as any relevant "),i(l,{to:"/docs/configuration/users-roles-permissions.md"},{default:o(()=>[t("Users, Roles and Permissions")]),_:1}),t(".")])]),e("p",null,[t("A basic filter is composed of 3 parts: A "),b,t(" from the Collection being Filtered, a logical "),i(l,{to:"/docs/reference/filter-rules#filter-operators"},{default:o(()=>[t("Operator")]),_:1}),t(", and some specified "),w,t(" to filter for within each Item\u2019s Field.")]),F,v,C,e("div",A,[k,e("p",null,[t("The Field type will determine the kinds of Operators that can be used on it. In fact, some Fields cannot be filtered at all (read more in "),x,t("). Once a Field is selected, the permitted operators will automatically display. An exhaustive list of Operators and what they do can be found in the more technical "),i(l,{to:"/docs/reference/filter-rules#filter-operators"},{default:o(()=>[t("Filter Rules")]),_:1}),t(" document.")])]),R,O,I,D,N,G,T,U,e("p",null,[t("The following Dynamic Variables are built into Directus to make Filtering easier: "),V,t(", "),E,t(", "),H,t(" and "),S,t(". For more information, please see the Dynamic Variables section in "),i(l,{to:"/docs/reference/filter-rules"},{default:o(()=>[t("Filter Rules")]),_:1}),t(".")]),W,B,z,$,e("p",null,[t("You will notice a "),j,t(" icon beside relational Fields. When you click on any "),i(l,{to:"/docs/getting-started/glossary#alias"},{default:o(()=>[t("Alias")]),_:1}),t(" Field, all the Fields for that associated Collection pop down. If you select one of these Fields, you can run Filters on the current Collection by Field values in a related Collection.")]),q,P,L,Y,K,M,J,Q,e("ul",null,[e("li",null,[i(l,{to:"/docs/extensions/introduction"},{default:o(()=>[t("Extensions > Introduction")]),_:1})]),e("li",null,[i(l,{to:"/docs/extensions/creating-extensions"},{default:o(()=>[t("Extensions > Creating Extensions")]),_:1})]),e("li",null,[i(l,{to:"/docs/contributing/introduction"},{default:o(()=>[t("Contributing > Introduction")]),_:1})]),e("li",null,[i(l,{to:"/docs/contributing/codebase-overview"},{default:o(()=>[t("Contributing > Codebase Overview")]),_:1})])]),X,Z,ee])]),_:1})}}};export{de as default,re as description,ne as modularExtension,ae as readTime,se as title};

package/dist/assets/flows-for-loop.52c26eba.js

@@ -1 +0,0 @@
-import{a as l,o as u,e as f,y as t,u as o,t as r,q as e,z as a}from"./runtime-core.esm-bundler.22ec0346.js";const h={class:"markdown-body"},p={class:"tip hint"},g={class:"hint-title"},_=o("strong",null,"Directus Version:",-1),w=o("h2",{id:"explanation",tabindex:"-1"},[o("a",{class:"header-anchor",href:"#explanation"},"#"),e(" Explanation")],-1),m=o("p",null,"Sometimes you may have an array of data you\u2019d like to iterate over and run operations on, one-by-one. However, you may have noticed that each operation in a flow executes just one time. Because of this, you can\u2019t create a \u201Cfor-loop\u201D within the operations of a single flow.",-1),y={class:"tip hint"},v=o("h2",{id:"the-recipe",tabindex:"-1"},[o("a",{class:"header-anchor",href:"#the-recipe"},"#"),e(" The Recipe")],-1),x=o("div",{class:"tip hint"},[o("div",{class:"hint-title"},"Requirements"),o("p",null,"You\u2019ll need a flow with an array of data on its data chain.")],-1),b=o("h3",{id:"configure-the-starting-flow",tabindex:"-1"},[o("a",{class:"header-anchor",href:"#configure-the-starting-flow"},"#"),e(" Configure the Starting Flow")],-1),k=o("li",null,[e("Under "),o("strong",null,"Payload"),e(", be sure to add the desired array.")],-1),C=o("li",null,"Save and exit the flow.",-1),E=o("h3",{id:"configure-the-%E2%80%9Cfor-loop%E2%80%9D-flow",tabindex:"-1"},[o("a",{class:"header-anchor",href:"#configure-the-%E2%80%9Cfor-loop%E2%80%9D-flow"},"#"),e(" Configure the \u201CFor-Loop\u201D Flow")],-1),F=o("p",null,"Once your starting flow is configured as desired, follow these steps.",-1),B=o("h2",{id:"final-tips",tabindex:"-1"},[o("a",{class:"header-anchor",href:"#final-tips"},"#"),e(" Final Tips")],-1),R=o("p",null,"Once your for-loop is configured, you can process the data several ways.",-1),T=o("p",null,[e("First, you could simple let the \u201Cfor-loop\u201D flow process each element in the "),o("strong",null,"Payload"),e(".")],-1),P=o("strong",null,"Response Body",-1),S=o("strong",null,"Response Body",-1),D=o("strong",null,"Response Body",-1),V=o("strong",null,"Response Body",-1),q=o("p",null,"Good luck and have fun! :cook:",-1),W="Flows For-Loop",$=!1,j="When most flows begin, they pass the trigger's payload to the data chain and execute once. This recipe explains how to execute a flow for each element in a payload's array.",A=[],H=null,O="9.18.1",z=null,G="Eron Powell",U={__name:"flows-for-loop",setup(I,{expose:c}){const i={title:"Flows For-Loop",modularExtension:!1,description:"When most flows begin, they pass the trigger's payload to the data chain and execute once. This recipe explains how to execute a flow for each element in a payload's array.",tags:[],skill_level:null,directus_version:"9.18.1",author_override:null,author:"Eron Powell"};return c({frontmatter:i}),(s,L)=>{const n=l("router-link"),d=l("docs-wrapper");return u(),f(d,{frontmatter:i},{default:t(()=>[o("div",h,[o("blockquote",null,[o("p",null,r(s.$frontmatter.description),1)]),o("div",p,[o("div",g,"Author: "+r(s.$frontmatter.author),1),o("p",null,[_,e(" "+r(s.$frontmatter.directus_version),1)])]),w,m,o("p",null,[e("However, to achieve a \u201Cfor-loop\u201D, you can instead use the "),a(n,{to:"/docs/configuration/flows/operations.md#trigger-flow"},{default:t(()=>[e("trigger flow")]),_:1}),e(" operation to pass the data into an "),a(n,{to:"/docs/configuration/flows/triggers.md#another-flow"},{default:t(()=>[e("another flow")]),_:1}),e(" trigger. When this type of trigger receives an array as a Payload, the flow runs for each item in the array individually.")]),o("div",y,[o("p",null,[e("Remember: for some use-cases, you can also iterate through data in a "),a(n,{to:"/docs/configuration/flows/operations.md#run-script"},{default:t(()=>[e("Run Script")]),_:1}),e(" operation.")])]),v,x,b,o("ol",null,[o("li",null,[e("Configure a "),a(n,{to:"/docs/configuration/flows.md#configure-a-flow"},{default:t(()=>[e("flow")]),_:1}),e(" a "),a(n,{to:"/docs/configuration/flows/operations.md#trigger-flow"},{default:t(()=>[e("trigger flow")]),_:1}),e(" operation.")]),k,C]),E,F,o("ol",null,[o("li",null,[a(n,{to:"/docs/configuration/flows.md#create-a-flow"},{default:t(()=>[e("Create a flow")]),_:1}),e(" using the "),a(n,{to:"/docs/configuration/flows/triggers.md#another-flow"},{default:t(()=>[e("another flow")]),_:1}),e(" trigger.")]),o("li",null,[a(n,{to:"/docs/configuration/flows.md#configure-an-operation"},{default:t(()=>[e("Configure operations")]),_:1}),e(" as desired.")])]),B,R,T,o("p",null,[e("Second, you could also configure a "),P,e(" in the trigger of your \u201Cfor-loop\u201D flow. The "),S,e(" gets appended under the "),a(n,{to:"/docs/configuration/flows/operations.md#trigger-flow"},{default:t(()=>[e("trigger flow")]),_:1}),e(" operation in the starting flow.")]),o("p",null,[e("Third, you could add another "),a(n,{to:"/docs/configuration/flows/operations.md#trigger-flow"},{default:t(()=>[e("trigger flow")]),_:1}),e(" operation into the \u201Cfor-loop\u201D flow, to create complex flow chains. If you do this, just keep API performance in mind. If you configure a "),D,e(", the parent flow will halt execution until it receives "),V,e(".")]),q])]),_:1})}}};export{G as author,z as author_override,U as default,j as description,O as directus_version,$ as modularExtension,H as skill_level,A as tags,W as title};