sipec

const fs = require("fs");

function convertSyntaxHighlighting(tokenColors) {
  const syntax = {};

  const scopeMapping = {
    variable: ["variable", "variable.other.readwrite", "entity.name.variable"],
    "variable.builtin": ["variable.defaultLanguage", "variable"],
    "variable.parameter": ["variable.parameter", "variable"],
    // "variable.member": [],

WebReflection

My FE/DOM Libraries

a gist to recap the current status, also available as library picker!

Minimalistic Libraries

do one thing only and do it well

• µhtml (HTML/SVG auto-keyed and manual keyed render)
• augmentor (hooks for anything)
• wickedElements (custom elements without custom elements ... wait, what?)

alexklyuev

const fs = require('fs');
const path = require('path');
const webpack = require('webpack');
const { createBundleRenderer } = require('vue-server-renderer');
const clientConfig = require('./build/webpack.client.config');
const serverConfig = require('./build/webpack.server.config');
const clientCompiler = webpack(clientConfig);
const serverCompiler = webpack(serverConfig);

const app = require('express')();

developit

const express = require('express');
const htm = require('htm');
const vhtml = require('vhtml');

// create an html`` tag function for vhtml:
const html = htm.bind(vhtml);

const App = (props) => html`
  <div class="app">
    <h1>This is an app</h1>

arayaryoma

import nanoid from 'nanoid';

console.log(nanoid());

Rich-Harris

Note: I'm not involved in Prepack in any way — please correct me if I say anything incorrect below!

A few people have asked me if Prepack and Svelte are similar projects with similar goals. The answer is 'no, they're not', but let's take a moment to explore why.

What is Prepack?

Prepack describes itself as a 'partial evaluator for JavaScript'. What that means is that it will run your code in a specialised interpreter that, rather than having some effect on the world (like printing a message to the console), will track the effects that would have happened and express them more directly.

So for example if you give it this code...

zoxon

Delete Git branch both locally and remotely?

git push origin --delete <branch_name>
git branch -d <branch_name>

lukecav

//maps.googleapis.com
//maps.gstatic.com
//fonts.googleapis.com
//fonts.gstatic.com
//ajax.googleapis.com
//apis.google.com
//google-analytics.com
//www.google-analytics.com
//ssl.google-analytics.com
//youtube.com

LoyEgor

// install
// npm i gulp-cache gulp-imagemin imagemin-pngquant imagemin-zopfli imagemin-mozjpeg imagemin-giflossy -f
// node node_modules/jpegtran-bin/lib/install.js
// node node_modules/gifsicle/lib/install.js
// node node_modules/zopflipng-bin/lib/install.js
// node node_modules/mozjpeg/lib/install.js
// node node_modules/giflossy/lib/install.js
// node node_modules/pngquant-bin/lib/install.js

jtulk

const initialState = {
  byId: ['1', '2', '3'],
  byHash: {
    '1': {id: '1', content: {title: 'item 1'}},
    '2': {id: '2', content: {title: 'item 2'}},
    '3': {id: '3', content: {title: 'item 3'}}
  }
}

const action1 = {