Skip to content

Instantly share code, notes, and snippets.

@jellehak
jellehak / ci.php
Last active November 11, 2019 16:06
<?php
// Script to handle github webhook
// https://developer.github.com/webhooks/
// =========================
// CONFIG
// =========================
// Set in Github
$secret = ""; // (optional but recommended) this makes this endpoint only availible to github e.g. veryverysecret
// Globally register all base components for convenience, because they
// will be used very frequently. Components are registered using the filename
import Vue from 'vue';
// https://webpack.js.org/guides/dependency-management/#require-context
const requireComponent = require.context(
'./', // Look for files in the current directory
true, // include subdirectories
// Only include "_base-" prefixed .vue files
@jellehak
jellehak / README.md
Last active February 12, 2021 09:36
Automatic routes for Vue

Automatic routes for Vue

One thing I quite like from the Nuxt framework is the automatic routing capabilities. After a quick look on the web I came across https://github.com/ktsn/vue-auto-routing and a great tutorial from Michal https://codeburst.io/automatic-routing-in-vue-js-applications-1403ba425bfa. I tried to implement this plugin but it felt it could be done even more simple with the use of require.context. 

How it works

It turns this folder structure:

pages
|- dashboard
|- photos
|- users
<!DOCTYPE html>
<html>
<script src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
<script src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
<script src="https://unpkg.com/babel-standalone@6.15.0/babel.min.js"></script>
<body>
<div id="app"></div>
<script type="text/babel">
<!DOCTYPE html>
<html>
<body>
<div id="app">
<h1>Hello World!</h1>
</div>
<script type="module">
import Vue from 'https://cdn.jsdelivr.net/npm/vue@2.6.11/dist/vue.esm.browser.js'
@jellehak
jellehak / usePersist.js
Last active November 10, 2020 10:19
Simple persistant state in you Vue app
export const get = (name = '') => {
const storage = localStorage.getItem(name)
const resp = JSON.parse(storage)
return Array.isArray(resp) ? resp : []
}
export const save = (name = '', obj) => {
localStorage.setItem(name, JSON.stringify(obj))
}
@jellehak
jellehak / .eslintrc.js
Last active March 24, 2021 07:42
Light version of eslint-plugin-standard. (Can be used without any dependencies)
module.exports = {
env: {
browser: true,
node: true
},
parserOptions: {
sourceType: 'module',
ecmaVersion: 2020
},
rules: {
@jellehak
jellehak / index.html
Created March 27, 2021 11:20
Swagger CDN
<!DOCTYPE html>
<html>
<head>
<title>Docs</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swagger-ui-dist@3.17.0/swagger-ui.css">
</head>
<body>
<div id="ui-wrapper-new" data-spec="{{spec}}">
@jellehak
jellehak / index.html
Created March 28, 2021 09:50
Bson viewer
<!DOCTYPE html>
<html>
<head>
<title>Javascript tool to convert BSON binary file into JSON</title>
<style>
html, body {
/* margin: 0; */
/* padding: 0; */
@jellehak
jellehak / index.html
Last active April 14, 2021 10:15
App as library example
<!DOCTYPE html>
<html>
<head>
<title>TODO app</title>
</head>
<body>
<div id="app1">
loading...