Yu1709$!%yuyu!$%wutu!5=126+

                
____  ___       .__                 
\   \/  /  _____|  |   ______  _  __
 \     /  /  ___/  |  /  _ \ \/ \/ /
 /     \  \___ \|  |_(  <_> )     / 
/___/\  \/____  >____/\____/ \/\_/  
      \_/     \/    @ligmakokz

Editing: sync.js

import ctEvents from 'ct-events'
import { select, useSelect } from '@wordpress/data'
import { updateVariableInStyleTags } from 'customizer-sync-helpers'
import { getValueFromInput } from 'blocksy-options'
import { gutenbergVariables } from './variables'

export const handleMetaboxValueChange = (optionId, optionValue) => {
	const atts = {
		...getValueFromInput(
			ct_editor_localizations.post_options,
			wp.data
				.select('core/editor')
				.getEditedPostAttribute('blocksy_meta') || {}
		),
		[optionId]: optionValue,
	}

if (gutenbergVariables[optionId]) {
		let initialStyleTagsDescriptor = []
		let cacheId = ''

if (optionId === 'background') {
			const maybeStyle = document.querySelector(
				'#ct-main-editor-styles-inline-css'
			)

if (maybeStyle) {
				cacheId = 'background'
				initialStyleTagsDescriptor = [{ style: maybeStyle }]
			}
		}

if (optionId !== 'background') {
			cacheId = 'non-background'
			initialStyleTagsDescriptor = [
				{
					readStyles: () => {
						const settings = window.wp.data
							.select('core/editor')
							.getEditorSettings()
						const maybeBlocksyStyle = settings.styles.find(
							(s) => s.source === 'blocksy'
						)

if (!maybeBlocksyStyle || !maybeBlocksyStyle.css) {
							return ''
						}

return maybeBlocksyStyle.css
					},

persistStyles: (newCss) => {
						const settings = window.wp.data
							.select('core/editor')
							.getEditorSettings()

wp.data.dispatch('core/editor').updateEditorSettings({
							...settings,
							styles: settings.styles.map((s) => {
								if (s.source !== 'blocksy') {
									return s
								}

return {
									...s,
									css: newCss,
								}
							}),
						})
					},
				},
			]
		}

updateVariableInStyleTags({
			variableDescriptor: Array.isArray(gutenbergVariables[optionId])
				? gutenbergVariables[optionId]
				: [gutenbergVariables[optionId]],

value: optionValue,
			fullValue: atts,
			tabletMQ: '(max-width: 800px)',
			mobileMQ: '(max-width: 370px)',

cacheId,
			initialStyleTagsDescriptor,
		})
	}
}

Name	Type	Actions
blocks	Directory
components	Directory
hooks	Directory
utils	Directory
sync.js	File
variables.js	File