npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

slinger-projectile

v1.0.1

Published

Generate HTML email content for Slinger.

Downloads

10

Readme

Projectile (Available as an npm package)

Generate HTML email content for Slinger.

How it works

  1. Create CSS File with definitions for Headings and body
  2. Create HTML template file with a link to where the CSS is and a special template string that will be replaced.
  3. Write markdown file
  4. Render HTML from markdown file with "markdown-it" library
  5. Parse HTML Template and replace a special template string with rendered content from markdown file e.g {{slinger_content}}.
  6. Now with the string from the last step, apply inline the css into style attributes using the inline-css library.
  7. The final HTML string generated will be put added into a new HTML file output. The generated file in the output directory will be used to send emails via slinger.

How to use

You can just call generate and it will automatically get files from index.css, index.html and index.md the /src directory within your current one, then generate the final html file called index.html in the /output directory within your current one.

Example:

import { generate } from "slinger-projectile";
generate();

If you would like to modify this behaviour call generate(options).

If you don't specify a field, the default behaviour will occur for for that option.

Full options object possible values

{
    templatePath: string,
    useCssFile: bool,
    cssPath: string,
    markdownPath: string,
    outputDirectory: string,
    outputFileName: string
}

Important Notes

CSS support in emails is different from the rest of the web.

Contributing

Found a bug or would like to help out with the project? Check this out: Contributing to the project.

Read these for more info: https://www.campaignmonitor.com/dev-resources/guides/coding-html-emails/

https://www.campaignmonitor.com/css/style-element/style-in-head/