A small functional and immutable Finite State Machine library. Using state machines for your components brings the declarative programming approach to application state.

See thisrobot.life for the main documentation.

import { createMachine, interpret, state, transition } from 'robot3';

let machine = createMachine({
  off: state(
    transition('toggle', 'on')
  ),
  on: state(
    transition('toggle', 'off')
  )
});

const service = interpret(machine, () => {
  render();
});

• Please star the repository on GitHub.
• File an issue if you find a bug. Or better yet...
• Submit a pull request to contribute.

Tests are located in the test/ folder. Load test/test.html in your browser of choice with any HTTP server you like (I use http-server). Tests are written in QUnit and are…

My template to quickstart a SAAS project

Stop losing time implementing authentication and payment over and over again.
Focus on what brings value to your customers

https://utlimate-saas-js.vercel.app

• Authentication with NextAuth.js (Own Your Data ✅)
  • Email with magic link
  • Github
  • Many other oauth providers available check their docs
• Payment with Stripe
  • Stripe checkout
  • Stripe billing portal
  • Stripe webhooks (products / prices are synced)
• Hosted on vercel for free

Check the stripe section of this repo as the steps are very similar

A postgresql db is needed to deploy the app.
You can have a very small instance for free on heroku

• Typescript
• Next.js
• NextAuth.js
• Prisma
• Postgresql
• Stripe
• Tailwindcss

# create .env
cp .env.example .env

# install dependencies
yarn

# Launch pgsql and maildev
yarn docker:start

# migrate and seed the database
yarn prisma:migrate:dev

yarn prisma:seed

# install stripe cli

A set of small, responsive CSS modules that you can use in every web project https://purecss.io/

Pure is a starting point for every website or web app. We take care of all the CSS work that every site needs without making it look cookie-cutter:

• A responsive grid that can be customized to your needs.

• A solid base built on Normalize.css to fix cross-browser compatibility issues.

• Consistently styled buttons that work with <a> and <button> elements.

• Styles for vertical and horizontal menus, including support for dropdown menus.

• Useful form alignments that look great on all screen sizes.

• Various common table styles.

• An extremely minimalist look that is super-easy to customize.

• Responsive by default, with a non-responsive option.

• Extremely small file size: 3.7KB minified + gzip.

Check out the Get Started page for more information.

Optionally, you can build Pure from its source on…

Xterm.js is a front-end component written in TypeScript that lets applications bring fully-featured terminals to their users in the browser. It's used by popular projects such as VS Code, Hyper and Theia.

• Terminal apps just work: Xterm.js works with most terminal apps such as bash, vim, and tmux, including support for curses-based apps and mouse events.
• Performant: Xterm.js is really fast, it even includes a GPU-accelerated renderer.
• Rich Unicode support: Supports CJK, emojis, and IMEs.
• Self-contained: Requires zero dependencies to work.
• Accessible: Screen reader and minimum contrast ratio support can be turned on.
• And much more: Links, theming, addons, well documented API, etc.

• Xterm.js is not a terminal application that you can download and use on your computer.
• Xterm.js is not bash. Xterm.js can be connected to processes like bash and let you interact with…

timeago.js is a nano library(less than 2 kb) used to format datetime with *** time ago statement. eg: '3 hours ago'.

• i18n supported.
• Time ago and time in supported.
• Real-time render supported.
• Node and browser supported.
• Well tested.

Official website. React version here: timeago-react. Python version here: timeago.

Such as

just now
12 seconds ago
2 hours ago
3 days ago
3 weeks ago
2 years ago
in 12 seconds
in 3 minutes
in 24 days
in 6 months

• install

npm install timeago.js

• import

import { format, render, cancel, register } from 'timeago.js';

or import with script tag in html file and access global variable timeago.

<script src="dist/timeago.min.js"></script>

• example

// format the time with locale
format('2016-06-12', 'en_US');

Alternatively to NPM, you can also use a…

Userscripts to add functionality to GitHub.

1. Make sure you have user scripts enabled in your browser (these instructions refer to the latest versions of the browser):

   • Tampermonkey (proprietary)
   • Violentmonkey
   • Greasemonkey (some scripts are not compatible with Greasemonkey 4!)

2. Get information or install:

   • Learn more about the userscript by clicking on the named link. You will be taken to the specific wiki page.
   • Install a script directly from GitHub by clicking on the "install" link in the table below.
   • Install a script from GreasyFork (GF) from the userscript site page
   • Or, install the scripts from OpenUserJS (OU).

   Userscript Wiki		Direct Install	Sites	Added	Updated
   GitHub code colors	install	GF OU	2016.03.20	2022.10.24
   GitHub code folding	install	GF OU	2016.12.28	2022.10.24
   GitHub code guides	install	GF OU	2016.08.27	2020.07.11
   GitHub code show whitespace	install	GF OU	2017.03.26	2022.10.24
   GitHub collapse in comment	*	install	GF OU	2016.06.27	2022.10.24

   …

Library to convert a given HTML DOM node into an accessible SVG "screenshot".

Try out the SVG Screenshots Chrome extension which uses this library to allow you to take SVG screenshots of any webpage You can find the source code at github.com/felixfbecker/svg-screenshots.

import { documentToSVG, elementToSVG, inlineResources, formatXML } from 'dom-to-svg'

// Capture the whole document
const svgDocument = documentToSVG(document)

// Capture specific element
const svgDocument = elementToSVG(document.querySelector('#my-element'))

// Inline external resources (fonts, images, etc) as data: URIs
await inlineResources(svgDocument.documentElement)

// Get SVG string
const svgString = new XMLSerializer().serializeToString(svgDocument)

The output can be used as-is as valid SVG or easily passed to other packages to pretty-print or compress.

• Does NOT rely on <foreignObject> - SVGs will…

A collection of ready-to-deploy Serverless Framework services.

If you are new to serverless, we recommend getting started with by creating an HTTP API Endpoint in NodeJS, Python, Java, or Golang.

Each example contains a README.md with an explanation about the service and it's use cases.

Have an example? Submit a PR or open an issue. ⚡️

To install any of these you can run:

serverless install -u https://github.com/serverless/examples/tree/master/folder-name -n my-project

English | 简体中文

Lightweight front-end framework based on redux, redux-saga and react-router. (Inspired by elm and choo)

• Easy to learn, easy to use: only 6 apis, very friendly to redux users, and API reduce to 0 when use with umi
• Elm concepts: organize models with reducers, effects and subscriptions
• Support HMR: support HMR for components, routes and models with babel-plugin-dva-hmr
• Plugin system: e.g. we have dva-loading plugin to handle loading state automatically

• Count: Simple count example
• User Dashboard: User management dashboard
• AntDesign Pro：(Demo)，out-of-box UI solution for enterprise applications
• HackerNews: (Demo)，HackerNews Clone
• antd-admin: (Demo)，A admin dashboard application demo built upon Ant Design and Dva.js
• github-stars: (Demo)，Github star management application
• Account System: A small inventory management system
• react-native-dva-starter: react-native example integrated dva and react-navigation

Demo: https://pigeon-maps.js.org/ (using maps from MapTiler, OSM and Stamen)

Are you tired of waiting 3 seconds to parse 200kb of Google Maps JavaScript just to display a few tiles and a marker? 140kb of minified Leaflet too much?

Welcome to the club!

This project aims to provide a performance-first React-centric extendable map engine.

We're currently at:

Implemented:

• Show tiles
• Arbitrary overlays (markers, etc)
• Move the map by dragging
• Move the map by touch on mobile
• Zooming with the scroll wheel
• Zooming by touch
• Fractional zooming (e.g. to level 12.2)
• Zoom without flickering (keep old tiles until new ones load)
• Smooth animated zooming
• Slide when dragging and letting go
• Event handling (clicks, etc)
• Double click and double tap zooming
• Option to block dragging with one finger and mouse wheel scrolling without holding meta key
• Enable/disable touch and mouse events as…