https://github.com/mikedevelops/cache-resources
Cache resources from a JSON file with Javascript
https://github.com/mikedevelops/cache-resources
es6 frontend javascript
Last synced: 12 days ago
JSON representation
Cache resources from a JSON file with Javascript
- Host: GitHub
- URL: https://github.com/mikedevelops/cache-resources
- Owner: mikedevelops
- Created: 2017-02-28T11:03:56.000Z (over 9 years ago)
- Default Branch: master
- Last Pushed: 2017-03-02T11:48:43.000Z (over 9 years ago)
- Last Synced: 2025-02-28T23:58:38.327Z (over 1 year ago)
- Topics: es6, frontend, javascript
- Language: JavaScript
- Homepage:
- Size: 271 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Cache Resources
A small ES6 module to cache front end image assets (audo & video coming soon). Made to work in tandem with the webpack plugin [FileCatalogue](https://github.com/mikedevelops/file-catalogue). The plugin parses a JSON file and creates a reference in the browser's cache to each asset.
### Installation
`npm install --save mikedevelops/cache-resources`
### Usage
``` javascript
import CacheResources from 'cache-resources'
const cache = new CacheResources({
filename: 'assets.json',
test: /\.(jpg|png|svg|jpeg)$/,
complete: function (assets) {
console.log('cached assets!')
}
})
```
### Options
----
`filename: [String] (default: 'assets.json')`
The JSON file to be requested for asset parsing, you will need to manually create this file and place it in your build directory, or use this plugin to do it for you [FileCatalogue](https://github.com/mikedevelops/file-catalogue).
----
`test: [RegExp] (default: /\.(jpg|jpeg|png|svg|gif|mp4)$/)`
A regular expression to execute against each file to determine if it should be cached or skipped.
----
### Caveats
I've not extensively tested this in all browsers, it's currently built to work in the latest Chrome 56 build. I'll be adding additional support down the line as and when it's needed. Feel free to create a Pull Request to add additional support.
### Coming Soon
- Audio file caching
- Video file caching