gangsthub

DeepClone-js

Utility to clean up circular references while creating a new reference of an object performing a deep copy (as oposite to a shallow copy). Bear in mind it doesn't work with some data types: Date, Map, RegExp, Set, TypedArray...

📦 Install

npm i -S gist:0bce1161cfd2aa91ae7cad9abb42c342

gangsthub

<script setup lang="ts">
enum VariantEnum {
  PRIMARY = 'primary',
  SECONDARY = 'secondary',
}

// Turn enums into string union types!
type TypeFromEnum<T> = T extends `${infer U}` ? U : never;

type VariantType = TypeFromEnum<VariantEnum>;

gangsthub

///*
//* Usage:
//* @include fake-clamping(1.2, 1);
//*/

@mixin fake-clamping($line-height: 1.4, $lines: 1, $padding: 0, $w: false) {

	$_height: $line-height * $lines + $padding;

	height: #{$_height}em;

gangsthub

// vitest.config.mjs
import { defineConfigWithNuxtEnv } from 'vitest-environment-nuxt/config'

export default defineConfigWithNuxtEnv({
  test: {
    globals: true,
  },
})

gangsthub

const quiz = {
    ...{ a: { b: 1, c: 3 }},
    ...{ a: { b: 2 }}
}

gangsthub

SimpleDebounce (Vue Mixin)

If you are listening to changes on an Event (DOM Events) to execute any side effects like performing network requests, you'd probably want to "debounce" your attached function executions.

This is an alternative to lodash.debounce but "vanilla js" packed as a Vue SFC to import it as a mixin.

gangsthub

<template>
  <p id="one" class="hello">hello world</p>
</template>

<style scoped>
#one {
  color: blue;  
}

.hello.hello.hello.hello.hello.hello.hello.hello.hello.hello.hello.hello.hello {

gangsthub

Image Exists

Cheks if a given URL for an image is available over the net. It uses a simple DOM trick to test it. Be careful as <img src> can be an XSS attack vector: https://owasp.org/www-community/xss-filter-evasion-cheatsheet

📦 Install

npm i -S gist:b2efa76be5314a332cfcfd1d025f4601

gangsthub

/**
 * Takes a generator function that can yeild async functions.
 * When the wrapped generator is called again, the previous call will cancel ASAP.
 * Note: it won't cancel in-flight requests made (see: AbortController)
 * @param {GeneratorFunction} generator
 * @see https://dev.to/chromiumdev/cancellable-async-functions-in-javascript-5gp7
 * @author Sam Thorogood
 * @returns {(...args: any[]) => Promise<any>}
 */

gangsthub

copyToClipBoard.js

copytoclipboard: Alternative to clipboard.js: Async implementation of "Copy to clipboard" in plain JS. Works in Safari, Chrome, Firefox, Opera and Edge Canary. Less than 1kb minified.

copyToClipBoard accepts an html element and returns a Promise.

Copies the content of the html element with the format included and also as plain text (both options).

📦 Install