PavelLaptev

const data = Data({
    currentDot: 1
});

export const MovieOfTheDayPageComp: Override = props => {
    return {
        onChangePage(pageIndex) {
            data.currentDot = pageIndex + 1;
        }
    };

PavelLaptev

import * as React from "react";
import { PropertyControls, ControlType } from "framer";

// Props types
type Props = {
    amount: number;
    width: number;
    height: number;
    activeItem: number;
};

PavelLaptev

import noUiSlider from "noUiSlider";
import menuActions from "./utils/menuActions";
import { fillDots, DotsColorByClass } from "./utils/fillDots";
import { range } from "./utils/generateArray";

// noUI Slider
const slider = document.querySelector(".slider");

noUiSlider.create(slider, {
    start: [1920, 2019],

PavelLaptev

var _ = require("lodash");
var fs = require("fs");

// Start indication log
console.log("Hello! Lets rebuild this JSON!");

// Read and do suff foo
fs.readFile("./original-json.json", "utf8", function(err, data) {
    if (err) {
        console.log("Error: " + err);

PavelLaptev

document.addEventListener("DOMContentLoaded", function(e) {
    slider.noUiSlider.on("update", function(values, handle) {
        const allBuilding = [...document.querySelectorAll(".city-dot")];

        allBuilding.map(i => {
            i.style.display = "block";
        });

        [...range(1930, values[0]), ...range(values[1], 2019)].map(i => {
            allBuilding.map(l => {

PavelLaptev

baseTokeensJSON = {
    token: {
        grids: {},
        spacers: {},
        colors: {},
        fonts: {}
    }
};

Object.assign(baseTokeensJSON.token.grids, getGrids(stylesArtboard));

PavelLaptev

function getFontStyles(stylesArtboard) {
    // empty "spacers obj" wheree we will store all colors
    const fontStyles = {};
    // get "spacers" artboard
    const fontStylesAtrboard = stylesArtboard.filter(item => {
        return item.name === "typography";
    })[0].children;

    fontStylesAtrboard.map((fontItem, i) => {
        if (fontItem.children) {

PavelLaptev

function getSpacers(stylesArtboard) {
    // empty "spacers obj" wheree we will store all colors
    const spacers = {};
    // get "spacers" artboard
    const spacersAtrboard = stylesArtboard.filter(item => {
        return item.name === "spacers";
    })[0].children;

    spacersAtrboard.map(item => {
        const spacerObj = {

PavelLaptev

function getGrids(stylesArtboard) {
    // empty "grids obj" wheree we will store all colors
    const grids = {};
    // get "grids" artboard
    const gridsAtrboard = stylesArtboard.filter(item => {
        return item.name === "grids";
    })[0].children;

    gridsAtrboard.map(item => {
        gridObj = {

PavelLaptev

function getPalette(stylesArtboard) {
    // empty "palette obj" wheree we will store all colors
    const palette = {};
    // get "palette" artboard
    const paletteAtrboard = stylesArtboard.filter(item => {
        return item.name === "palette";
    })[0].children;

    // get colors from each children
    paletteAtrboard.map(item => {