webpack-trigger-route-on-emit-plugin
TypeScript icon, indicating that this package has built-in type declarations

0.1.3 • Public • Published

Webpack Trigger Route on Emit Plugin

Note: You can check the titan-branches project to get a better idea of how this plugin is used Make sure to check the config/webpack.config.js file in the project Also the plugin's typescript files within it's src directory should be straightforward to reason

npm install webpack-trigger-route-on-emit-plugin --save-dev

This plugin allows you to have designated routes be pinged each time assets are emitted

Pass a configuration object to each instance of the plugin (one instance for each baseURL)

Pass a baseURL as a string, and routes as an array of strings

The options passed to the plugin is represented as follows:

type CheckTriggerType = () => Promise<boolean> | boolean;

interface IOptions {
  routes: string[];
  baseURL: string;
  initialCheckTrigger?: CheckTriggerType;
  beforeCheckTrigger?: CheckTriggerType;
}

Bonus

// You can pull out a helper to check the base URL exists
// While still importing the plugin
const {
  ensureURLExistsAsync,
  default: TriggerRouteOnEmitPlugin,
} = require("webpack-trigger-route-on-emit-plugin");

// Ensure a link exists
ensureURLExistsAsync("http://localhost:8080");

// Want to make sure checks to all links resolve to true?
Promise.all([
  ensureURLExistsAsync("http//localhost:8080"),
  ensureURLExistsAsync("http//localhost:2121"),
]);

If you pass an initalCheckTrigger function (has to return either a boolean value or a Promise that resolves to a boolean value), then the pinging will only happen after the first time the initialCheckTrigger returns true

It will be called each time on emit, and the pinging on routes will happen only after it resolves to true

If you also specifiy a beforeCheckTrigger, then before the pinging happens, each time the beforeCheckTrigger function would be called. Whenever it resolves to true, pinging will occur

Motivation

The Story

Refer the workflow of titan-branches

Here I import a handlebars template into the index.tsx entry file, and ping a koa-js server that receives the request with a designated file name and contents

It then emits the file to a top level directory in the project named generated-pages

This has to happen each time the handlebars files are updated. The generated-pages folder is served by a third livereload server

All in all, a bit chaotic but why not? I wanted to have some fun.

Plus I've got to learn a great deal lot in the process.

And Now What I've Got

You have a plugin that's reasonably straightforward to reason out the internals of. You can fork it, parse the contents, build something entirely new using this code as a basis. I will be maintaining this but I'll accept pull requests.

Just make sure you keep your pulls systematic so we can try to track things properly :)

Package Sidebar

Install

npm i webpack-trigger-route-on-emit-plugin

Weekly Downloads

0

Version

0.1.3

License

ISC

Unpacked Size

25.9 kB

Total Files

9

Last publish

Collaborators

  • komefumi