effects.js

import {
    toHttps
} from './utils'
import {
    process
} from 'uniqid';


const loadFont = ({
    action,
    error,
    font,
    index
}, dispatch) => {
    const fontFace = new FontFace(
        font.family,
        `url(${toHttps(font.files.regular)})`, {
            weight: 'normal',
            style: 'normal'
        });

    fontFace.load().then(function (font) {
        document.fonts.add(font);
        dispatch(action, {
            font,
            index
        })
    }).catch(function (msg) {
        console.log(msg)
        dispatch(error, msg)
    });
}

export const LoadFontEffect = (props) => ({
    effect: loadFont,
    ...props
})

const uniqId = (props, dispatch) => {
    if (props.token) {
        console.log("using params: ", props.token)
        dispatch(props.action, props.token)
    } else {
        console.log("generating uniqid")
        const p = process("#")
        window.location = window.location + p
        dispatch(props.action, p)
    }
}

export const UniqIdEffect = (props) => ({
    effect: uniqId,
    ...props
})


const readParams = (props, dispatch) => {
    console.log("URL: ", window.location.hash)
    dispatch(props.action, {
        token: window.location.hash
    })
}

export const TokenEffect = (props) => ({
    effect: readParams,
    ...props
})

const copyLink = (props, dispatch) => {
    console.log("Copying link")
    document.getElementById("loc").select()
    document.execCommand('copy');

    var popup = document.getElementById("myPopup");
    popup.classList.toggle("visible");
    setTimeout(
        () => {
            popup.classList.toggle("visible")
            popup.classList.toggle("hidden");
        }, 5000)

    dispatch(props.action)
}

export const CopyLink = (props) => ({
    effect: copyLink,
    ...props
})