Skip to content

Instantly share code, notes, and snippets.

Avatar
:octocat:
Loving SvelteJS

Antony Jones antony

:octocat:
Loving SvelteJS
View GitHub Profile
@antony
antony / bash.sh
Last active Aug 30, 2020
Auth0 SSR Compatible Integration with Sapper
View bash.sh
npm install --save express express-openid-connect
@antony
antony / index.html
Last active Oct 24, 2020
Svelte App on Older Browsers (IE11+)
View index.html
<!-- generated via npm run build && npx create-polyfill-service-url analyse --file public/bundle.js -->
<script crossorigin="anonymous" src="https://cdn.polyfill.io/v3/polyfill.min.js?features=Array.from,Array.isArray,Array.prototype.entries,Array.prototype.fill,Array.prototype.filter,Array.prototype.forEach,Array.prototype.indexOf,Array.prototype.keys,Array.prototype.map,ArrayBuffer,console,DataView,Date.prototype.toISOString,document,fetch,Function.prototype.bind,globalThis,Map,Object.create,Object.defineProperties,Object.defineProperty,Object.entries,Object.getOwnPropertyDescriptor,Object.getOwnPropertyDescriptors,Object.getOwnPropertySymbols,Object.getPrototypeOf,Object.keys,Object.setPrototypeOf,Promise,Reflect,Reflect.construct,Set,Symbol,Symbol.iterator,WeakMap,WeakSet"></script>
@antony
antony / index.js
Last active Apr 18, 2020
A very quick authentication server which validates a JWT
View index.js
'use strict'
require = require('esm')(module)
const { init, shutdown } = require('./server.js')
async function bootstrap () {
const server = await init()
await server.start()
console.log(`Server running at: ${server.info.uri}`)
}
View SimpleFileUploader.svelte
<label>
{#if uploading}
<Progress bind:percent={progress} text="Uploading..." />
{:else if processing}
<Progress percent={100} text="Processing..." />
{:else}
<slot name="content">
</slot>
{/if}
<input
@antony
antony / rollup.config.js
Last active Sep 15, 2019
Configuration variables in Svelte / Sapper
View rollup.config.js
import conf from 'config'
const appConfig = Object.keys(conf).reduce((acc, n) => {
acc[`process.env.${n}`] = JSON.stringify(conf[n])
return acc
}, {})
export default {
client: {
...,
@antony
antony / SomeComponent.svelte
Last active Aug 15, 2019
Getting config from node-config into Sapper as `process.env.variableName`
View SomeComponent.svelte
<h1>
{process.env.myConfigVariable}
</h1>
@antony
antony / Flipper.svelte
Created Aug 10, 2019
An example of a div which can flip its content
View Flipper.svelte
<div class="card-container">
<div class="card">
{#if flipped}
<div class="side" transition:turn>
<slot name="front"></slot>
</div>
{:else}
<div class="side back" transition:turn>
<slot name="back"></slot>
</div>
View Blob to Data Url
From: https://stackoverflow.com/questions/23150333/html5-javascript-dataurl-to-blob-blob-to-dataurl
//**dataURL to blob**
function dataURLtoBlob(dataurl) {
var arr = dataurl.split(','), mime = arr[0].match(/:(.*?);/)[1],
bstr = atob(arr[1]), n = bstr.length, u8arr = new Uint8Array(n);
while(n--){
u8arr[n] = bstr.charCodeAt(n);
}
return new Blob([u8arr], {type:mime});
@antony
antony / api.js
Created Dec 10, 2018
Universal Api Client for Sapper
View api.js
import querystring from 'querystring'
import fetch from 'node-fetch'
const base = `${process.env.apiUrl}/api/v1`
class HttpError extends Error {
}
class AccessDeniedError extends HttpError {
}
@antony
antony / process.env.robotsTxt
Created Oct 22, 2018
Simple robots.txt generation for Sapper
View process.env.robotsTxt
{
UserAgent: '*',
Disallow: '/'
}
You can’t perform that action at this time.