Rahul Kadyan znck

## Example.vue

<preview>
<setup
  :requests="{
    // Mock requests
    '/api/repos': $p.repeat(10, id => ({ id })),
    '/api/repos/:id': id => $p.x.getUser(id),
    '/api/repos/znck0': $p.http.status(404),
  }"
  :components="{

## reactivity.js
/** @type {WeakMap<object, Map<any, Set<Function>>>} */
const targetMap = new WeakMap()

let activeEffect = undefined
let shouldTrack = true
const effectStack = []
const trackStack = []

/**
 * @param {object} target

## format.swift
import Cocoa

let pasteboard = NSPasteboard.general

let re1 = try! NSRegularExpression(pattern: "background-color:.*?;")
let re2 = try! NSRegularExpression(pattern: "font-size:.*?;")
let re3 = try! NSRegularExpression(pattern: "font-family:.*?;")

let htmlType = NSPasteboard.PasteboardType(rawValue: "public.html")

## shimmer.css
@keyframes placeHolderShimmer {
  0% {
    background-position: -80px 0;
  }

  100% {
    background-position: 640px 0;
  }
}

## array.ts
export async function forEachNonBlocking<T>(
  arrayOrIterator: IterableIterator<T> | T[],
  fn: (item: T) => void,
  frameBudgetInMillis: number = 10
): Promise<void> {
  const iterator = Array.isArray(arrayOrIterator)
    ? arrayOrIterator[Symbol.iterator]()
    : arrayOrIterator;

  return new Promise((resolve, reject) => {

## promised.ts

import {promisify, CustomPromisify} from 'util'

export type FunctionProxy<T extends Function> = CustomPromisify<T>

export type PackageProxy<P extends { [key: string]: Function }> = {
  [K in keyof P]: FunctionProxy<P[K]>
}

export function promised<T extends { [key: string]: Function | any }>(target: T): PackageProxy<T> {

## begin-again.md

      
              1 file
            
          
              2 forks
            
          
              0 comments
            
          
              0 stars
            
          
                znck
                / begin-again.md
            
            
              Last active Jan 29, 2019
            
              
                VueBLR - Begin Again Workshop
              
          
      View begin-again.md
  
      
    # Initial Commit
# Create new npm project

Create new project
npm init


## w3c-html-validator.js
import { mount } from 'vue-test-utils'
import { createRenderer } from 'vue-server-renderer'

import MyComponent from './MyComponent.vue'

const renderer = createRenderer()

renderer.renderToString(
  mount(MyComponent).vm,
  (error, html) => {

## Hello.vue
<template>
  <h2 class="red">{{msg}}</h2>
</template>

<script>
export default {
  data () {
    return {
      msg: 'Hello from Component A!'
    }

## index.html
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
<style id="jsbin-css">
.group {
  display: block;
  margin: 0 15px 15px;

	<preview>
	<setup
	:requests="{
	// Mock requests
	'/api/repos': $p.repeat(10, id => ({ id })),
	'/api/repos/:id': id => $p.x.getUser(id),
	'/api/repos/znck0': $p.http.status(404),
	}"
	:components="{
	/** @type {WeakMap<object, Map<any, Set<Function>>>} */
	const targetMap = new WeakMap()

	let activeEffect = undefined
	let shouldTrack = true
	const effectStack = []
	const trackStack = []

	/**
	* @param {object} target
	import Cocoa

	let pasteboard = NSPasteboard.general

	let re1 = try! NSRegularExpression(pattern: "background-color:.*?;")
	let re2 = try! NSRegularExpression(pattern: "font-size:.*?;")
	let re3 = try! NSRegularExpression(pattern: "font-family:.*?;")

	let htmlType = NSPasteboard.PasteboardType(rawValue: "public.html")
	@keyframes placeHolderShimmer {
	0% {
	background-position: -80px 0;
	}

	100% {
	background-position: 640px 0;
	}
	}
	export async function forEachNonBlocking<T>(
	arrayOrIterator: IterableIterator<T> \| T[],
	fn: (item: T) => void,
	frameBudgetInMillis: number = 10
	): Promise<void> {
	const iterator = Array.isArray(arrayOrIterator)
	? arrayOrIterator[Symbol.iterator]()
	: arrayOrIterator;

	return new Promise((resolve, reject) => {

	import {promisify, CustomPromisify} from 'util'

	export type FunctionProxy<T extends Function> = CustomPromisify<T>

	export type PackageProxy<P extends { [key: string]: Function }> = {
	[K in keyof P]: FunctionProxy<P[K]>
	}

	export function promised<T extends { [key: string]: Function \| any }>(target: T): PackageProxy<T> {
	import { mount } from 'vue-test-utils'
	import { createRenderer } from 'vue-server-renderer'

	import MyComponent from './MyComponent.vue'

	const renderer = createRenderer()

	renderer.renderToString(
	mount(MyComponent).vm,
	(error, html) => {
	<template>
	<h2 class="red">{{msg}}</h2>
	</template>

	<script>
	export default {
	data () {
	return {
	msg: 'Hello from Component A!'
	}
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width">
	<title>JS Bin</title>
	<style id="jsbin-css">
	.group {
	display: block;
	margin: 0 15px 15px;