# Resources Saver Extension (Chrome)

### Chrome Extension for one click downloading all resources files and keeping folder structures.

---

[!["Buy Me A Coffee"](https://www.buymeacoffee.com/assets/img/custom_images/orange_img.png)](https://www.buymeacoffee.com/up209d)

### How to use:

Load extension from `unpacked2x` folder as local package.

`Chrome > Extensions > Manage Extensions`

<p>
    <img src="https://github.com/up209d/ResourcesSaverExt/blob/master/guide.png?raw=true" alt="load-local-extension" />
</p>

Click `Load unpacked` button and select the `unpacked2x` directory

<p>
    <img src="https://github.com/up209d/ResourcesSaverExt/blob/master/select-unpacked2x-directory.png?raw=true" alt="select-unpacked2x-directory" />
</p>

Open Chrome `DevTool` Panel > Choose `ResourceSaver` Tab

<p>
    <img src="https://github.com/up209d/ResourcesSaverExt/blob/master/screenshot.png?raw=true" alt="resource-saver-dev-tool-panel" />
</p>

Saved website will have same structure as in remote server, you can use any http server tool to host the web content again eg. [http-server](https://github.com/http-party/http-server)

<p>
    <img src="https://github.com/up209d/ResourcesSaverExt/blob/master/screenshot2.png?raw=true" alt="resource-saver-dev-tool-panel" />
</p>

## Development

### Requirement

Make sure your Node.js version match with version in `.nvmrc`

Install `yarn`

### Install dependencies

```
yarn
```

### Build

```
yarn build
```

Project will be built output to `unpacked2x`
