NOTE: This is prerelease software. As we work towards our first release, we will ? introduce breaking changes

Faust.js

Introduction

Faust.js is a framework for building front-end applications for headless WordPress sites. Faust.js provides tooling to reduce the pains of building a headless WordPress site (namely around data fetching, authentication, previews, and SSR/SSG) while offering a pleasant experience for both developers and publishers.

Getting Started

Faust.js aims to be framework agnostic, so it can be used with any front-end framework. Visit one of the guides below for a starting point:

• Getting started with Next.js

As we work towards our first release, we will be introducing support for other frameworks.

Documentation

Visit https://faustjs.org/docs/next/getting-started to view the full documentation.

WordPress Plugin

There are two key parts to Faust.js: the NPM packages and the WordPress plugin. To take full advantage of headless, you will need to install the plugin in addition to the…

Command Line Interface Guidelines

An open-source guide to help you write better command-line programs, taking traditional UNIX principles and updating them for the modern day.

This is the source code for the guide. To read it, go to clig.dev.

Join us on Discord if you want to discuss the guide, or just chat about CLI design.

Contributing

The content of the guide lives in a single Markdown file, content/_index.md. The website is built using Hugo.

To run Hugo locally to see your changes, run:

$ brew install hugo
$ cd <path>/<to>/cli-guidelines/
$ hugo server

To view the site on an external mobile device, run:

hugo server --bind 0.0.0.0 --baseURL http://$(hostname -f):1313

License

This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.

React Draft Wysiwyg

A Wysiwyg editor built using ReactJS and DraftJS libraries Demo Page.

Features

• Configurable toolbar with option to add/remove controls.
• Option to change the order of the controls in the toolbar.
• Option to add custom controls to the toolbar.
• Option to change styles and icons in the toolbar.
• Option to show toolbar only when editor is focused.
• Support for inline styles: Bold, Italic, Underline, StrikeThrough, Code, Subscript, Superscript.
• Support for block types: Paragraph, H1 - H6, Blockquote, Code.
• Support for setting font-size and font-family.
• Support for ordered / unordered lists and indenting.
• Support for text-alignment.
• Support for coloring text or background.
• Support for adding / editing links
• Choice of more than 150 emojis.
• Support for mentions.
• Support for hashtags.
• Support for adding / uploading images.
• Support for aligning images, setting height, width.
• Support for Embedded links, flexibility to set height and width.
• Option provided to remove added…

You don't (may not) need Moment.js

Moment.js is a fantastic time & date library with lots of great features and utilities. However, if you are working on a performance sensitive web application, it might cause a huge performance overhead because of its complex APIs and large bundle size.

Problems with Moment.js:

• It is highly based on OOP APIs, which makes it fail to work with tree-shaking, thus leading to a huge bundle size and performance issues.
• It is mutable and it causes bugs
  • clone
  • How do I work around mutability in moment.js?
• Complex OOP API (which doubles mutability problem). Here is an example https://github.com/moment/moment/blob/develop/src/test/moment/add_subtract.js#L244-L286 Moment.js allows to use a.subtract('ms', 50), a.subtract(50, 'ms') and even a.subtract('s', '50').

If you are not using timezone but only a few simple functions from moment.js, this might bloat your app, and therefore is considered overkill. dayjs has a smaller core and has very…

Front Matter a CMS running straight in Visual Studio Code

Check out the extension documentation at frontmatter.codes

What is Front Matter?

Front Matter is an essential Visual Studio Code extension that simplifies working and managing your markdown articles. We created the extension to support many static-site generators like Hugo, Jekyll, Hexo, NextJs, Gatsby, and more.

The extension brings Content Management System (CMS) capabilities straight within Visual Studio Code. For example, you can keep a list of the used tags, categories, create content, and so much more.

Our main extension features are:

• Page dashboard where you can get an overview of all your markdown pages. You can use it to search, filter, sort your contents.
• Site preview within Visual Studio Code
• SEO checks for title, description, and keywords
• Support for custom actions/scripts
• and many more

If you see something missing in your article creation flow, please feel free to reach out.

…

run-wasm

A simple way to run WASM based code executions in the browser.

Goal of the project

The goal of this project is to build an easy way to execute various programming languages in React via WebAssembly.

People should be able to use this project to embed executable code snippets on their websites easily!

We're building this as a new component to be used inside the Slip authoring tool.

Development Workflow

1. Clone the run-WASM repository and cd into it

git clone git@github.com:slipHQ/run-wasm.git
cd run-wasm

2. Run yarn in the root directory.

   This will install all the dependencies defined in the package.json file

3. Run yarn build in the root directory.

   This will build the run-wasm package in the lib folder and allow you to import it in the example-nextjs project.

4. In the example-nextjs project, run yarn.

cd example-nextjs
yarn

5. Run yarn dev

   ? You should be able to see the component…

Photon

UI toolkit for building desktop apps with Electron.

Getting started

• Clone the repo with git clone https://github.com/connors/photon.git
• Read the docs to learn about the components and how to get your new application started

Take note that our master branch is our active, unstable development branch and that if you're looking to download a stable copy of the repo, check the tagged downloads.

What's included

Within the download you'll find the following directories and files, logically grouping common assets. You'll see something like this:

photon/
├── css/
│   ├── photon.css
├── fonts/
│   ├── photon-entypo.eot
│   ├── photon-entypo.svg
│   ├── photon-entypo.ttf
│   └── photon-entypo.woff
└── template-app/
    ├── js/
    │   └── menu.js
    ├── app.js
    ├── index.html
    └── package.json

We provide compiled CSS (photon.*). We also include the Entypo fonts and a template Electron application for you to quickly get started.

Documentation

Photon's documentation is built with Jekyll and…

bezier-easing

BezierEasing provides Cubic Bezier Curve easing which generalizes easing functions (ease-in, ease-out, ease-in-out, ...any other custom curve) exactly like in CSS Transitions.

Implementing efficient lookup is not easy because it implies projecting the X coordinate to a Bezier Curve This micro library uses fast heuristics (involving dichotomic search, newton-raphson, sampling) to focus on performance and precision.

It is heavily based on implementations available in Firefox and Chrome (for the CSS transition-timing-function property).

Usage

var easing = BezierEasing(0, 0, 1, 0.5);
// easing allows to project x in [0.0,1.0] range onto the bezier-curve defined by the 4 points (see schema below).
console.log(easing(0.0)); // 0.0
console.log(easing(0.5)); // 0.3125
console.log(easing(1.0)); // 1.0

(this schema is from the…

CodeMirror

CodeMirror is a versatile text editor implemented in JavaScript for the browser. It is specialized for editing code, and comes with over 100 language modes and various addons that implement more advanced editing functionality. Every language comes with fully-featured code and syntax highlighting to help with reading and editing complex code.

A rich programming API and a CSS theming system are available for customizing CodeMirror to fit your application, and extending it with new functionality.

You can find more information (and the manual) on the project page. For questions and discussion, use the discussion forum.

See CONTRIBUTING.md for contributing guidelines.

The CodeMirror community aims to be welcoming to everybody. We use the Contributor Covenant (1.1) as our code of conduct.

Installation

Either get the zip file with the latest version, or make sure you have Node installed and run:

npm install codemirror

NOTE: This is…

OpenSea.js

A JavaScript library for crypto-native ecommerce: buying, selling, and bidding on any cryptogood. With OpenSea.js, you can easily build your own native marketplace for your non-fungible tokens, or NFTs. These can be ERC-721 or ERC-1155 (semi-fungible) items. You don't have to deploy your own smart contracts or backend orderbooks.

Published on GitHub and npm

• Synopsis
• Installation
• Getting Started
  • Fetching Assets
    • Checking Balances and Ownerships
  • Making Offers
    • Bidding on Multiple Assets
    • Bidding on ENS Short Name Auctions
  • Making Listings / Selling Items
    • Creating English Auctions
  • Running Crowdsales
  • Fetching Orders
  • Buying Items
  • Accepting Offers
  • Transferring Items or Coins (Gifting)
• Affiliate Program
  • Referring Listings
  • Referring Offers
  • Custom Affiliate Programs
  • Custom Referral Bounties
• Advanced
  • Scheduling Future Listings
  • Purchasing Items for Other Users
  • Bulk Transfers
  • Creating Bundles
  • Using ERC-20 Tokens Instead of Ether
  • Private Auctions
  • Sharing Sale Fees with OpenSea
  • Listening to Events
• Learning More
  • Example Code
• Migrating to version 1.0
• Development Information
• Diagnosing…