Skip to content
Permalink
Browse files

feat(service-worker): add JSON schema for service worker config

  • Loading branch information...
cyrilletuzi committed Dec 28, 2018
1 parent c4f7727 commit e1e94696656d1aba13c5e388ee9d468227ae4e17
Showing with 138 additions and 1 deletion.
  1. +4 −1 packages/service-worker/config/BUILD.bazel
  2. +134 −0 packages/service-worker/config/schema.json
@@ -1,6 +1,9 @@
package(default_visibility = ["//visibility:public"])

exports_files(["package.json"])
exports_files([
"package.json",
"schema.json",
])

load("//tools:defaults.bzl", "ng_module")

@@ -0,0 +1,134 @@
{
"properties": {
"appData": {
"type": "object",
"description": "This section enables you to pass any data you want that describes this particular version of the app. The SwUpdate service includes that data in the update notifications. Many apps use this section to provide additional information for the display of UI popups, notifying users of the available update."
},
"index": {
"type": "string",
"description": "Specifies the file that serves as the index page to satisfy navigation requests. Usually this is '/index.html'."
},
"assetGroups": {
"type": "array",
"description": "Assets are resources that are part of the app version that update along with the app. They can include resources loaded from the page's origin as well as third-party resources loaded from CDNs and other external URLs. As not all such external URLs may be known at build time, URL patterns can be matched.",
"items": {
"type": "object",
"properties": {
"name": {
"type": "string",
"description": "It identifies this particular group of assets between versions of the configuration."
},
"installMode": {
"enum": [
"prefetch",
"lazy"
],
"default": "prefetch",
"description": "Determines how the resources are initially cached. 'prefetch' tells the Angular service worker to fetch every single listed resource while it's caching the current version of the app. This is bandwidth-intensive but ensures resources are available whenever they're requested, even if the browser is currently offline. 'lazy' does not cache any of the resources up front. Instead, the Angular service worker only caches resources for which it receives requests. This is an on-demand caching mode. Resources that are never requested will not be cached. This is useful for things like images at different resolutions, so the service worker only caches the correct assets for the particular screen and orientation."
},
"updateMode": {
"enum": [
"prefetch",
"lazy"
],
"description": "For resources already in the cache, determines the caching behavior when a new version of the app is discovered. Any resources in the group that have changed since the previous version are updated in accordance with 'updateMode'. 'prefetch' tells the service worker to download and cache the changed resources immediately. 'lazy' tells the service worker to not cache those resources. Instead, it treats them as unrequested and waits until they're requested again before updating them. An 'updateMode' of lazy is only valid if the 'installMode' is also lazy. Defaults to the same value as 'installMode'."
},
"resources": {
"type": "object",
"description": "This section describes the resources to cache.",
"properties": {
"files": {
"type": "array",
"description": "Lists patterns that match files in the distribution directory. These can be single files or glob-like patterns that match a number of files.",
"items": {
"type": "string"
}
},
"urls": {
"type": "array",
"description": "Includes both URLs and URL patterns that will be matched at runtime. These resources are not fetched directly and do not have content hashes, but they will be cached according to their HTTP headers. This is most useful for CDNs such as the Google Fonts service. (Negative glob patterns are not supported and '?' will be matched literally; i.e. it will not match any character other than '?'.)",
"items": {
"type": "string"
}
}
}
}
},
"required": [
"name",
"resources"
]
}
},
"dataGroups": {
"type": "array",
"description": "Policies for caching data requests, such as API requests and other data dependencies. Unlike asset resources, data requests are not versioned along with the app.",
"items": {
"type": "object",
"properties": {
"name": {
"type": "string",
"description": "It identifies this particular group of data between versions of the configuration."
},
"urls": {
"type": "array",
"description": "A list of URL patterns. URLs that match these patterns will be cached according to this data group's policy. (Negative glob patterns are not supported and '?' will be matched literally; i.e. it will not match any character other than '?'.)",
"items": {
"type": "string"
}
},
"version": {
"type": "integer",
"default": 1,
"description": "Occasionally APIs change formats in a way that is not backward-compatible. A new version of the app may not be compatible with the old API format and thus may not be compatible with existing cached resources from that API. 'version' provides a mechanism to indicate that the resources being cached have been updated in a backwards-incompatible way, and that the old cache entries—those from previous versions—should be discarded."
},
"cacheConfig": {
"type": "object",
"description": "This section defines the policy by which matching requests will be cached.",
"properties": {
"maxSize": {
"type": "integer",
"description": "The maximum number of entries, or responses, in the cache. Open-ended caches can grow in unbounded ways and eventually exceed storage quotas, calling for eviction."
},
"maxAge": {
"type": "string",
"description": "Indicates how long responses are allowed to remain in the cache before being considered invalid and evicted. 'maxAge' is a duration string, using the following unit suffixes: d= days, h= hours, m= minutes, s= seconds, u= milliseconds. For example, the string '3d12h' will cache content for up to three and a half days."
},
"timeout": {
"type": "string",
"description": "This duration string specifies the network timeout. The network timeout is how long the Angular service worker will wait for the network to respond before using a cached response, if configured to do so. 'timeout' is a duration string, using the following unit suffixes: d= days, h= hours, m= minutes, s= seconds, u= milliseconds. For example, the string '5s30u' will translate to five seconds and 30 milliseconds of network timeout."
},
"strategy": {
"enum": [
"freshness",
"performance"
],
"default": "performance",
"description": "The Angular service worker can use either of two caching strategies for data resources. 'performance', the default, optimizes for responses that are as fast as possible. If a resource exists in the cache, the cached version is used. This allows for some staleness, depending on the 'maxAge', in exchange for better performance. This is suitable for resources that don't change often; for example, user avatar images. 'freshness' optimizes for currency of data, preferentially fetching requested data from the network. Only if the network times out, according to 'timeout', does the request fall back to the cache. This is useful for resources that change frequently; for example, account balances."
}
},
"required": [
"maxSize",
"maxAge"
]
}
},
"required": [
"name",
"urls",
"cacheConfig"
]
}
},
"navigationUrls": {
"type": "array",
"description": "This optional section enables you to specify a custom list of URLs or URL patterns that will be redirected to the 'index' file.",
"items": {
"type": "string"
}
}
},
"required": [
"index"
]
}

0 comments on commit e1e9469

Please sign in to comment.
You can’t perform that action at this time.