Function paramSetup

docs/ui/src/js/params.js:20–247

()

import {_theme, tempGray} from './initialTheme';

function paramSetup() {
  let setFirstColorSmoothing = false;
  let url = new URL(window.location);
  let params = new URLSearchParams(sanitizeQueryString(url.search.slice(1)));
  let themeBase = document.getElementById('themeBase');
  let RATIOS;
  let RATIOCOLORS;

  let themeNameInput = document.getElementById('themeNameInput');
  if (params.has('name')) {
    themeNameInput.value = params.get('name').toString();
    let characters = params.get('name').toString().length;
    themeNameInput.style.width = `${characters + 4}ch`;
  } else {
    themeNameInput.value = 'Untitled';
    let characters = 'Untitled'.length;
    themeNameInput.style.width = `${characters + 4}ch`;
  }
  // updateThemeTitle();

  if (params.has('config') && params.get('config') !== undefined) {
    let configParam = params.get('config');
    let config = JSON.parse(configParam);
    let colorScales = config.colorScales;
    let baseScale = config.baseScale;
    let lightness = config.lightness ? config.lightness : config.brightness;

    let contrast;
    let formula;
    if (!config.formula) {
      formula = 'wcag2';
    } else {
      formula = config.formula;
    }
    _theme.formula = formula;

    if (!config.contrast) {
      contrast = 1;
    } else {
      contrast = config.contrast;
    }

    if (colorScales.length > 0) {
      _theme.removeColor = tempGray;

      colorScales.map((color, i) => {
        let colorName = color.name;
        let keyColors = color.colorKeys;
        let colorSpaceVal = color.colorSpace ?? color.colorspace;
        let ratios = color.ratios;
        let smooth = i === 0 ? false : color.smooth;
        if (color.smooth === 'true') {
          if (colorSpaceVal === 'OKLAB' || colorSpaceVal === 'OKLCH') setFirstColorSmoothing = true;
        }

        // Create color scale item
        let newColor = new Leo.BackgroundColor({
          name: colorName,