Skip to content

Instantly share code, notes, and snippets.

Avatar

Markus evdama

View GitHub Profile
@evdama
evdama / rollup.config.js
Created Nov 27, 2020
duplicate babel snippet to server section so svelte-grid optional chaining code works in combination with firebase which still runs node 12
View rollup.config.js
// @ts-nocheck //TODO: enable remove once there are typings in place
// for info on emitCSS etc. https://github.com/rollup/rollup-plugin-svelte#extracting-css and https://svelte.dev/docs#svelte_preprocess
import { terser } from 'rollup-plugin-terser'
import babel from '@rollup/plugin-babel'
import commonjs from '@rollup/plugin-commonjs'
import config from 'sapper/config/rollup.js'
import environmentVariables from './config/env'
import getPreprocessor from 'svelte-preprocess'
import getTime from 'date-fns/getTime'
View chat.svelte
<script>
import { fade, fly } from 'svelte/transition'
import { onMount } from 'svelte'
import { writable } from 'svelte/store'
import * as animateScroll from 'svelte-scrollto'
import PageTransition from '../components/ui/PageTransition.svelte'
import Spinner from '../components/ui/Spinner.svelte'
import Profile from '../components/communication_channels/todos/Profile.svelte'
import getTime from 'date-fns/getTime'
import formatDistanceToNow from 'date-fns/formatDistanceToNow'
View gun-init.js
Gun.chain.subscribe = function( publish ) { // arrow function would loose scope i.e. its this so doesn't work
let gun = this
let at = gun._
let isMap = !!at && !!at.back && !!at.back.each // check if the map() function has been called
if ( isMap ) {
let store = new Map()
publish( Array.from( store ) )
View rollup.config.js
// @ts-nocheck //TODO: enable remove once there are typings in place
// TODO: uncomment all three eslint() occurrences once eslint warnings and errors are fixed
// for info on emitCSS etc. https://github.com/rollup/rollup-plugin-svelte#extracting-css and https://svelte.dev/docs#svelte_preprocess
// import { eslint } from 'rollup-plugin-eslint'
import { terser } from 'rollup-plugin-terser'
import babel from 'rollup-plugin-babel'
import commonjs from 'rollup-plugin-commonjs'
import config from 'sapper/config/rollup.js'
import environmentVariables from './config/env'
@evdama
evdama / rollup.config.js
Created May 8, 2020
trying Shiv way of integrating tw into Sapper project
View rollup.config.js
// @ts-nocheck //TODO: enable remove once there are typings in place
// TODO: uncomment all three eslint() occurrences once eslint warnings and errors are fixed
// for info on emitCSS etc. https://github.com/rollup/rollup-plugin-svelte#extracting-css and https://svelte.dev/docs#svelte_preprocess
// import { eslint } from 'rollup-plugin-eslint'
import { terser } from 'rollup-plugin-terser'
import babel from 'rollup-plugin-babel'
import commonjs from 'rollup-plugin-commonjs'
import config from 'sapper/config/rollup.js'
import environmentVariables from './config/env'
@evdama
evdama / ThemeToggle.svelte
Created May 8, 2020
using this theme toggle inside _layout.svelte
View ThemeToggle.svelte
<script>
let html, currentColorScheme = 'light'
if (process.browser) {
html = document.getElementsByTagName('html')[0]
window.matchMedia('(prefers-color-scheme: dark)').addListener(({ matches }) => {
if (matches) {
html.dataset.theme = 'dark'
currentColorScheme = 'dark'
@evdama
evdama / tailwind.css
Last active May 8, 2020
:root contents not picked up by new tw setup
View tailwind.css
@import "tailwindcss/base";
@import "tailwindcss/components";
@import './components';
@import "tailwindcss/utilities";
@import './edm-utilities';
@import 'nprogress/nprogress.css'
:root {
--font-family-one: Inter var, sans-serif;
--font-weight-black: 900;
@evdama
evdama / rollup.config.js
Created Apr 25, 2020
rollup-plugin-postcss v3.1.1 broke this build again
View rollup.config.js
// @ts-nocheck //TODO: enable remove once there are typings in place
// TODO: uncomment all three eslint() occurrences once eslint warnings and errors are fixed
// for info on emitCSS etc. https://github.com/rollup/rollup-plugin-svelte#extracting-css and https://svelte.dev/docs#svelte_preprocess
// import { eslint } from 'rollup-plugin-eslint'
import { terser } from 'rollup-plugin-terser'
import babel from 'rollup-plugin-babel'
import commonjs from 'rollup-plugin-commonjs'
import config from 'sapper/config/rollup.js'
import environmentVariables from './config/env'
View tailwind.config.js
const colors = {
transparent: 'transparent',
black: '#000000',
white: '#FFFFFF',
'red-50': '#FFEBEE',
'red-100': '#FFCDD2',
'red-200': '#EF9A9A',
'red-300': '#E57373',
'red-400': '#EF5350',
View tailwind.css
@import "tailwindcss/base";
@import "tailwindcss/components";
@import './components';
@import "tailwindcss/utilities";
@import './edm-utilities';
:root {
--font-family-one: Inter, sans-serif;
--font-weight-black: 900;
--font-weight-bold: 700;