Skip to content

Instantly share code, notes, and snippets.

View lwakefield's full-sized avatar

Lawrence Wakefield lwakefield

24 followers · 11 following
View GitHub Profile
@lwakefield
lwakefield / gulpfile.js
Created February 11, 2016 16:26
var elixir = require('laravel-elixir');
elixir.config.assetsPath = 'src';
elixir.config.publicPath = 'dist';
elixir(function(mix) {
mix.browserSync({
files: ['**/*.html', '**/*.css', '**/*.js']
});
mix.browserify('app.js');
mix.sass('app.scss');
@lwakefield
lwakefield / meteor-vue-todo.js
Created March 1, 2016 13:04
let Todos = new Mongo.Collection('todos');
if (Meteor.isClient) {
let App = Vue.component('app', {
template: '#app',
data() {
return {
todos: [],
newTodo: ''
}
@lwakefield
lwakefield / meteor-vue-todo.html
Created March 1, 2016 13:11
<head>
<title>meteor-vue-todo</title>
</head>
<body>
<app></app>
<template id="app">
<div class="app">
<h1>Meteor Vue Todos</h1>
@lwakefield
lwakefield / vue-meteor-sync.js
Created March 1, 2016 13:15
let Todos = new Mongo.Collection('todos');
let App = Vue.component('app', {
template: '#app',
data() {
return {
todos: []
}
},
created() {
Tracker.autorun( () => this.todos = Todos.find().fetch() );
@lwakefield
lwakefield / meteor-vue-instantiate.js
Created March 1, 2016 13:17
if (Meteor.isClient) {
Meteor.startup(() => {
new Vue({
el: 'body',
});
});
}
@lwakefield
lwakefield / client.js
Created March 23, 2016 13:44
import Vue from 'vue';
import App from 'components/app';
new Vue({
el: 'body',
components: { App },
});
@lwakefield
lwakefield / server.js
Created May 25, 2016 23:24
import { Meteor } from 'meteor/meteor';
WebApp.connectHandlers.use('/file', (req, res) => {
// We only care about PUT methods
res.setHeader("Access-Control-Allow-Methods", "PUT");
// I am running meteor as a backend, see https://iamlawrence.me/agnostic-meteor
// Therefore we need to enable CORS
res.setHeader("Access-Control-Allow-Origin", "*");
res.setHeader("Access-Control-Allow-Headers", "Content-Type");
@lwakefield
lwakefield / server.js
Created May 25, 2016 23:27
import { Meteor } from 'meteor/meteor';
WebApp.connectHandlers.use('/file', (req, res) => {
res.setHeader("Access-Control-Allow-Methods", "PUT");
res.setHeader("Access-Control-Allow-Origin", "*");
res.setHeader("Access-Control-Allow-Headers", "Content-Type");
if (req.method === 'OPTIONS') {
res.writeHead(200);
res.end();
@lwakefield
lwakefield / client.html
Last active June 1, 2016 17:04
<input type="file">
<script>
var el = document.querySelector('input[type="file"]');
el.addEventListener('change', function(event) {
let files = e.target.files;
for (let i = 0; i < files.length; i++) {
let file = files[i];
var xhr = new XMLHttpRequest();
@lwakefield
lwakefield / client.html
Created May 26, 2016 13:05
<input type="file">
<script>
var el = document.querySelector('input[type="file"]');
el.addEventListener('change', function(event) {
let files = e.target.files;
for (let i = 0; i < files.length; i++) {
let file = files[i];
var xhr = new XMLHttpRequest();
// set the url to wherever you meteor app is running