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

@origraph/twitter-import

v0.1.3

Published

Plugin to origraph.js for importing twitter data

Downloads

12

Readme

origraph-twitter-import

Build Status Coverage Status

Plugin to origraph.js for importing twitter data

Installation and Usage

Basic use in the browser

This will make the window.origraph global available to your scripts, and you can access the plugin through window.origraph.plugins['twitter-import']:

<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/origraph.umd.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/origraphTwitterImport.umd.js"></script>

Server-side apps or pre-bundled browser apps

Installation:

npm install origraph @origraph/twitter-import

Usage:

const origraph = require('origraph');
const origraphTwitterImport = require('@origraph/twitter-import');

Using this as a template for other plugins

This is meant as a pretty simple template for writing other origraph data import plugins. To create your own, you'll mostly need to:

  • Create your own repository, ideally named origraph-your-plugin-name
  • Copy over all the contents of this repository (except, of course, the .git directory)
  • Edit (or re-init) package.json appropriately (using the @origraph/your-plugin-name scoping)
  • Set up Travis / Coveralls
  • Rename / edit files in src, and replace the tests with your own (basicTests.js is a good one to leave intact / a good place to start if you're new to testing)
  • Update the contents of the hooks directory appropriately

Building and Publishing

For testing purposes, register for Twitter developer credentials, and create a test/credentials.json file that looks like this (this should never be committed):

{
  "consumerKey": " ... ",
  "consumerSecret": " ... ",
  "accessToken": " ... ",
  "accessTokenSecret": " ... "
}

You should also add these as environment variables to Travis CI (as TWITTER_consumerKey, TWITTER_consumerSecret, etc).

  • Update the version number in package.json
  • npm run build
  • npm run test
  • git commit -a -m "commit message"
  • git push
  • (Verify Travis CI doesn't fail)
  • git tag -a #.#.# -m "tag annotation"
  • git push --tags
  • npm publish --access public
  • Edit / document the release on Github (optional)

How people can use your published plugin

If you follow the above directions, you should be able to include your plugin in the browser in the same ways that this plugin is used (including the browser CDN and the npm install @origraph/your-plugin-name routes).