Neolithic Prancing Minotaurs

    poly-filler

    1.0.1 • Public • Published

    poly-filler

    Generates scripts to html files for link[rel="import"] compatability Originally created to generate the polyfills for WebComponents & specifically for a modernized web-app environment

    Note: For more information on WebComponents start here).

    Important: If you are already familiar with Web Components make sure you modify the generator to fit your needs.

    Use

    1. Install poly-filler
    npm i poly-filler
    1. Create a configuration
    const polyfiller = require('poly-filler')
    const POLYFILLER_CONFIG = {
      "root":"path-to-root-for-resource-files",
      "files":{
        "final-name-of-file-as-key":{
          "path":"path/or-path/for-resource-file.js"
        }
      },
      "destination":"path-to-destination-root-for-directory",
      "directory":"output-directory-name"
    };
    polyfiller.config(POLYFILLER_CONFIG) // Saved Config
    polyfiller.test(POLYFILLER_CONFIG) // Tests Config
    polyfiller.run(POLYFILLER_CONFIG) // Runs a Config
    1. Run poly-filler
    const polyfiller = require('poly-filler')
    polyfiller
      .run() // => pollyfillerRunner
      //to save
      .save() // => Promise.then((res)=>{ console.log(res)}).catch(console.error)
      //or to check it out
      .get() // => Promise.then((blocks)=>{ console.log(blocks)})

    Help

    If you run into problems - keep in mind the package will require permission to create the directory & files. If you dont specify these options - output defaults to the package's "imports" directory.d

    Polyfills included only as Guide/Starter Pack

    Included Polyfills:

    customElement: CustomElementsV1 polyfill for defining/registering custom html elements. Source: package (info)

    Shadow DOM: Sourced from webcomponentsjs - provides encapsulation by hiding DOM subtrees under shadow roots (spec).

    Proxy: A polyfill for the Proxy object, part of ES6. See the MDN docs or Introducing ES2015 Proxies for more information on Proxy itself. Source: (package);

    fetch: Method for HTTP requests using a Promises (package);

    Promise: Required by fetch - For API information about Promises, please check out this article HTML5Rocks article. Source: package

    Keywords

    Install

    npm i poly-filler

    DownloadsWeekly Downloads

    1

    Version

    1.0.1

    License

    MIT

    Last publish

    Collaborators

    • colohr