🩹 Merge colors, fonts, and font sizes from base theme.json even when disabled (#10)

Author: Log1x

src/index.ts

@@ -961,33 +961,56 @@ export function wordpressThemeJson(config: ThemeJsonConfig = {}): VitePlugin {
                     settings: {
                         ...baseThemeJson.settings,
                         color: disableTailwindColors
-                            ? undefined
+                            ? baseThemeJson.settings?.color
                             : {
                                   ...baseThemeJson.settings?.color,
                                   palette: [
                                       ...(baseThemeJson.settings?.color
                                           ?.palette || []),
                                       ...(colorEntries || []),
-                                  ],
+                                  ].filter(
+                                      (entry, index, self) =>
+                                          index ===
+                                          self.findIndex(
+                                              (e) => e.slug === entry.slug
+                                          )
+                                  ),
                               },
                         typography: {
                             ...baseThemeJson.settings?.typography,
-                            defaultFontSizes: false,
-                            customFontSize: false,
+                            defaultFontSizes:
+                                baseThemeJson.settings?.typography
+                                    ?.defaultFontSizes ?? false,
+                            customFontSize:
+                                baseThemeJson.settings?.typography
+                                    ?.customFontSize ?? false,
                             fontFamilies: disableTailwindFonts
-                                ? undefined
+                                ? baseThemeJson.settings?.typography
+                                      ?.fontFamilies
                                 : [
                                       ...(baseThemeJson.settings?.typography
                                           ?.fontFamilies || []),
                                       ...(fontFamilyEntries || []),
-                                  ],
+                                  ].filter(
+                                      (entry, index, self) =>
+                                          index ===
+                                          self.findIndex(
+                                              (e) => e.slug === entry.slug
+                                          )
+                                  ),
                             fontSizes: disableTailwindFontSizes
-                                ? undefined
+                                ? baseThemeJson.settings?.typography?.fontSizes
                                 : [
                                       ...(baseThemeJson.settings?.typography
                                           ?.fontSizes || []),
                                       ...(fontSizeEntries || []),
-                                  ],
+                                  ].filter(
+                                      (entry, index, self) =>
+                                          index ===
+                                          self.findIndex(
+                                              (e) => e.slug === entry.slug
+                                          )
+                                  ),
                         },
                     },
                 };

tests/index.test.ts

@@ -399,9 +399,9 @@ describe('wordpressThemeJson', () => {
 
         const themeJson = JSON.parse(emitFile.mock.calls[0][0].source);
 
-        expect(themeJson.settings.color?.palette).toBeUndefined();
-        expect(themeJson.settings.typography.fontFamilies).toBeUndefined();
-        expect(themeJson.settings.typography.fontSizes).toBeUndefined();
+        expect(themeJson.settings.color?.palette).toEqual([]);
+        expect(themeJson.settings.typography.fontFamilies).toEqual([]);
+        expect(themeJson.settings.typography.fontSizes).toEqual([]);
     });
 
     it('should handle invalid font properties', () => {