Artur Paikin arturi

made with esnextbin

Single page apps with Virtual Dom, yo-yo, Choo

	const fs = require('fs');
	const path = require('path');
	const express = require('express');
	const multer = require('multer');
	const argv = require('minimist')(process.argv.slice(2));

	const port = argv.port \|\| 9999;
	const fileFolderName = argv.folder \|\| 'files';
	const absolutePathToFileFolder = process.cwd() + '/' + fileFolderName;

	var formidable = require('formidable')
	var http = require('http')

	http.createServer(function (req, res) {
	const headers = {
	'Content-Type': 'application/json',
	'Access-Control-Allow-Origin': '*',
	'Access-Control-Allow-Methods': 'OPTIONS, POST, GET',
	'Access-Control-Max-Age': 2592000 // 30 days
	/** add other headers as per requirement */

	var Uppy = require('uppy')

	var uppy = new Uppy.Core({
	debug: true
	})
	uppy.use(Uppy.DragDrop, {
	target: '.drag'
	})
	uppy.use(Uppy.ProgressBar, {target: 'body'})
	uppy.use(Uppy.Tus10, {

	var Uppy = require('uppy')

	var uppy = new Uppy.Core({wait: false, debug: true})
	uppy
	.use(Uppy.DragDrop, {target: 'body'})
	.use(Uppy.Tus10, {endpoint: 'http://master.tus.io:8080/files/'})
	.run()

	uppy.on('core:upload-success', (fileId, url) => {
	console.log(url)

	var tus = require('tus-js-client')

	var input = document.querySelector('.myInput')

	input.addEventListener("change", function(e) {
	// Get the selected file from the input element
	var file = e.target.files[0]

	// Create a new tus upload
	var upload = new tus.Upload(file, {

	var yo = require('yo-yo')

	var globalState = {name: 'Artur', color: 'green'}
	var el = render(globalState)
	document.body.appendChild(el)

	function render (state) {
	return yo`
	<div>
	<h1>My name is ${state.name}</h1>

	// Components + actions with Morphdom

	var morphdom = require('morphdom')

	var globalState = {name: 'Artur', color: 'green'}

	var el = document.createElement('div')
	el.innerHTML = render(globalState)
	document.body.appendChild(el)