The fastest way to try Crank is via the online playground. In addition, many of the code examples in these guides feature live previews.

The Crank package is available on NPM through the @b9g organization (short for bikeshaving).

npm i @b9g/crank

/** @jsx createElement */
/** @jsxFrag Fragment */
import {createElement, Fragment} from "@b9g/crank";
import {renderer} from "@b9g/crank/dom";

renderer.render(
  <p>This paragraph element is transpiled with the classic transform.</p>,
  document.body,
);

/** @jsxImportSource @b9g/crank */
import {renderer} from "@b9g/crank/dom";

renderer.render(
  <p>This paragraph element is transpiled with the automatic transform.</p>,
  document.body,
);

…

Appwrite Init has concluded! You can check out all the latest announcements on our Init website 🚀

Appwrite is a backend platform for developing Web, Mobile, and Flutter applications. Built with the open source community and optimized for developer experience in the coding languages you love.

English | 简体中文

Announcing Appwrite Cloud Public Beta! Sign up today!

Appwrite is an end-to-end backend server for Web, Mobile, Native, or Backend apps packaged as a set of Docker microservices. Appwrite abstracts the complexity and repetitiveness required to build a modern backend API from scratch and allows you to build secure apps faster.

Using Appwrite, you can easily integrate your app with user authentication and multiple sign-in methods, a database for storing and querying users and team data, storage and file management, image manipulation, Cloud Functions, and more services.

Find out more at: https://appwrite.io

Table of Contents:

• Installation
  • Unix
  • Windows
    • CMD
    • PowerShell
  • …

High-quality APIs for Deno and the web. Use fearlessly.

The following list contains links to the Standard Library's packages and documentation:

Package	Latest version
archive
assert
async
bytes
cache
cli
collections
crypto
csv
data-structures
datetime
dotenv
encoding
expect
fmt
front-matter
fs
html
http
ini
io
json
jsonc
log
media-types
msgpack
net
path
random
regexp
semver
streams
tar
testing
text
toml
ulid
uuid
webgpu
yaml

Check out the architecture guide here.

Check out the design documentation here.

Check out the contributing guidelines here.

Package versions >=1.0.0 follow Semantic Versioning, and package versions <1.0.0 follow this proposal.

Liqvid is a library for creating interactive videos in React.

Documentation

Discord

This is a monorepo. Here is what the various packages do:

• main
  Provides the main liqvid package.

• host
  Script for pages hosting Liqvid videos; currently just handles fake fullscreen

• keymap
  Provides the Keymap class

• playback
  Provides the Playback class

• polyfills
  Polyfills for Liqvid videos; currently just handles Web Animations

• utils
  Provides the various helper functions in Utils

• cli
  The Liqvid CLI tool

• magic
  Provides wackyresource macro syntax

• renderer
  Handles the audio, build, render, and thumbs CLI commands

• serve
  Development server; provides the serve CLI command

• katex
  Provides KaTeX integration

• react-three
  Provides React Three Fiber integration

• captioning
  Captions editor

• gsap
  GSAP integration (maybe already works???)

• i18n
  Internationalization utilities

• player
  New Web Components-based <Player>

• mathjax
  MathJax integration

• react
  Probably for when Liqvid goes to Web Components…

Altair GraphQL Client

Altair is a beautiful feature-rich GraphQL Client IDE for all platforms. Altair GraphQL Client helps you debug GraphQL queries and implementations - taking care of the hard part so you can focus on actually getting things done.

altairgraphql.dev

Get started with Altair by reading the documentation.

Thanks to all our sponsors for sponsoring this project! Do you use Altair GraphQL client at your company? Consider supporting this project as a sponsor (primary, gold, silver or bronze) on open collective.

To be a primary sponsor, reach out to us.

Become a Gold sponsor of Altair to appear here.

You can learn more about how to get help here.

Would you like to help with translations? https://altair-gql-translate.surge.sh/ Click here.

Learn more about contributing to Altair here and here.

Read more…

🍃 ✨ Spearmint v14 ✨ 🍃

Spearmint helps developers easily create functional Accessibility, Endpoint, GraphQL, Puppeteer, React, Hooks, Redux, Svelte, Vue, Security, and Solid.js tests without writing any code. It dynamically converts user inputs into executable Jest test code by using DOM query selectors provided by @testing-library.

Please download Spearmint from our website

Please refer to README-dev.md

1. Open the folder of the repo you'd like to create tests for, then choose the framework/type of test you'd like to create

   
   
   

2. Utilize our auto-complete, drop-down options, and tooltips features to easily create arrangement, action, and assertion test statements for React, Vue, Svelte, and Solid; reducer, action creator, asynchronous action creator, and middleware test statements for Redux; and hooks, context, endpoint, and GraphQL test statements.

3. Spearmint will then convert user input to dynamically generate a test file in the Code Editor.

   
   
   

4. Follow the…

Prism is a set of packages for API mocking and contract testing with OpenAPI v2 (formerly known as Swagger) and OpenAPI v3.x.

Prism provides:

• Mock Servers: Life-like mock servers from any API specification document.
• Validation Proxy: Contract Testing for API consumers and developers.
• Comprehensive API Specification Support: OpenAPI v3.1, OpenAPI v3.0, OpenAPI v2.0 (formerly Swagger) and Postman Collections.

Stoplight provides hosted mock servers for convenience so that API consumers can experiment with an API without the need for backend code.

Use one of these options for instant, hosted mock servers:

• Stoplight Platform: Collaborative API Design Platform for designing, developing and documenting APIs with hosted mocking powered by Prism.
• Stoplight Studio: Free visual OpenAPI designer that comes integrated with mocking powered by Prism.

Learn more in the hosted Prism documentation.

Prism is an open-source…

Communicate important updates to your team via git commit messages.

Sometimes you need to communicate changes to other developers on your project. In a small team, a Slack message works okay, but in larger teams and distributed organizations (such as open source projects), reaching everyone can be a pain.

git-notify allows you to embed announcements into your git commit messages:

git commit -m 'git-notify: NEW DEVELOPMENT ENVIRONMENT ...'

And display them to another developer on a machine, far far away:

Simple as that.

Just add "git-notify:" to your git commit message, and anything that follows will be displayed when another developer pulls that commit, or switches from a branch that does not contain that commit to one that does.

If you're using a merge or squash commit strategy on GitHub, you can also add them to the extended commit…

degit makes copies of git repositories. When you run degit some-user/some-repo, it will find the latest commit on https://github.com/some-user/some-repo and download the associated tar file to ~/.degit/some-user/some-repo/commithash.tar.gz if it doesn't already exist locally. (This is much quicker than using git clone, because you're not downloading the entire git history.)

Requires Node 8 or above, because async and await are the cat's pyjamas

npm install -g degit

The simplest use of degit is to download the master branch of a repo from GitHub to the current working directory:

degit user/repo

# these commands are equivalent
degit github:user/repo
degit git@github.com:user/repo
degit https://github.com/user/repo

Or you can download from GitLab and BitBucket:

# download from GitLab
degit gitlab:user/repo
degit git@gitlab.com:user/repo
degit https://gitlab.com/user/repo

# download from BitBucket
degit bitbucket:user/repo
degit git@bitbucket.org:user/repo
degit https://bitbucket.org/user/repo

# download from Sourcehut
degit git.sr.ht/user/repo
degit git@git.sr.ht:user/repo
degit https://git.sr.ht/user/repo

Originally derived from es5-ext package.

Memoization is best technique to save on memory or CPU cycles when we deal with repeated operations. For detailed insight see: http://en.wikipedia.org/wiki/Memoization

• Works with any type of function arguments – no serialization is needed
• Works with any length of function arguments. Length can be set as fixed or dynamic.
• One of the fastest available solutions.
• Support for promises and asynchronous functions
• Primitive mode which assures fast performance when arguments are convertible to strings.
• WeakMap based mode for garbage collection friendly configuration
• Can be configured for methods (when this counts in)
• Cache can be cleared manually or after specified timeout
• Cache size can be limited on LRU basis
• Optionally accepts resolvers that normalize function arguments before passing them to underlying function.
• Optional reference counter mode, that allows more sophisticated cache management
• Profile tool that provides valuable usage…