⚡ Energize.

Author: cossssmin

.editorconfig

@@ -0,0 +1,11 @@
+root = true
+
+[*]
+charset = utf-8
+indent_size = 2
+indent_style = space
+trim_trailing_whitespace = true
+insert_final_newline = true
+
+[*.md]
+trim_trailing_whitespace = false

.github/FUNDING.yml

@@ -0,0 +1,12 @@
+# These are supported funding model platforms
+
+github: # Replace with up to 4 GitHub Sponsors-enabled usernames e.g., [user1, user2]
+patreon: # Replace with a single Patreon username
+open_collective: # Replace with a single Open Collective username
+ko_fi: # Replace with a single Ko-fi username
+tidelift: # Replace with a single Tidelift platform-name/package-name e.g., npm/babel
+community_bridge: # Replace with a single Community Bridge project-name e.g., cloud-foundry
+liberapay: # Replace with a single Liberapay username
+issuehunt: # Replace with a single IssueHunt username
+otechie: # Replace with a single Otechie username
+custom: ['https://paypal.me/cossssmin', 'https://www.amazon.co.uk/hz/wishlist/ls/3I8KTU4FLQIZ1']

.gitignore

@@ -0,0 +1,3 @@
+node_modules/
+.nyc_output
+*.log

.travis.yml

@@ -0,0 +1,3 @@
+language: node_js
+node_js:
+  - stable

LICENSE

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) Cosmin Popovici
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

README.md

@@ -0,0 +1,147 @@
+<div align="center">
+  <img width="150" height="150" title="PostHTML" src="https://posthtml.github.io/posthtml/logo.svg">
+  <h1>Fetch Remote Content</h1>
+  <p>A plugin for fetching and working with remote content</p>
+
+  [![Version][npm-version-shield]][npm]
+  [![License][license-shield]][license]
+  [![Build][travis-ci-shield]][travis-ci]
+  [![Downloads][npm-stats-shield]][npm-stats]
+</div>
+
+## About
+
+This plugin allows you to fetch remote content and display it in your HTML.
+
+Input:
+
+```html
+<fetch url="https://jsonplaceholder.typicode.com/users/1">
+  {{ response.name }}'s username is {{ response.username }}
+</fetch>
+```
+
+Output:
+
+```html
+Leanne Graham's username is Bret
+```
+
+## Install
+
+```
+$ npm i posthtml posthtml-fetch
+```
+
+## Usage
+
+```js
+const posthtml = require('posthtml')
+const pf = require('posthtml-fetch')
+
+posthtml()
+  .use(pf())
+  .process('<fetch url="https://example.test">{{ response }}</fetch>')
+  .then(result => console.log(result.html))
+
+  // response body
+```
+
+The response body will be available under the `response` local variable.
+
+## Response types
+
+The plugin supports `json` and `text` responses. 
+
+Only the response body is returned.
+
+## Expressions
+
+The plugin uses [`posthtml-expressions`](https://github.com/posthtml/posthtml-expressions), so you can use any of its tags to work with the `response`.
+
+For example, you can iterate over items in a JSON response:
+
+```html
+<fetch url="https://jsonplaceholder.typicode.com/users">
+  <each loop="user in response">
+    {{ user.name }}
+  </each>
+</fetch>
+```
+
+## Options
+
+You can configure the plugin with the following options.
+
+### `tags`
+
+Default: `['fetch', 'remote']`
+
+Array of supported tag names. 
+
+Only tags from this array will be processed by the plugin.
+
+Example:
+
+```js
+const posthtml = require('posthtml')
+const pf = require('posthtml-fetch')
+
+posthtml()
+  .use(pf({
+    tags: ['get']
+  }))
+  .process('<get url="https://example.test">{{ response }}</get>')
+  .then(result => console.log(result.html))
+```
+
+### `attribute`
+
+Default: `'url'`
+
+String representing attribute name containing the URL to fetch.
+
+Example:
+
+```js
+const posthtml = require('posthtml')
+const pf = require('posthtml-fetch')
+
+posthtml()
+  .use(pf({
+    attribute: 'from'
+  }))
+  .process('<fetch from="https://example.test">{{ response }}</fetch>')
+  .then(result => console.log(result.html))
+```
+
+### `got`
+
+The plugin uses [`got`](https://github.com/sindresorhus/got) to fetch data. You can pass options directly to it, inside the `got` object.
+
+Example:
+
+```js
+const posthtml = require('posthtml')
+const pf = require('posthtml-fetch')
+
+posthtml()
+  .use(pf({
+    got: {
+      // pass options to got...
+    }
+  }))
+  .process('<fetch url="https://example.test">{{ response }}</fetch>')
+  .then(result => console.log(result.html))
+```
+
+
+
+[npm]: https://www.npmjs.com/package/posthtml-fetch
+[npm-version-shield]: https://img.shields.io/npm/v/posthtml-fetch.svg
+[npm-stats]: http://npm-stat.com/charts.html?package=posthtml-fetch
+[npm-stats-shield]: https://img.shields.io/npm/dt/posthtml-fetch.svg
+[travis-ci]: https://travis-ci.org/posthtml/posthtml-fetch/
+[travis-ci-shield]: https://img.shields.io/travis/posthtml/posthtml-fetch/master.svg
+[license]: ./LICENSE
+[license-shield]: https://img.shields.io/npm/l/posthtml-fetch.svg

lib/index.js

@@ -0,0 +1,50 @@
+'use strict'
+
+const got = require('got')
+const posthtml = require('posthtml')
+const matcher = require("posthtml-match-helper")
+const expressions = require("posthtml-expressions")
+
+module.exports = (options = {}) => tree => {
+  options.tags = options.tags || ['fetch', 'remote']
+  options.attribute = options.attribute || 'url'
+  options.got = options.got || {}
+
+  return new Promise((resolve, reject) => {
+    const all = []
+
+    tree.match(matcher(options.tags.join()), node => {
+      if (node.attrs && node.attrs[options.attribute]) {
+        options.got.url = options.got.url || node.attrs[options.attribute]
+
+        all.push(new Promise((resolve, reject) => {
+          got(options.got)
+            .then(({body}) => {
+              const plugins = []
+              let content = body;
+              node.tag = false
+
+              try {
+                plugins.push(expressions({locals: {response: JSON.parse(body)}}))
+                content = tree.render(node.content)
+              } catch {}
+
+              return posthtml(plugins).process(content)
+            })
+            .then(result => {
+                node.content = result.html
+                resolve(node)
+            })
+            .catch(error => {
+              reject(error)
+            })
+          })
+        )
+      }
+
+      return node
+    })
+
+    Promise.all(all).then(resolve.bind(null, tree)).catch(error => reject(error))
+  })
+}