← All changes | src/hooks/useDefaults.ts +65 -5 1.5.0 → 1.13.0 View file →

		@@ -1,5 +1,5 @@
1		-import { useEffect } from '@wordpress/element';
	1	+import { useEffect, useRef } from '@wordpress/element';
2	2	import { Theme } from 'shiki';
3	3	import { useGlobalStore } from '../state/global';
4	4	import { useThemeStore } from '../state/theme';
5	5	import { AttributesPropsAndSetter } from '../types';
		@@ -7,10 +7,20 @@
7	7	export const useDefaults = ({
8	8	attributes,
9	9	setAttributes,
10	10	}: AttributesPropsAndSetter) => {
11		- const { theme, fontSize, fontFamily, lineHeight, copyButton, headerType } =
12		- attributes;
	11	+ const {
	12	+ theme,
	13	+ fontSize,
	14	+ fontFamily,
	15	+ lineHeight,
	16	+ copyButton,
	17	+ headerType,
	18	+ footerType,
	19	+ clampFonts,
	20	+ disablePadding,
	21	+ lineNumbers,
	22	+ } = attributes;
13	23	const { previousSettings } = useGlobalStore();
14	24	const {
15	25	previousTheme,
16	26	previousFontSize,
		@@ -16,35 +26,85 @@
16	26	previousFontSize,
17	27	previousFontFamily,
18	28	previousLineHeight,
19	29	previousHeaderType,
	30	+ previousFooterType,
	31	+ previousClampFonts,
	32	+ previousDisablePadding,
	33	+ previousLineNumbers,
20	34	} = useThemeStore();
	35	+ const once = useRef(false);
	36	+
21	37	useEffect(() => {
22		- if (copyButton || !previousSettings.copyButton) return;
	38	+ if (once.current) return;
	39	+ if (copyButton !== undefined || !previousSettings.copyButton) return;
23	40	setAttributes({ copyButton: previousSettings.copyButton });
24	41	}, [previousSettings, copyButton, setAttributes]);
25	42
26	43	useEffect(() => {
	44	+ if (once.current) return;
27	45	if (theme || !previousTheme) return;
28	46	setAttributes({ theme: previousTheme as Theme });
29	47	}, [previousTheme, theme, setAttributes]);
30	48
31	49	useEffect(() => {
	50	+ if (once.current) return;
32	51	if (fontSize || !previousFontSize) return;
33	52	setAttributes({ fontSize: previousFontSize });
34	53	}, [previousFontSize, fontSize, setAttributes]);
35	54
36	55	useEffect(() => {
37		- if (fontFamily || !previousFontFamily) return;
	56	+ if (once.current) return;
	57	+ if (fontFamily || fontFamily === '' || previousFontFamily === undefined)
	58	+ return;
38	59	setAttributes({ fontFamily: previousFontFamily });
39	60	}, [previousFontFamily, fontFamily, setAttributes]);
40	61
41	62	useEffect(() => {
	63	+ if (once.current) return;
42	64	if (lineHeight || !previousLineHeight) return;
43	65	setAttributes({ lineHeight: previousLineHeight });
44	66	}, [previousLineHeight, lineHeight, setAttributes]);
45	67
46	68	useEffect(() => {
	69	+ if (once.current) return;
47	70	if (headerType || !previousHeaderType) return;
48	71	setAttributes({ headerType: previousHeaderType });
49	72	}, [previousHeaderType, headerType, setAttributes]);
	73	+
	74	+ useEffect(() => {
	75	+ if (once.current) return;
	76	+ if (footerType !== undefined || previousFooterType === undefined)
	77	+ return;
	78	+ setAttributes({ footerType: previousFooterType });
	79	+ }, [previousFooterType, footerType, setAttributes]);
	80	+
	81	+ useEffect(() => {
	82	+ if (once.current) return;
	83	+ if (clampFonts !== undefined || previousClampFonts === undefined)
	84	+ return;
	85	+ setAttributes({ clampFonts: previousClampFonts });
	86	+ }, [previousClampFonts, clampFonts, setAttributes]);
	87	+
	88	+ useEffect(() => {
	89	+ if (once.current) return;
	90	+ if (
	91	+ disablePadding !== undefined ||
	92	+ previousDisablePadding === undefined
	93	+ )
	94	+ return;
	95	+ setAttributes({ disablePadding: previousDisablePadding });
	96	+ }, [previousDisablePadding, disablePadding, setAttributes]);
	97	+
	98	+ useEffect(() => {
	99	+ if (once.current) return;
	100	+ if (lineNumbers !== undefined || previousLineNumbers === undefined)
	101	+ return;
	102	+ setAttributes({ lineNumbers: previousLineNumbers });
	103	+ }, [previousLineNumbers, lineNumbers, setAttributes]);
	104	+
	105	+ useEffect(() => {
	106	+ requestAnimationFrame(() => {
	107	+ once.current = true;
	108	+ });
	109	+ }, []);
50	110	};