Skip to content

Instantly share code, notes, and snippets.

// https://github.com/michael-ciniawsky/postcss-load-config
const purgecss = require('@fullhuman/postcss-purgecss')
const conf = require('./quasar.conf')()
const ie = conf.supportIE ? ['./node_modules/quasar/src/ie-compat/*.js'] : []
const plugins = conf.framework.plugins.map(plug => {
return `./node_modules/quasar/src/plugins/${plug}.js`
})
@codenamezjames
codenamezjames / beeper css metrology fix.css
Created June 11, 2023 03:50
I fixed some weirdness with the beeper metrology css
:root {
--metrology-hue: 335; /* Enter values between 0 and 359 to change the color of the theme. */
--metrology-accent: var(--metrology-hue), 100%, 38%;
--metrology-highlight: var(--metrology-hue), 100%, 60%;
--metrology-complement: calc(var(--metrology-hue) - 50), 100%, 28%;
/* Dark Theme */
--metrology-background: 0, 0%, 0%;
#!/bin/bash
echo Install Mac App Store apps first. ( xcode )
read -p "Press any key to continue… " -n1 -s
echo '\n'
# Check that Homebrew is installed and install if not
if test ! $(which brew)
then
echo " Installing Homebrew"
@codenamezjames
codenamezjames / month-year-chooser.vue
Created June 29, 2020 16:27
A month year chooser for chrono-chooser
<template>
<div class="row items-center">
<div class="col-auto">
<q-btn
size="sm"
dense
round
flat
:icon="mdiChevronLeft"
@click="modMonth(-1)"
export class ZQueue {
functions = []
autoRun = false
running = false
context = {}
constructor (config = {}) {
return this.options(config)
}
@codenamezjames
codenamezjames / Layer renamer
Created May 31, 2021 18:01
Bulk rename layers in illustrator by selected index
var LayerRenamer, layerRenamer;
function range(start, end) {
var foo = [];
for (var i = start; i <= end; i++) {
foo.push(i);
}
return foo;
}
@codenamezjames
codenamezjames / chrono-chooser.vue
Created June 29, 2020 16:26
quasar date range picker
<template>
<div>
<div class="row q-col-gutter-sm q-mb-md q-px-md q-pt-md">
<div class="col flex items-center q-gutter-sm">
<q-input
v-model="zFromUs"
label="From"
outlined
dense
mask="##-##-####"
@codenamezjames
codenamezjames / boot-vuex-persistence.js
Created May 18, 2020 18:07
Vuex persist ssr auth
import VuexPersist from 'vuex-persist'
import Cookies from 'js-cookie'
export default ({ store, ssrContext }) => {
// Cookie Store for user/auth (ssr ajax auth)
const cookieModules = ['user']
const startsWithCookieRegex = new RegExp(`^(${cookieModules.join('|')})/`)
new VuexPersist({
filter: mutation => startsWithCookieRegex.test(mutation.type),
restoreState: key => {
try {
@codenamezjames
codenamezjames / flatten.js
Created January 1, 2019 16:15
Javascript flatten similar to ruby's flatten
function flatten(arr, depth = Infinity, result = []) {
if(!Array.isArray(arr)) return null
for (const value of arr) {
if (depth > 0 && Array.isArray(value)) {
if (depth > 1) {
flatten(value, depth - 1, result)
} else {
result.push(...value)
}
} else {
<template>
<div>
<div class="row items-center">
<div class="col-auto" style="align-self: stretch;">
<q-btn flat class="full-height q-py-lg" size="sm" icon="fas fa-chevron-left" @click="move(-col)" aria-label="previous slide"/>
</div>
<div class="col">
<div :class="{'slider-loading': loading, slider: !loading}" ref="slideWrapper" :style="currentSlideHeightStyle">
<div