This module helps you get a List of matching file paths from your local file system as a DataSource
. See the DataSource
module documentation
for ways you can combine and map DataSource
s.
A common example would be to find all the markdown files of your blog posts. If you have all your blog posts in content/blog/*.md
, then you could use that glob pattern in most shells to refer to each of those files.
With the DataSource.Glob
API, you could get all of those files like so:
import DataSource exposing (DataSource)
blogPostsGlob : DataSource (List String)
blogPostsGlob =
Glob.succeed (\slug -> slug)
|> Glob.match (Glob.literal "content/blog/")
|> Glob.capture Glob.wildcard
|> Glob.match (Glob.literal ".md")
|> Glob.toDataSource
Let's say you have these files locally:
- elm.json
- src/
- content/
- blog/
- first-post.md
- second-post.md
We would end up with a DataSource
like this:
DataSource.succeed [ "first-post", "second-post" ]
Of course, if you add or remove matching files, the DataSource will get those new files (unlike DataSource.succeed
). That's why we have Glob!
You can even see the elm-pages dev
server will automatically flow through any added/removed matching files with its hot module reloading.
But why did we get "first-post"
instead of a full file path, like "content/blog/first-post.md"
? That's the difference between
capture
and match
.
There are two functions for building up a Glob pattern: capture
and match
.
capture
and match
both build up a Glob
pattern that will match 0 or more files on your local file system.
There will be one argument for every capture
in your pipeline, whereas match
does not apply any arguments.
import DataSource exposing (DataSource)
import DataSource.Glob as Glob
blogPostsGlob : DataSource (List String)
blogPostsGlob =
Glob.succeed (\slug -> slug)
-- no argument from this, but we will only
-- match files that begin with `content/blog/`
|> Glob.match (Glob.literal "content/blog/")
-- we get the value of the `wildcard`
-- as the slug argument
|> Glob.capture Glob.wildcard
-- no argument from this, but we will only
-- match files that end with `.md`
|> Glob.match (Glob.literal ".md")
|> Glob.toDataSource
So to understand which files will match, you can ignore whether you are using capture
or match
and just read
the patterns you're using in order to understand what will match. To understand what Elm data type you will get
for each matching file, you need to see which parts are being captured and how each of those captured values are being
used in the function you use in Glob.succeed
.
Adds on to the glob pattern, and captures it in the resulting Elm match value. That means this both changes which files will match, and gives you the sub-match as Elm data for each matching file.
Exactly the same as match
except it also captures the matched sub-pattern.
type alias ArchivesArticle =
{ year : String
, month : String
, day : String
, slug : String
}
archives : DataSource ArchivesArticle
archives =
Glob.succeed ArchivesArticle
|> Glob.match (Glob.literal "archive/")
|> Glob.capture Glob.int
|> Glob.match (Glob.literal "/")
|> Glob.capture Glob.int
|> Glob.match (Glob.literal "/")
|> Glob.capture Glob.int
|> Glob.match (Glob.literal "/")
|> Glob.capture Glob.wildcard
|> Glob.match (Glob.literal ".md")
|> Glob.toDataSource
The file archive/1977/06/10/apple-2-released.md
will give us this match:
matches : List ArchivesArticle
matches =
DataSource.succeed
[ { year = 1977
, month = 6
, day = 10
, slug = "apple-2-released"
}
]
When possible, it's best to grab data and turn it into structured Elm data when you have it. That way, you don't end up with duplicate validation logic and data normalization, and your code will be more robust.
If you only care about getting the full matched file paths, you can use match
. capture
is very useful because
you can pick apart structured data as you build up your glob pattern. This follows the principle of
Parse, Don't Validate.
Adds on to the glob pattern, but does not capture it in the resulting Elm match value. That means this changes which files will match, but does not change the Elm data type you get for each matching file.
Exactly the same as capture
except it doesn't capture the matched sub-pattern.
capture
is a lot like building up a JSON decoder with a pipeline.
Let's try our blogPostsGlob from before, but change every match
to capture
.
import DataSource exposing (DataSource)
blogPostsGlob :
DataSource
(List
{ filePath : String
, slug : String
}
)
blogPostsGlob =
Glob.succeed
(\capture1 capture2 capture3 ->
{ filePath = capture1 ++ capture2 ++ capture3
, slug = capture2
}
)
|> Glob.capture (Glob.literal "content/blog/")
|> Glob.capture Glob.wildcard
|> Glob.capture (Glob.literal ".md")
|> Glob.toDataSource
Notice that we now need 3 arguments at the start of our pipeline instead of 1. That's because
we apply 1 more argument every time we do a Glob.capture
, much like Json.Decode.Pipeline.required
, or other pipeline APIs.
Now we actually have the full file path of our files. But having that slug (like first-post
) is also very helpful sometimes, so
we kept that in our record as well. So we'll now have the equivalent of this DataSource
with the current .md
files in our blog
folder:
DataSource.succeed
[ { filePath = "content/blog/first-post.md"
, slug = "first-post"
}
, { filePath = "content/blog/second-post.md"
, slug = "second-post"
}
]
Having the full file path lets us read in files. But concatenating it manually is tedious
and error prone. That's what the captureFilePath
helper is for.
import DataSource exposing (DataSource)
import DataSource.Glob as Glob
blogPosts :
DataSource
(List
{ filePath : String
, slug : String
}
)
blogPosts =
Glob.succeed
(\filePath slug ->
{ filePath = filePath
, slug = slug
}
)
|> Glob.captureFilePath
|> Glob.match (Glob.literal "content/blog/")
|> Glob.capture Glob.wildcard
|> Glob.match (Glob.literal ".md")
|> Glob.toDataSource
This function does not change which files will or will not match. It just gives you the full matching
file path in your Glob
pipeline.
Whenever possible, it's a good idea to use function to make sure you have an accurate file path when you need to read a file.
In many cases you will want to take the matching files from a Glob
and then read the body or frontmatter from matching files.
For example, if we had files like this:
---
title: My First Post
---
This is my first post!
Then we could read that title for our blog post list page using our blogPosts
DataSource
that we defined above.
import DataSource.File
import Json.Decode as Decode exposing (Decoder)
titles : DataSource (List BlogPost)
titles =
blogPosts
|> DataSource.map
(List.map
(\blogPost ->
DataSource.File.request
blogPost.filePath
(DataSource.File.frontmatter blogFrontmatterDecoder)
)
)
|> DataSource.resolve
type alias BlogPost =
{ title : String }
blogFrontmatterDecoder : Decoder BlogPost
blogFrontmatterDecoder =
Decode.map BlogPost
(Decode.field "title" Decode.string)
That will give us
DataSource.succeed
[ { title = "My First Post" }
, { title = "My Second Post" }
]
Matches anything except for a /
in a file path. You may be familiar with this syntax from shells like bash
where you can run commands like rm client/*.js
to remove all .js
files in the client
directory.
Just like a *
glob pattern in bash, this Glob.wildcard
function will only match within a path part. If you need to
match 0 or more path parts like, see recursiveWildcard
.
import DataSource exposing (DataSource)
import DataSource.Glob as Glob
type alias BlogPost =
{ year : String
, month : String
, day : String
, slug : String
}
example : DataSource (List BlogPost)
example =
Glob.succeed BlogPost
|> Glob.match (Glob.literal "blog/")
|> Glob.match Glob.wildcard
|> Glob.match (Glob.literal "-")
|> Glob.capture Glob.wildcard
|> Glob.match (Glob.literal "-")
|> Glob.capture Glob.wildcard
|> Glob.match (Glob.literal "/")
|> Glob.capture Glob.wildcard
|> Glob.match (Glob.literal ".md")
|> Glob.toDataSource
- blog/
- 2021-05-27/
- first-post.md
That will match to:
results : DataSource (List BlogPost)
results =
DataSource.succeed
[ { year = "2021"
, month = "05"
, day = "27"
, slug = "first-post"
}
]
Note that we can "destructure" the date part of this file path in the format yyyy-mm-dd
. The wildcard
matches
will match within a path part (think between the slashes of a file path). recursiveWildcard
can match across path parts.
Matches any number of characters, including /
, as long as it's the only thing in a path part.
In contrast, wildcard
will never match /
, so it only matches within a single path part.
This is the elm-pages equivalent of **/*.txt
in standard shell syntax:
import DataSource exposing (DataSource)
import DataSource.Glob as Glob
example : DataSource (List ( List String, String ))
example =
Glob.succeed Tuple.pair
|> Glob.match (Glob.literal "articles/")
|> Glob.capture Glob.recursiveWildcard
|> Glob.match (Glob.literal "/")
|> Glob.capture Glob.wildcard
|> Glob.match (Glob.literal ".txt")
|> Glob.toDataSource
With these files:
- articles/
- google-io-2021-recap.txt
- archive/
- 1977/
- 06/
- 10/
- apple-2-announced.txt
We would get the following matches:
matches : DataSource (List ( List String, String ))
matches =
DataSource.succeed
[ ( [ "archive", "1977", "06", "10" ], "apple-2-announced" )
, ( [], "google-io-2021-recap" )
]
Note that the recursive wildcard conveniently gives us a List String
, where
each String is a path part with no slashes (like archive
).
And also note that it matches 0 path parts into an empty list.
If we didn't include the wildcard
after the recursiveWildcard
, then we would only get
a single level of matches because it is followed by a file extension.
example : DataSource (List String)
example =
Glob.succeed identity
|> Glob.match (Glob.literal "articles/")
|> Glob.capture Glob.recursiveWildcard
|> Glob.match (Glob.literal ".txt")
matches : DataSource (List String)
matches =
DataSource.succeed
[ "google-io-2021-recap"
]
This is usually not what is intended. Using recursiveWildcard
is usually followed by a wildcard
for this reason.
Same as digits
, but it safely turns the digits String into an Int
.
Leading 0's are ignored.
import DataSource exposing (DataSource)
import DataSource.Glob as Glob
slides : DataSource (List Int)
slides =
Glob.succeed identity
|> Glob.match (Glob.literal "slide-")
|> Glob.capture Glob.int
|> Glob.match (Glob.literal ".md")
|> Glob.toDataSource
With files
- slide-no-match.md
- slide-.md
- slide-1.md
- slide-01.md
- slide-2.md
- slide-03.md
- slide-4.md
- slide-05.md
- slide-06.md
- slide-007.md
- slide-08.md
- slide-09.md
- slide-10.md
- slide-11.md
Yields
matches : DataSource (List Int)
matches =
DataSource.succeed
[ 1
, 1
, 2
, 3
, 4
, 5
, 6
, 7
, 8
, 9
, 10
, 11
]
Note that neither slide-no-match.md
nor slide-.md
match.
And both slide-1.md
and slide-01.md
match and turn into 1
.
Sometimes you want to make sure there is a unique file matching a particular pattern.
This is a simple helper that will give you a DataSource
error if there isn't exactly 1 matching file.
If there is exactly 1, then you successfully get back that single match.
For example, maybe you can have
import DataSource exposing (DataSource)
import DataSource.Glob as Glob
findBlogBySlug : String -> DataSource String
findBlogBySlug slug =
Glob.succeed identity
|> Glob.captureFilePath
|> Glob.match (Glob.literal "blog/")
|> Glob.capture (Glob.literal slug)
|> Glob.match
(Glob.oneOf
( ( "", () )
, [ ( "/index", () ) ]
)
)
|> Glob.match (Glob.literal ".md")
|> Glob.expectUniqueMatch
If we used findBlogBySlug "first-post"
with these files:
- blog/
- first-post/
- index.md
This would give us:
results : DataSource String
results =
DataSource.succeed "blog/first-post/index.md"
If we used findBlogBySlug "first-post"
with these files:
- blog/
- first-post.md
- first-post/
- index.md
Then we will get a DataSource
error saying More than one file matched.
Keep in mind that DataSource
failures
in build-time routes will cause a build failure, giving you the opportunity to fix the problem before users see the issue,
so it's ideal to make this kind of assertion rather than having fallback behavior that could silently cover up
issues (like if we had instead ignored the case where there are two or more matching blog post files).
Match a literal part of a path. Can include /
s.
Some common uses include
content/blog/
".md
"/
"import DataSource exposing (DataSource)
import DataSource.Glob as Glob
blogPosts =
Glob.succeed
(\section slug ->
{ section = section, slug = slug }
)
|> Glob.match (Glob.literal "content/blog/")
|> Glob.capture Glob.wildcard
|> Glob.match (Glob.literal "/")
|> Glob.capture Glob.wildcard
|> Glob.match (Glob.literal ".md")
A Glob
can be mapped. This can be useful for transforming a sub-match in-place.
For example, if you wanted to take the slugs for a blog post and make sure they are normalized to be all lowercase, you could use
import DataSource exposing (DataSource)
import DataSource.Glob as Glob
blogPostsGlob : DataSource (List String)
blogPostsGlob =
Glob.succeed (\slug -> slug)
|> Glob.match (Glob.literal "content/blog/")
|> Glob.capture (Glob.wildcard |> Glob.map String.toLower)
|> Glob.match (Glob.literal ".md")
|> Glob.toDataSource
If you want to validate file formats, you can combine that with some DataSource
helpers to turn a Glob (Result String value)
into
a DataSource (List value)
.
For example, you could take a date and parse it.
import DataSource exposing (DataSource)
import DataSource.Glob as Glob
example : DataSource (List ( String, String ))
example =
Glob.succeed
(\dateResult slug ->
dateResult
|> Result.map (\okDate -> ( okDate, slug ))
)
|> Glob.match (Glob.literal "blog/")
|> Glob.capture (Glob.recursiveWildcard |> Glob.map expectDateFormat)
|> Glob.match (Glob.literal "/")
|> Glob.capture Glob.wildcard
|> Glob.match (Glob.literal ".md")
|> Glob.toDataSource
|> DataSource.map (List.map DataSource.fromResult)
|> DataSource.resolve
expectDateFormat : List String -> Result String String
expectDateFormat dateParts =
case dateParts of
[ year, month, date ] ->
Ok (String.join "-" [ year, month, date ])
_ ->
Err "Unexpected date format, expected yyyy/mm/dd folder structure."
succeed
is how you start a pipeline for a Glob
. You will need one argument for each capture
in your Glob
.
import DataSource.Glob as Glob
type Extension
= Json
| Yml
type alias DataFile =
{ name : String
, extension : String
}
dataFiles : DataSource (List DataFile)
dataFiles =
Glob.succeed DataFile
|> Glob.match (Glob.literal "my-data/")
|> Glob.capture Glob.wildcard
|> Glob.match (Glob.literal ".")
|> Glob.capture
(Glob.oneOf
( ( "yml", Yml )
, [ ( "json", Json )
]
)
)
If we have the following files
- my-data/
- authors.yml
- events.json
That gives us
results : DataSource (List DataFile)
results =
DataSource.succeed
[ { name = "authors"
, extension = Yml
}
, { name = "events"
, extension = Json
}
]
You could also match an optional file path segment using oneOf
.
rootFilesMd : DataSource (List String)
rootFilesMd =
Glob.succeed (\slug -> slug)
|> Glob.match (Glob.literal "blog/")
|> Glob.capture Glob.wildcard
|> Glob.match
(Glob.oneOf
( ( "", () )
, [ ( "/index", () ) ]
)
)
|> Glob.match (Glob.literal ".md")
|> Glob.toDataSource
With these files:
- blog/
- first-post.md
- second-post/
- index.md
This would give us:
results : DataSource (List String)
results =
DataSource.succeed
[ "first-post"
, "second-post"
]
In order to get match data from your glob, turn it into a DataSource
with this function.
Same as toDataSource, but lets you set custom glob options. For example, to list folders instead of files,
import DataSource.Glob as Glob exposing (OnlyFolders, defaultOptions)
matchingFiles : Glob a -> DataSource (List a)
matchingFiles glob =
glob
|> Glob.toDataSourceWithOptions { defaultOptions | include = OnlyFolders }
The default options used in toDataSource
. To use a custom set of options, use toDataSourceWithOptions
.
Custom options you can pass in to run the glob with toDataSourceWithOptions
.
{ includeDotFiles = Bool -- https://github.com/mrmlnc/fast-glob#dot
, include = Include -- return results that are `OnlyFiles`, `OnlyFolders`, or both `FilesAndFolders` (default is `OnlyFiles`)
, followSymbolicLinks = Bool -- https://github.com/mrmlnc/fast-glob#followsymboliclinks
, caseSensitiveMatch = Bool -- https://github.com/mrmlnc/fast-glob#casesensitivematch
, gitignore = Bool -- https://www.npmjs.com/package/globby#gitignore
, maxDepth = Maybe Int -- https://github.com/mrmlnc/fast-glob#deep
}
A pattern to match local files and capture parts of the path into a nice Elm data type.