@kilivi/payloadcms-theme-management 0.5.9 → 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (52) hide show
  1. package/README.md +531 -40
  2. package/dist/app/api/google-fonts/route.d.ts +31 -0
  3. package/dist/app/api/google-fonts/route.d.ts.map +1 -0
  4. package/dist/app/api/google-fonts/route.js +925 -0
  5. package/dist/app/api/google-fonts/route.js.map +1 -0
  6. package/dist/fields/themeConfigurationField.d.ts.map +1 -1
  7. package/dist/fields/themeConfigurationField.js +16 -8
  8. package/dist/fields/themeConfigurationField.js.map +1 -1
  9. package/dist/globals/ThemeSettings/FontPicker/FontPreview.d.ts +17 -0
  10. package/dist/globals/ThemeSettings/FontPicker/FontPreview.d.ts.map +1 -0
  11. package/dist/globals/ThemeSettings/FontPicker/FontPreview.js +229 -0
  12. package/dist/globals/ThemeSettings/FontPicker/FontPreview.js.map +1 -0
  13. package/dist/globals/ThemeSettings/FontPicker/PreviewContent.d.ts +20 -0
  14. package/dist/globals/ThemeSettings/FontPicker/PreviewContent.d.ts.map +1 -0
  15. package/dist/globals/ThemeSettings/FontPicker/PreviewContent.js +400 -0
  16. package/dist/globals/ThemeSettings/FontPicker/PreviewContent.js.map +1 -0
  17. package/dist/globals/ThemeSettings/FontPicker/index.d.ts +25 -0
  18. package/dist/globals/ThemeSettings/FontPicker/index.d.ts.map +1 -0
  19. package/dist/globals/ThemeSettings/FontPicker/index.js +483 -0
  20. package/dist/globals/ThemeSettings/FontPicker/index.js.map +1 -0
  21. package/dist/globals/ThemeSettings/FontPicker/styles.css +337 -0
  22. package/dist/globals/ThemeSettings/FontPicker/translations.d.ts +76 -0
  23. package/dist/globals/ThemeSettings/FontPicker/translations.d.ts.map +1 -0
  24. package/dist/globals/ThemeSettings/FontPicker/translations.js +147 -0
  25. package/dist/globals/ThemeSettings/FontPicker/translations.js.map +1 -0
  26. package/dist/globals/ThemeSettings/config.d.ts +10 -0
  27. package/dist/globals/ThemeSettings/config.d.ts.map +1 -0
  28. package/dist/globals/ThemeSettings/config.js +171 -0
  29. package/dist/globals/ThemeSettings/config.js.map +1 -0
  30. package/dist/globals/ThemeSettings/fields/FontLoadingGuideField.d.ts +5 -0
  31. package/dist/globals/ThemeSettings/fields/FontLoadingGuideField.d.ts.map +1 -0
  32. package/dist/globals/ThemeSettings/fields/FontLoadingGuideField.js +177 -0
  33. package/dist/globals/ThemeSettings/fields/FontLoadingGuideField.js.map +1 -0
  34. package/dist/globals/ThemeSettings/fields/TypographyInfoField.d.ts +5 -0
  35. package/dist/globals/ThemeSettings/fields/TypographyInfoField.d.ts.map +1 -0
  36. package/dist/globals/ThemeSettings/fields/TypographyInfoField.js +89 -0
  37. package/dist/globals/ThemeSettings/fields/TypographyInfoField.js.map +1 -0
  38. package/dist/globals/ThemeSettings/index.d.ts +4 -0
  39. package/dist/globals/ThemeSettings/index.d.ts.map +1 -0
  40. package/dist/globals/ThemeSettings/index.js +4 -0
  41. package/dist/globals/ThemeSettings/index.js.map +1 -0
  42. package/dist/index.d.ts.map +1 -1
  43. package/dist/index.js +119 -20
  44. package/dist/index.js.map +1 -1
  45. package/dist/types.d.ts +9 -1
  46. package/dist/types.d.ts.map +1 -1
  47. package/dist/types.js.map +1 -1
  48. package/dist/utilities/getThemeSettings.d.ts +34 -0
  49. package/dist/utilities/getThemeSettings.d.ts.map +1 -0
  50. package/dist/utilities/getThemeSettings.js +67 -0
  51. package/dist/utilities/getThemeSettings.js.map +1 -0
  52. package/package.json +2 -2
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../../src/app/api/google-fonts/route.ts"],"sourcesContent":["import { NextRequest, NextResponse } from 'next/server'\n\n// Font category type\nexport type FontCategory = 'all' | 'sans-serif' | 'serif' | 'display' | 'handwriting' | 'monospace'\n\n// Language subset type\nexport type LanguageSubset =\n | 'all'\n | 'vietnamese'\n | 'latin'\n | 'latin-ext'\n | 'cyrillic'\n | 'cyrillic-ext'\n | 'greek'\n | 'greek-ext'\n | 'arabic'\n | 'hebrew'\n | 'thai'\n | 'japanese'\n | 'korean'\n | 'chinese'\n\n// Google Font item\nexport interface GoogleFont {\n family: string\n variants: string[]\n subsets: string[]\n category: string\n version: string\n lastModified: string\n files: Record<string, string>\n}\n\n// API Response type\nexport interface GoogleFontsResponse {\n fonts: GoogleFont[]\n total: number\n}\n\n// Memory cache\ninterface CacheEntry {\n data: GoogleFontsResponse\n timestamp: number\n}\n\nconst cache = new Map<string, CacheEntry>()\nconst CACHE_DURATION = 24 * 60 * 60 * 1000 // 24 hours\n\n// Fallback fonts (used when API key is missing or API fails)\nconst FALLBACK_FONTS: GoogleFont[] = [\n {\n family: 'Inter',\n variants: ['100', '200', '300', '400', '500', '600', '700', '800', '900'],\n subsets: ['latin', 'latin-ext', 'cyrillic', 'cyrillic-ext', 'greek', 'greek-ext', 'vietnamese'],\n category: 'sans-serif',\n version: 'v13',\n lastModified: '2024-01-01',\n files: {\n '400':\n 'https://fonts.gstatic.com/s/inter/v13/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfAZ9hiA.woff2',\n },\n },\n {\n family: 'Roboto',\n variants: ['100', '300', '400', '500', '700', '900'],\n subsets: ['latin', 'latin-ext', 'cyrillic', 'cyrillic-ext', 'greek', 'greek-ext', 'vietnamese'],\n category: 'sans-serif',\n version: 'v30',\n lastModified: '2024-01-01',\n files: {\n '400': 'https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4mxK.woff2',\n },\n },\n {\n family: 'Open Sans',\n variants: ['300', '400', '500', '600', '700', '800'],\n subsets: [\n 'latin',\n 'latin-ext',\n 'cyrillic',\n 'cyrillic-ext',\n 'greek',\n 'greek-ext',\n 'hebrew',\n 'vietnamese',\n ],\n category: 'sans-serif',\n version: 'v35',\n lastModified: '2024-01-01',\n files: {\n '400':\n 'https://fonts.gstatic.com/s/opensans/v35/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4gaVI.woff2',\n },\n },\n {\n family: 'Lato',\n variants: ['100', '300', '400', '700', '900'],\n subsets: ['latin', 'latin-ext'],\n category: 'sans-serif',\n version: 'v24',\n lastModified: '2024-01-01',\n files: {\n '400': 'https://fonts.gstatic.com/s/lato/v24/S6uyw4BMUTPHjx4wXg.woff2',\n },\n },\n {\n family: 'Montserrat',\n variants: ['100', '200', '300', '400', '500', '600', '700', '800', '900'],\n subsets: ['latin', 'latin-ext', 'cyrillic', 'cyrillic-ext', 'vietnamese'],\n category: 'sans-serif',\n version: 'v26',\n lastModified: '2024-01-01',\n files: {\n '400':\n 'https://fonts.gstatic.com/s/montserrat/v26/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Ew-Y3tcoqK5.woff2',\n },\n },\n {\n family: 'Poppins',\n variants: ['100', '200', '300', '400', '500', '600', '700', '800', '900'],\n subsets: ['latin', 'latin-ext'],\n category: 'sans-serif',\n version: 'v20',\n lastModified: '2024-01-01',\n files: {\n '400': 'https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrJJfecg.woff2',\n },\n },\n {\n family: 'Nunito',\n variants: ['200', '300', '400', '500', '600', '700', '800', '900'],\n subsets: ['latin', 'latin-ext', 'cyrillic', 'cyrillic-ext', 'vietnamese'],\n category: 'sans-serif',\n version: 'v26',\n lastModified: '2024-01-01',\n files: {\n '400':\n 'https://fonts.gstatic.com/s/nunito/v26/XRXI3I6Li01BKofiOc5wtlZ2di8HDLshdTQ3j77e.woff2',\n },\n },\n {\n family: 'Raleway',\n variants: ['100', '200', '300', '400', '500', '600', '700', '800', '900'],\n subsets: ['latin', 'latin-ext', 'cyrillic', 'cyrillic-ext'],\n category: 'sans-serif',\n version: 'v29',\n lastModified: '2024-01-01',\n files: {\n '400':\n 'https://fonts.gstatic.com/s/raleway/v29/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCIPrU.woff2',\n },\n },\n {\n family: 'Playfair Display',\n variants: ['400', '500', '600', '700', '800', '900'],\n subsets: ['latin', 'latin-ext', 'cyrillic'],\n category: 'serif',\n version: 'v37',\n lastModified: '2024-01-01',\n files: {\n '400':\n 'https://fonts.gstatic.com/s/playfairdisplay/v37/nuFvD-vYSZviVYUb_rj3ij__anPXJzDwcbmjWBN2PKdFvUDQZNLo_U2r.woff2',\n },\n },\n {\n family: 'Merriweather',\n variants: ['300', '400', '700', '900'],\n subsets: ['latin', 'latin-ext', 'cyrillic', 'cyrillic-ext', 'vietnamese'],\n category: 'serif',\n version: 'v30',\n lastModified: '2024-01-01',\n files: {\n '400':\n 'https://fonts.gstatic.com/s/merriweather/v30/u-440qyriQwlOrhSvowK_l5-fCZMdeX3rg.woff2',\n },\n },\n {\n family: 'PT Sans',\n variants: ['400', '700'],\n subsets: ['latin', 'latin-ext', 'cyrillic', 'cyrillic-ext'],\n category: 'sans-serif',\n version: 'v17',\n lastModified: '2024-01-01',\n files: {\n '400': 'https://fonts.gstatic.com/s/ptsans/v17/jizaRExUiTo99u79D0KExcOPIDU.woff2',\n },\n },\n {\n family: 'Noto Sans',\n variants: ['100', '200', '300', '400', '500', '600', '700', '800', '900'],\n subsets: ['latin', 'latin-ext', 'cyrillic', 'cyrillic-ext', 'greek', 'greek-ext', 'vietnamese'],\n category: 'sans-serif',\n version: 'v36',\n lastModified: '2024-01-01',\n files: {\n '400':\n 'https://fonts.gstatic.com/s/notosans/v36/o-0mIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjcz6L1SoM-jCpoiyD9A-9a6Vc.woff2',\n },\n },\n {\n family: 'Ubuntu',\n variants: ['300', '400', '500', '700'],\n subsets: ['latin', 'latin-ext', 'cyrillic', 'cyrillic-ext', 'greek', 'greek-ext'],\n category: 'sans-serif',\n version: 'v20',\n lastModified: '2024-01-01',\n files: {\n '400': 'https://fonts.gstatic.com/s/ubuntu/v20/4iCs6KVjbNBYlgoKcg72j00.woff2',\n },\n },\n {\n family: 'Manrope',\n variants: ['200', '300', '400', '500', '600', '700', '800'],\n subsets: ['latin', 'latin-ext', 'cyrillic', 'cyrillic-ext', 'greek', 'vietnamese'],\n category: 'sans-serif',\n version: 'v15',\n lastModified: '2024-01-01',\n files: {\n '400':\n 'https://fonts.gstatic.com/s/manrope/v15/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk59FO_F87jxeN7B.woff2',\n },\n },\n {\n family: 'Mulish',\n variants: ['200', '300', '400', '500', '600', '700', '800', '900'],\n subsets: ['latin', 'latin-ext', 'cyrillic', 'cyrillic-ext', 'vietnamese'],\n category: 'sans-serif',\n version: 'v13',\n lastModified: '2024-01-01',\n files: {\n '400':\n 'https://fonts.gstatic.com/s/mulish/v13/1Ptyg83HX_SGhgqO0yLcmjzUAuWexZNRwaClGrw-PTY.woff2',\n },\n },\n {\n family: 'Barlow',\n variants: ['100', '200', '300', '400', '500', '600', '700', '800', '900'],\n subsets: ['latin', 'latin-ext', 'vietnamese'],\n category: 'sans-serif',\n version: 'v12',\n lastModified: '2024-01-01',\n files: {\n '400': 'https://fonts.gstatic.com/s/barlow/v12/7cHpv4kjgoGqM7E3b8s8yn4hnCci.woff2',\n },\n },\n {\n family: 'Work Sans',\n variants: ['100', '200', '300', '400', '500', '600', '700', '800', '900'],\n subsets: ['latin', 'latin-ext', 'vietnamese'],\n category: 'sans-serif',\n version: 'v19',\n lastModified: '2024-01-01',\n files: {\n '400':\n 'https://fonts.gstatic.com/s/worksans/v19/QGY_z_wNahGAdqQ43RhVcIgYT2Xz5u32K0nWNigDp6_cOyA.woff2',\n },\n },\n {\n family: 'Quicksand',\n variants: ['300', '400', '500', '600', '700'],\n subsets: ['latin', 'latin-ext', 'vietnamese'],\n category: 'sans-serif',\n version: 'v31',\n lastModified: '2024-01-01',\n files: {\n '400':\n 'https://fonts.gstatic.com/s/quicksand/v31/6xK-dSZaM9iE8KbpRA_LJ3z8mH9BOJvgkP8o58a-xDwxUD2GF9Zc.woff2',\n },\n },\n {\n family: 'Karla',\n variants: ['200', '300', '400', '500', '600', '700', '800'],\n subsets: ['latin', 'latin-ext'],\n category: 'sans-serif',\n version: 'v31',\n lastModified: '2024-01-01',\n files: {\n '400':\n 'https://fonts.gstatic.com/s/karla/v31/qkBIXvYC6trAT55ZBi1ueQVIjQTDeJqqFENLR7fHGw.woff2',\n },\n },\n {\n family: 'Rubik',\n variants: ['300', '400', '500', '600', '700', '800', '900'],\n subsets: ['latin', 'latin-ext', 'cyrillic', 'cyrillic-ext', 'hebrew'],\n category: 'sans-serif',\n version: 'v28',\n lastModified: '2024-01-01',\n files: {\n '400': 'https://fonts.gstatic.com/s/rubik/v28/iJWZBXyIfDnIV5PNhY1KTN7Z-Yh-B4iFV0U1.woff2',\n },\n },\n {\n family: 'DM Sans',\n variants: ['100', '200', '300', '400', '500', '600', '700', '800', '900'],\n subsets: ['latin', 'latin-ext'],\n category: 'sans-serif',\n version: 'v15',\n lastModified: '2024-01-01',\n files: {\n '400':\n 'https://fonts.gstatic.com/s/dmsans/v15/rP2tp2ywxg089UriI5-g4vlH9VoD8CmcqZG40F9JadbnoEwAopxRR236MF0WOQ.woff2',\n },\n },\n {\n family: 'Josefin Sans',\n variants: ['100', '200', '300', '400', '500', '600', '700'],\n subsets: ['latin', 'latin-ext', 'vietnamese'],\n category: 'sans-serif',\n version: 'v32',\n lastModified: '2024-01-01',\n files: {\n '400':\n 'https://fonts.gstatic.com/s/josefinsans/v32/Qw3PZQNVED7rKGKxtqIqX5E-AVSJrOCfjY46_DjRXMFrLgTsQV0.woff2',\n },\n },\n {\n family: 'Libre Baskerville',\n variants: ['400', '700'],\n subsets: ['latin', 'latin-ext'],\n category: 'serif',\n version: 'v14',\n lastModified: '2024-01-01',\n files: {\n '400':\n 'https://fonts.gstatic.com/s/librebaskerville/v14/kmKnZrc3Hgbbcjq75U4uslyuy4kn0pNeYRI4CN2V.woff2',\n },\n },\n {\n family: 'Source Sans 3',\n variants: ['200', '300', '400', '500', '600', '700', '800', '900'],\n subsets: ['latin', 'latin-ext', 'cyrillic', 'cyrillic-ext', 'greek', 'greek-ext', 'vietnamese'],\n category: 'sans-serif',\n version: 'v15',\n lastModified: '2024-01-01',\n files: {\n '400':\n 'https://fonts.gstatic.com/s/sourcesans3/v15/nwpBtKy2OAdR1K-IwhWudF-R9QMylBJAV3Bo8Kw461EN_io6npfB.woff2',\n },\n },\n {\n family: 'Be Vietnam Pro',\n variants: ['100', '200', '300', '400', '500', '600', '700', '800', '900'],\n subsets: ['latin', 'latin-ext', 'vietnamese'],\n category: 'sans-serif',\n version: 'v11',\n lastModified: '2024-01-01',\n files: {\n '400':\n 'https://fonts.gstatic.com/s/bevietnampro/v11/QdVMSTAyLFyeg_IDWvOJmVES_HRUBX8YYbAiah8.woff2',\n },\n },\n {\n family: 'Lexend',\n variants: ['100', '200', '300', '400', '500', '600', '700', '800', '900'],\n subsets: ['latin', 'latin-ext', 'vietnamese'],\n category: 'sans-serif',\n version: 'v19',\n lastModified: '2024-01-01',\n files: {\n '400':\n 'https://fonts.gstatic.com/s/lexend/v19/wlptgwvFAVdoq2_F94zlCfv0bz1WCzsX_LBte6KuGEo.woff2',\n },\n },\n {\n family: 'Archivo',\n variants: ['100', '200', '300', '400', '500', '600', '700', '800', '900'],\n subsets: ['latin', 'latin-ext', 'vietnamese'],\n category: 'sans-serif',\n version: 'v19',\n lastModified: '2024-01-01',\n files: {\n '400':\n 'https://fonts.gstatic.com/s/archivo/v19/k3kQo8UDI-1M0wlSV9XAw6lQkqWY8Q82sJaRE-NWIDdgffTTNDJp8B1oJ0vyVQ.woff2',\n },\n },\n {\n family: 'Space Grotesk',\n variants: ['300', '400', '500', '600', '700'],\n subsets: ['latin', 'latin-ext', 'vietnamese'],\n category: 'sans-serif',\n version: 'v16',\n lastModified: '2024-01-01',\n files: {\n '400':\n 'https://fonts.gstatic.com/s/spacegrotesk/v16/V8mQoQDjQSkFtoMM3T6r8E7mF71Q-gOoraIAEj7oUUsjNsFjTDJK.woff2',\n },\n },\n {\n family: 'Outfit',\n variants: ['100', '200', '300', '400', '500', '600', '700', '800', '900'],\n subsets: ['latin', 'latin-ext'],\n category: 'sans-serif',\n version: 'v11',\n lastModified: '2024-01-01',\n files: {\n '400':\n 'https://fonts.gstatic.com/s/outfit/v11/QGYyz_MVcBeNP4NjuGObqx1XmO1I4TC1O4a0EwEpq6W1J3f6ltDB.woff2',\n },\n },\n {\n family: 'Crimson Text',\n variants: ['400', '600', '700'],\n subsets: ['latin', 'latin-ext', 'vietnamese'],\n category: 'serif',\n version: 'v19',\n lastModified: '2024-01-01',\n files: {\n '400': 'https://fonts.gstatic.com/s/crimsontext/v19/wlp2gwHKFkZgtmSR3NB0oRJvaAJSA_JN3Q.woff2',\n },\n },\n {\n family: 'Inconsolata',\n variants: ['200', '300', '400', '500', '600', '700', '800', '900'],\n subsets: ['latin', 'latin-ext', 'vietnamese'],\n category: 'monospace',\n version: 'v32',\n lastModified: '2024-01-01',\n files: {\n '400':\n 'https://fonts.gstatic.com/s/inconsolata/v32/QldgNThLqRwH-OJ1UHjlKENVzkWGVkL3GZQmAwLYxYWI2qfdm7Lpp4U8aRr8lleY2co.woff2',\n },\n },\n {\n family: 'Dancing Script',\n variants: ['400', '500', '600', '700'],\n subsets: ['latin', 'latin-ext', 'vietnamese'],\n category: 'handwriting',\n version: 'v25',\n lastModified: '2024-01-01',\n files: {\n '400':\n 'https://fonts.gstatic.com/s/dancingscript/v25/If2cXTr6YS-zF4S-kcSWSVi_sxjsohD9F50Ruu7B1i03Rep8ltA.woff2',\n },\n },\n {\n family: 'Pacifico',\n variants: ['400'],\n subsets: ['latin', 'latin-ext', 'cyrillic', 'cyrillic-ext', 'vietnamese'],\n category: 'handwriting',\n version: 'v22',\n lastModified: '2024-01-01',\n files: {\n '400': 'https://fonts.gstatic.com/s/pacifico/v22/FwZY7-Qmy14u9lezJ96A4sijpFu_.woff2',\n },\n },\n {\n family: 'Bebas Neue',\n variants: ['400'],\n subsets: ['latin', 'latin-ext'],\n category: 'display',\n version: 'v14',\n lastModified: '2024-01-01',\n files: {\n '400': 'https://fonts.gstatic.com/s/bebasneue/v14/JTUSjIg69CK48gW7PXooxW5rygbi49c.woff2',\n },\n },\n {\n family: 'Righteous',\n variants: ['400'],\n subsets: ['latin', 'latin-ext'],\n category: 'display',\n version: 'v17',\n lastModified: '2024-01-01',\n files: {\n '400': 'https://fonts.gstatic.com/s/righteous/v17/1cXxaUPXBpj2rGoU7C9mj3uEicG01A.woff2',\n },\n },\n]\n\n/**\n * Filter fonts based on search, category, and subset\n */\nfunction filterFonts(\n fonts: GoogleFont[],\n search: string,\n category: FontCategory,\n subset: LanguageSubset,\n): GoogleFont[] {\n let filtered = fonts\n\n // Filter by search\n if (search) {\n const searchLower = search.toLowerCase()\n filtered = filtered.filter((font) => font.family.toLowerCase().includes(searchLower))\n }\n\n // Filter by category\n if (category !== 'all') {\n filtered = filtered.filter((font) => font.category === category)\n }\n\n // Filter by subset\n if (subset !== 'all') {\n filtered = filtered.filter((font) => font.subsets.includes(subset))\n }\n\n return filtered\n}\n\n/**\n * GET /api/google-fonts\n *\n * Query params:\n * - search: string (optional) - Search query\n * - category: FontCategory (optional) - Font category filter\n * - subset: LanguageSubset (optional) - Language subset filter\n * - limit: number (optional, default 100) - Number of fonts to return\n * - offset: number (optional, default 0) - Pagination offset\n */\nexport async function GET(request: NextRequest) {\n try {\n const { searchParams } = new URL(request.url)\n const search = searchParams.get('search') || ''\n const category = (searchParams.get('category') || 'all') as FontCategory\n const subset = (searchParams.get('subset') || 'all') as LanguageSubset\n const limit = Math.min(Number.parseInt(searchParams.get('limit') || '100'), 200)\n const offset = Number.parseInt(searchParams.get('offset') || '0')\n\n // Generate cache key\n const cacheKey = `${search}|${category}|${subset}`\n\n // Check cache\n const cached = cache.get(cacheKey)\n if (cached && Date.now() - cached.timestamp < CACHE_DURATION) {\n const fonts = cached.data.fonts.slice(offset, offset + limit)\n return NextResponse.json({\n fonts,\n total: cached.data.total,\n })\n }\n\n // Get Google Fonts API key from environment\n const apiKey = process.env.GOOGLE_FONTS_API_KEY\n\n let allFonts: GoogleFont[] = []\n\n if (apiKey) {\n try {\n // Fetch from Google Fonts API\n const response = await fetch(\n `https://www.googleapis.com/webfonts/v1/webfonts?key=${apiKey}&sort=popularity`,\n {\n next: { revalidate: 86400 }, // Revalidate every 24 hours\n },\n )\n\n if (!response.ok) {\n throw new Error(`Google Fonts API error: ${response.statusText}`)\n }\n\n const data = await response.json()\n allFonts = data.items || []\n } catch (error) {\n console.error('Google Fonts API error:', error)\n // Fall back to fallback fonts\n allFonts = FALLBACK_FONTS\n }\n } else {\n // No API key, use fallback fonts\n console.warn('GOOGLE_FONTS_API_KEY not set, using fallback fonts')\n allFonts = FALLBACK_FONTS\n }\n\n // Filter fonts\n const filteredFonts = filterFonts(allFonts, search, category, subset)\n\n // Cache the full filtered result\n cache.set(cacheKey, {\n data: {\n fonts: filteredFonts,\n total: filteredFonts.length,\n },\n timestamp: Date.now(),\n })\n\n // Return paginated result\n const fonts = filteredFonts.slice(offset, offset + limit)\n\n return NextResponse.json({\n fonts,\n total: filteredFonts.length,\n })\n } catch (error) {\n console.error('Error in /api/google-fonts:', error)\n return NextResponse.json(\n {\n error: 'Failed to fetch Google Fonts',\n fonts: FALLBACK_FONTS.slice(0, 100),\n total: FALLBACK_FONTS.length,\n },\n { status: 500 },\n )\n }\n}\n"],"names":["NextResponse","cache","Map","CACHE_DURATION","FALLBACK_FONTS","family","variants","subsets","category","version","lastModified","files","filterFonts","fonts","search","subset","filtered","searchLower","toLowerCase","filter","font","includes","GET","request","searchParams","URL","url","get","limit","Math","min","Number","parseInt","offset","cacheKey","cached","Date","now","timestamp","data","slice","json","total","apiKey","process","env","GOOGLE_FONTS_API_KEY","allFonts","response","fetch","next","revalidate","ok","Error","statusText","items","error","console","warn","filteredFonts","set","length","status"],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"themeConfigurationField.d.ts","sourceRoot":"","sources":["../../src/fields/themeConfigurationField.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAS,SAAS,EAAE,MAAM,SAAS,CAAA;AAO/C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAG9C,UAAU,8BAA8B;IACtC,YAAY,EAAE,WAAW,EAAE,CAAA;IAC3B,YAAY,EAAE,MAAM,CAAA;IACpB,sBAAsB,EAAE,OAAO,CAAA;IAC/B,gBAAgB,EAAE,OAAO,CAAA;IACzB,oBAAoB,EAAE,OAAO,CAAA;IAC7B,sBAAsB,CAAC,EAAE,OAAO,CAAA;CACjC;AAQD,MAAM,MAAM,QAAQ,GAAG,WAAW,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAA;AAE7D;;;GAGG;AACH,wBAAgB,6BAA6B,CAAC,OAAO,EAAE,8BAA8B,GAAG,QAAQ,CAqa/F"}
1
+ {"version":3,"file":"themeConfigurationField.d.ts","sourceRoot":"","sources":["../../src/fields/themeConfigurationField.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAS,SAAS,EAAE,MAAM,SAAS,CAAA;AAO/C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAG9C,UAAU,8BAA8B;IACtC,YAAY,EAAE,WAAW,EAAE,CAAA;IAC3B,YAAY,EAAE,MAAM,CAAA;IACpB,sBAAsB,EAAE,OAAO,CAAA;IAC/B,gBAAgB,EAAE,OAAO,CAAA;IACzB,oBAAoB,EAAE,OAAO,CAAA;IAC7B,sBAAsB,CAAC,EAAE,OAAO,CAAA;CACjC;AAQD,MAAM,MAAM,QAAQ,GAAG,WAAW,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAA;AAE7D;;;GAGG;AACH,wBAAgB,6BAA6B,CAAC,OAAO,EAAE,8BAA8B,GAAG,QAAQ,CA6a/F"}
@@ -90,7 +90,8 @@ import { darkModeField, lightModeField } from './colorModeFields.js';
90
90
  cs: 'Výchozí zaoblení rohů pro UI prvky'
91
91
  },
92
92
  width: '50%'
93
- }
93
+ },
94
+ dbName: 'border_radius'
94
95
  },
95
96
  {
96
97
  name: 'spacing',
@@ -129,7 +130,8 @@ import { darkModeField, lightModeField } from './colorModeFields.js';
129
130
  cs: 'Globální rozestupy mezi prvky'
130
131
  },
131
132
  width: '50%'
132
- }
133
+ },
134
+ dbName: 'spacing'
133
135
  }
134
136
  ]
135
137
  });
@@ -189,7 +191,8 @@ import { darkModeField, lightModeField } from './colorModeFields.js';
189
191
  cs: 'Výchozí barevný režim pro návštěvníky'
190
192
  },
191
193
  width: '50%'
192
- }
194
+ },
195
+ dbName: 'color_mode'
193
196
  },
194
197
  {
195
198
  name: 'allowColorModeToggle',
@@ -252,7 +255,8 @@ import { darkModeField, lightModeField } from './colorModeFields.js';
252
255
  components: {
253
256
  Field: '@kilivi/payloadcms-theme-management/fields/FontSelectField'
254
257
  }
255
- }
258
+ },
259
+ dbName: 'body_font'
256
260
  },
257
261
  {
258
262
  name: 'headingFont',
@@ -270,7 +274,8 @@ import { darkModeField, lightModeField } from './colorModeFields.js';
270
274
  components: {
271
275
  Field: '@kilivi/payloadcms-theme-management/fields/FontSelectField'
272
276
  }
273
- }
277
+ },
278
+ dbName: 'heading_font'
274
279
  }
275
280
  ]
276
281
  },
@@ -330,7 +335,8 @@ import { darkModeField, lightModeField } from './colorModeFields.js';
330
335
  })),
331
336
  admin: {
332
337
  width: '50%'
333
- }
338
+ },
339
+ dbName: 'base_font_size'
334
340
  },
335
341
  {
336
342
  name: 'lineHeight',
@@ -346,7 +352,8 @@ import { darkModeField, lightModeField } from './colorModeFields.js';
346
352
  })),
347
353
  admin: {
348
354
  width: '50%'
349
- }
355
+ },
356
+ dbName: 'line_height'
350
357
  }
351
358
  ]
352
359
  }
@@ -435,7 +442,8 @@ import { darkModeField, lightModeField } from './colorModeFields.js';
435
442
  cs: 'Kontrola animací a přechodů na webu'
436
443
  },
437
444
  width: '50%'
438
- }
445
+ },
446
+ dbName: 'animation_level'
439
447
  }
440
448
  ];
441
449
  if (includeCustomCSS) {
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/fields/themeConfigurationField.ts"],"sourcesContent":["import type { Field, TabsField } from 'payload'\nimport {\n BASE_FONT_SIZE_OPTIONS,\n BODY_FONT_OPTIONS,\n HEADING_FONT_OPTIONS,\n LINE_HEIGHT_OPTIONS,\n} from '../constants/themeFonts.js'\nimport type { ThemePreset } from '../index.js'\nimport { darkModeField, lightModeField } from './colorModeFields.js'\n\ninterface ThemeConfigurationFieldOptions {\n themePresets: ThemePreset[]\n defaultTheme: string\n includeColorModeToggle: boolean\n includeCustomCSS: boolean\n includeBrandIdentity: boolean\n enableAdvancedFeatures?: boolean\n}\n\n// Type for admin.custom property to avoid ts-expect-error\ninterface ThemeAdminCustom {\n themePresets?: ThemePreset[]\n}\n\n// Type for a single tab (not the full TabsField)\nexport type ThemeTab = NonNullable<TabsField['tabs']>[number]\n\n/**\n * Theme Configuration Field with Theme Selection as default value setter\n * Theme Selection populates lightMode/darkMode colors automatically\n */\nexport function createThemeConfigurationField(options: ThemeConfigurationFieldOptions): ThemeTab {\n const {\n themePresets,\n defaultTheme,\n includeColorModeToggle,\n includeCustomCSS,\n enableAdvancedFeatures = true,\n } = options\n\n const fields: Field[] = [\n {\n name: 'theme',\n type: 'text',\n required: true,\n defaultValue: defaultTheme,\n label: {\n en: '🎨 Theme Selection',\n cs: '🎨 Výběr tématu',\n },\n validate: (value: unknown) => {\n if (typeof value === 'string' && value.trim().length > 0) {\n return true\n }\n return 'Select a theme'\n },\n admin: {\n description: {\n en: 'Select a theme to auto-populate color values. You can customize colors after selection.',\n cs: 'Vyberte téma pro automatické předvyplnění barev. Po výběru můžete barvy upravit.',\n },\n components: {\n Field: '@kilivi/payloadcms-theme-management/fields/ThemePreviewField',\n },\n custom: {\n themePresets,\n } as ThemeAdminCustom,\n },\n },\n ]\n\n // Border Radius Configuration - Always visible\n fields.push({\n type: 'row',\n fields: [\n {\n name: 'borderRadius',\n type: 'select',\n label: {\n en: '📐 Border Radius',\n cs: '📐 Zaoblení rohů',\n },\n defaultValue: 'medium',\n options: [\n { label: { en: 'None (0px)', cs: 'Žádné (0px)' }, value: 'none' },\n { label: { en: 'Small (0.25rem)', cs: 'Malé (0.25rem)' }, value: 'small' },\n { label: { en: 'Medium (0.5rem)', cs: 'Střední (0.5rem)' }, value: 'medium' },\n { label: { en: 'Large (0.75rem)', cs: 'Velké (0.75rem)' }, value: 'large' },\n { label: { en: 'XL (1rem)', cs: 'XL (1rem)' }, value: 'xl' },\n ],\n admin: {\n description: {\n en: 'Default corner rounding for UI elements',\n cs: 'Výchozí zaoblení rohů pro UI prvky',\n },\n width: '50%',\n },\n },\n {\n name: 'spacing',\n type: 'select',\n label: {\n en: '📏 Spacing Scale',\n cs: '📏 Škála rozestupů',\n },\n defaultValue: 'medium',\n options: [\n { label: { en: 'Compact', cs: 'Kompaktní' }, value: 'compact' },\n { label: { en: 'Medium', cs: 'Střední' }, value: 'medium' },\n { label: { en: 'Comfortable', cs: 'Pohodlné' }, value: 'comfortable' },\n ],\n admin: {\n description: {\n en: 'Global spacing between elements',\n cs: 'Globální rozestupy mezi prvky',\n },\n width: '50%',\n },\n },\n ],\n })\n\n // Color Mode Settings\n if (includeColorModeToggle) {\n fields.push({\n type: 'collapsible',\n label: {\n en: '🌗 Color Mode Settings',\n cs: '🌗 Nastavení barevného režimu',\n },\n admin: {\n initCollapsed: false,\n description: {\n en: 'Configure light and dark mode colors. Changes here override theme selection.',\n cs: 'Nakonfigurujte barvy světlého a tmavého režimu. Změny zde přepíší výběr tématu.',\n },\n },\n fields: [\n {\n type: 'row',\n fields: [\n {\n name: 'colorMode',\n type: 'select',\n label: {\n en: 'Default Color Mode',\n cs: 'Výchozí barevný režim',\n },\n defaultValue: 'auto',\n options: [\n {\n label: {\n en: 'Auto (System)',\n cs: 'Automaticky (Systém)',\n },\n value: 'auto',\n },\n {\n label: { en: 'Light', cs: 'Světlý' },\n value: 'light',\n },\n {\n label: { en: 'Dark', cs: 'Tmavý' },\n value: 'dark',\n },\n ],\n admin: {\n description: {\n en: 'Default color mode for visitors',\n cs: 'Výchozí barevný režim pro návštěvníky',\n },\n width: '50%',\n },\n },\n {\n name: 'allowColorModeToggle',\n type: 'checkbox',\n label: {\n en: 'Enable Mode Toggle',\n cs: 'Povolit přepínač režimu',\n },\n defaultValue: true,\n admin: {\n description: {\n en: 'Let visitors switch modes',\n cs: 'Umožnit návštěvníkům přepínat režimy',\n },\n width: '50%',\n },\n },\n ],\n },\n lightModeField,\n darkModeField,\n ],\n })\n }\n\n // Typography - Always visible\n fields.push({\n type: 'collapsible',\n label: {\n en: '🅰️ Typography',\n cs: '🅰️ Typografie',\n },\n admin: {\n initCollapsed: true,\n description: {\n en: 'Choose font families and base typography settings. Leave fields on \"Use preset\" to inherit the theme defaults.',\n cs: 'Zvolte rodiny písem a základní typografické nastavení. Hodnota \"Použít výchozí\" zachová nastavení motivu.',\n },\n },\n fields: [\n {\n name: 'typography',\n type: 'group',\n fields: [\n {\n type: 'row',\n fields: [\n {\n name: 'bodyFont',\n type: 'select',\n label: {\n en: 'Body font',\n cs: 'Písmo pro text',\n },\n defaultValue: 'preset',\n options: [...BODY_FONT_OPTIONS],\n admin: {\n width: '50%',\n components: {\n Field: '@kilivi/payloadcms-theme-management/fields/FontSelectField',\n },\n },\n },\n {\n name: 'headingFont',\n type: 'select',\n label: {\n en: 'Heading font',\n cs: 'Písmo pro nadpisy',\n },\n defaultValue: 'preset',\n options: [...HEADING_FONT_OPTIONS],\n admin: {\n width: '50%',\n components: {\n Field: '@kilivi/payloadcms-theme-management/fields/FontSelectField',\n },\n },\n },\n ],\n },\n {\n type: 'row',\n fields: [\n {\n name: 'bodyFontCustom',\n type: 'text',\n label: {\n en: 'Custom body font stack',\n cs: 'Vlastní písmo pro text',\n },\n admin: {\n width: '50%',\n placeholder: '\"IBM Plex Sans\", sans-serif',\n description: {\n en: 'Provide full CSS font-family stack when using a custom font.',\n cs: 'Při volbě vlastního písma zadejte celý CSS zápis font-family.',\n },\n condition: (_, siblingData) => siblingData?.bodyFont === 'custom',\n },\n },\n {\n name: 'headingFontCustom',\n type: 'text',\n label: {\n en: 'Custom heading font stack',\n cs: 'Vlastní písmo pro nadpisy',\n },\n admin: {\n width: '50%',\n placeholder: '\"Cormorant Garamond\", serif',\n description: {\n en: 'Provide full CSS font-family stack when using a custom heading font.',\n cs: 'Při volbě vlastního nadpisového písma zadejte celý CSS zápis font-family.',\n },\n condition: (_, siblingData) => siblingData?.headingFont === 'custom',\n },\n },\n ],\n },\n {\n type: 'row',\n fields: [\n {\n name: 'baseFontSize',\n type: 'select',\n label: {\n en: 'Base font size',\n cs: 'Základní velikost písma',\n },\n defaultValue: 'preset',\n options: BASE_FONT_SIZE_OPTIONS.map((option) => ({\n label: option.label,\n value: option.value,\n })),\n admin: {\n width: '50%',\n },\n },\n {\n name: 'lineHeight',\n type: 'select',\n label: {\n en: 'Line height',\n cs: 'Řádkování',\n },\n defaultValue: 'preset',\n options: LINE_HEIGHT_OPTIONS.map((option) => ({\n label: option.label,\n value: option.value,\n })),\n admin: {\n width: '50%',\n },\n },\n ],\n },\n ],\n },\n ],\n })\n\n const customPresetsField: Field = {\n type: 'collapsible',\n label: {\n en: '🧩 Custom Theme Presets',\n cs: '🧩 Vlastní motivy',\n },\n admin: {\n initCollapsed: true,\n description: {\n en: 'Import additional theme presets via JSON to extend or override the defaults. These presets become available instantly in the Theme Selection above.',\n cs: 'Importujte další motivy pomocí JSONu a rozšiřte nebo přepište výchozí nabídku. Motivy budou ihned k dispozici ve výběru výše.',\n },\n },\n fields: [\n {\n name: 'customThemePresets',\n type: 'json',\n label: {\n en: 'Custom Preset JSON',\n cs: 'JSON s vlastními motivy',\n },\n admin: {\n description: {\n en: 'Paste or import an array (or object map) of theme presets. Each entry should include at least a unique \"name\" and \"label\" with optional lightMode/darkMode colors.',\n cs: 'Vložte nebo importujte pole (či objekt) motivů. Každý motiv musí mít unikátní „name“ a „label“ a volitelně barvy pro světly/tmavý režim.',\n },\n components: {\n Field: '@kilivi/payloadcms-theme-management/fields/ThemePresetImportField',\n },\n },\n },\n ],\n }\n\n fields.push(customPresetsField)\n\n // Advanced Settings (when using extended theme configuration)\n if (enableAdvancedFeatures) {\n const advancedFields: Field[] = [\n {\n name: 'animationLevel',\n type: 'select',\n label: {\n en: 'Animation Level',\n cs: 'Úroveň animací',\n },\n defaultValue: 'medium',\n options: [\n { label: { en: 'None', cs: 'Žádné' }, value: 'none' },\n { label: { en: 'Reduced', cs: 'Snížené' }, value: 'reduced' },\n { label: { en: 'Medium', cs: 'Střední' }, value: 'medium' },\n { label: { en: 'High', cs: 'Vysoké' }, value: 'high' },\n ],\n admin: {\n description: {\n en: 'Control website animations and transitions',\n cs: 'Kontrola animací a přechodů na webu',\n },\n width: '50%',\n },\n },\n ]\n\n if (includeCustomCSS) {\n advancedFields.push({\n name: 'customCSS',\n type: 'code',\n label: {\n en: 'Custom CSS',\n cs: 'Vlastní CSS',\n },\n admin: {\n language: 'css',\n description: {\n en: 'Add custom CSS to override default styles',\n cs: 'Přidejte vlastní CSS pro přepsání výchozích stylů',\n },\n // placeholder:\n // ':root {\\n --primary: #your-color;\\n --border-radius: 8px;\\n --font-family: \"Your Font\";\\n}\\n\\n.custom-class {\\n /* Your custom styles */\\n}',\n // rows: 8,\n },\n })\n }\n\n fields.push({\n type: 'collapsible',\n label: {\n en: '⚙️ Advanced Settings',\n cs: '⚙️ Pokročilé nastavení',\n },\n admin: {\n initCollapsed: true,\n },\n fields: advancedFields,\n })\n }\n\n // Return as tab configuration to be injected into tabs structure\n return {\n label: {\n en: '🎨 Appearance Settings',\n cs: '🎨 Nastavení vzhledu',\n },\n fields: [\n {\n name: 'themeConfiguration',\n type: 'group',\n admin: {\n description: {\n en: 'Configure website appearance and styling',\n cs: 'Nakonfigurujte vzhled a stylování webu',\n },\n },\n fields,\n },\n ],\n }\n}\n"],"names":["BASE_FONT_SIZE_OPTIONS","BODY_FONT_OPTIONS","HEADING_FONT_OPTIONS","LINE_HEIGHT_OPTIONS","darkModeField","lightModeField","createThemeConfigurationField","options","themePresets","defaultTheme","includeColorModeToggle","includeCustomCSS","enableAdvancedFeatures","fields","name","type","required","defaultValue","label","en","cs","validate","value","trim","length","admin","description","components","Field","custom","push","width","initCollapsed","placeholder","condition","_","siblingData","bodyFont","headingFont","map","option","customPresetsField","advancedFields","language"],"mappings":"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"}
1
+ {"version":3,"sources":["../../src/fields/themeConfigurationField.ts"],"sourcesContent":["import type { Field, TabsField } from 'payload'\nimport {\n BASE_FONT_SIZE_OPTIONS,\n BODY_FONT_OPTIONS,\n HEADING_FONT_OPTIONS,\n LINE_HEIGHT_OPTIONS,\n} from '../constants/themeFonts.js'\nimport type { ThemePreset } from '../index.js'\nimport { darkModeField, lightModeField } from './colorModeFields.js'\n\ninterface ThemeConfigurationFieldOptions {\n themePresets: ThemePreset[]\n defaultTheme: string\n includeColorModeToggle: boolean\n includeCustomCSS: boolean\n includeBrandIdentity: boolean\n enableAdvancedFeatures?: boolean\n}\n\n// Type for admin.custom property to avoid ts-expect-error\ninterface ThemeAdminCustom {\n themePresets?: ThemePreset[]\n}\n\n// Type for a single tab (not the full TabsField)\nexport type ThemeTab = NonNullable<TabsField['tabs']>[number]\n\n/**\n * Theme Configuration Field with Theme Selection as default value setter\n * Theme Selection populates lightMode/darkMode colors automatically\n */\nexport function createThemeConfigurationField(options: ThemeConfigurationFieldOptions): ThemeTab {\n const {\n themePresets,\n defaultTheme,\n includeColorModeToggle,\n includeCustomCSS,\n enableAdvancedFeatures = true,\n } = options\n\n const fields: Field[] = [\n {\n name: 'theme',\n type: 'text',\n required: true,\n defaultValue: defaultTheme,\n label: {\n en: '🎨 Theme Selection',\n cs: '🎨 Výběr tématu',\n },\n validate: (value: unknown) => {\n if (typeof value === 'string' && value.trim().length > 0) {\n return true\n }\n return 'Select a theme'\n },\n admin: {\n description: {\n en: 'Select a theme to auto-populate color values. You can customize colors after selection.',\n cs: 'Vyberte téma pro automatické předvyplnění barev. Po výběru můžete barvy upravit.',\n },\n components: {\n Field: '@kilivi/payloadcms-theme-management/fields/ThemePreviewField',\n },\n custom: {\n themePresets,\n } as ThemeAdminCustom,\n },\n },\n ]\n\n // Border Radius Configuration - Always visible\n fields.push({\n type: 'row',\n fields: [\n {\n name: 'borderRadius',\n type: 'select',\n label: {\n en: '📐 Border Radius',\n cs: '📐 Zaoblení rohů',\n },\n defaultValue: 'medium',\n options: [\n { label: { en: 'None (0px)', cs: 'Žádné (0px)' }, value: 'none' },\n { label: { en: 'Small (0.25rem)', cs: 'Malé (0.25rem)' }, value: 'small' },\n { label: { en: 'Medium (0.5rem)', cs: 'Střední (0.5rem)' }, value: 'medium' },\n { label: { en: 'Large (0.75rem)', cs: 'Velké (0.75rem)' }, value: 'large' },\n { label: { en: 'XL (1rem)', cs: 'XL (1rem)' }, value: 'xl' },\n ],\n admin: {\n description: {\n en: 'Default corner rounding for UI elements',\n cs: 'Výchozí zaoblení rohů pro UI prvky',\n },\n width: '50%',\n },\n dbName: 'border_radius',\n },\n {\n name: 'spacing',\n type: 'select',\n label: {\n en: '📏 Spacing Scale',\n cs: '📏 Škála rozestupů',\n },\n defaultValue: 'medium',\n options: [\n { label: { en: 'Compact', cs: 'Kompaktní' }, value: 'compact' },\n { label: { en: 'Medium', cs: 'Střední' }, value: 'medium' },\n { label: { en: 'Comfortable', cs: 'Pohodlné' }, value: 'comfortable' },\n ],\n admin: {\n description: {\n en: 'Global spacing between elements',\n cs: 'Globální rozestupy mezi prvky',\n },\n width: '50%',\n },\n dbName: 'spacing',\n },\n ],\n })\n\n // Color Mode Settings\n if (includeColorModeToggle) {\n fields.push({\n type: 'collapsible',\n label: {\n en: '🌗 Color Mode Settings',\n cs: '🌗 Nastavení barevného režimu',\n },\n admin: {\n initCollapsed: false,\n description: {\n en: 'Configure light and dark mode colors. Changes here override theme selection.',\n cs: 'Nakonfigurujte barvy světlého a tmavého režimu. Změny zde přepíší výběr tématu.',\n },\n },\n fields: [\n {\n type: 'row',\n fields: [\n {\n name: 'colorMode',\n type: 'select',\n label: {\n en: 'Default Color Mode',\n cs: 'Výchozí barevný režim',\n },\n defaultValue: 'auto',\n options: [\n {\n label: {\n en: 'Auto (System)',\n cs: 'Automaticky (Systém)',\n },\n value: 'auto',\n },\n {\n label: { en: 'Light', cs: 'Světlý' },\n value: 'light',\n },\n {\n label: { en: 'Dark', cs: 'Tmavý' },\n value: 'dark',\n },\n ],\n admin: {\n description: {\n en: 'Default color mode for visitors',\n cs: 'Výchozí barevný režim pro návštěvníky',\n },\n width: '50%',\n },\n dbName: 'color_mode',\n },\n {\n name: 'allowColorModeToggle',\n type: 'checkbox',\n label: {\n en: 'Enable Mode Toggle',\n cs: 'Povolit přepínač režimu',\n },\n defaultValue: true,\n admin: {\n description: {\n en: 'Let visitors switch modes',\n cs: 'Umožnit návštěvníkům přepínat režimy',\n },\n width: '50%',\n },\n },\n ],\n },\n lightModeField,\n darkModeField,\n ],\n })\n }\n\n // Typography - Always visible\n fields.push({\n type: 'collapsible',\n label: {\n en: '🅰️ Typography',\n cs: '🅰️ Typografie',\n },\n admin: {\n initCollapsed: true,\n description: {\n en: 'Choose font families and base typography settings. Leave fields on \"Use preset\" to inherit the theme defaults.',\n cs: 'Zvolte rodiny písem a základní typografické nastavení. Hodnota \"Použít výchozí\" zachová nastavení motivu.',\n },\n },\n fields: [\n {\n name: 'typography',\n type: 'group',\n fields: [\n {\n type: 'row',\n fields: [\n {\n name: 'bodyFont',\n type: 'select',\n label: {\n en: 'Body font',\n cs: 'Písmo pro text',\n },\n defaultValue: 'preset',\n options: [...BODY_FONT_OPTIONS],\n admin: {\n width: '50%',\n components: {\n Field: '@kilivi/payloadcms-theme-management/fields/FontSelectField',\n },\n },\n dbName: 'body_font',\n },\n {\n name: 'headingFont',\n type: 'select',\n label: {\n en: 'Heading font',\n cs: 'Písmo pro nadpisy',\n },\n defaultValue: 'preset',\n options: [...HEADING_FONT_OPTIONS],\n admin: {\n width: '50%',\n components: {\n Field: '@kilivi/payloadcms-theme-management/fields/FontSelectField',\n },\n },\n dbName: 'heading_font',\n },\n ],\n },\n {\n type: 'row',\n fields: [\n {\n name: 'bodyFontCustom',\n type: 'text',\n label: {\n en: 'Custom body font stack',\n cs: 'Vlastní písmo pro text',\n },\n admin: {\n width: '50%',\n placeholder: '\"IBM Plex Sans\", sans-serif',\n description: {\n en: 'Provide full CSS font-family stack when using a custom font.',\n cs: 'Při volbě vlastního písma zadejte celý CSS zápis font-family.',\n },\n condition: (_, siblingData) => siblingData?.bodyFont === 'custom',\n },\n },\n {\n name: 'headingFontCustom',\n type: 'text',\n label: {\n en: 'Custom heading font stack',\n cs: 'Vlastní písmo pro nadpisy',\n },\n admin: {\n width: '50%',\n placeholder: '\"Cormorant Garamond\", serif',\n description: {\n en: 'Provide full CSS font-family stack when using a custom heading font.',\n cs: 'Při volbě vlastního nadpisového písma zadejte celý CSS zápis font-family.',\n },\n condition: (_, siblingData) => siblingData?.headingFont === 'custom',\n },\n },\n ],\n },\n {\n type: 'row',\n fields: [\n {\n name: 'baseFontSize',\n type: 'select',\n label: {\n en: 'Base font size',\n cs: 'Základní velikost písma',\n },\n defaultValue: 'preset',\n options: BASE_FONT_SIZE_OPTIONS.map((option) => ({\n label: option.label,\n value: option.value,\n })),\n admin: {\n width: '50%',\n },\n dbName: 'base_font_size',\n },\n {\n name: 'lineHeight',\n type: 'select',\n label: {\n en: 'Line height',\n cs: 'Řádkování',\n },\n defaultValue: 'preset',\n options: LINE_HEIGHT_OPTIONS.map((option) => ({\n label: option.label,\n value: option.value,\n })),\n admin: {\n width: '50%',\n },\n dbName: 'line_height',\n },\n ],\n },\n ],\n },\n ],\n })\n\n const customPresetsField: Field = {\n type: 'collapsible',\n label: {\n en: '🧩 Custom Theme Presets',\n cs: '🧩 Vlastní motivy',\n },\n admin: {\n initCollapsed: true,\n description: {\n en: 'Import additional theme presets via JSON to extend or override the defaults. These presets become available instantly in the Theme Selection above.',\n cs: 'Importujte další motivy pomocí JSONu a rozšiřte nebo přepište výchozí nabídku. Motivy budou ihned k dispozici ve výběru výše.',\n },\n },\n fields: [\n {\n name: 'customThemePresets',\n type: 'json',\n label: {\n en: 'Custom Preset JSON',\n cs: 'JSON s vlastními motivy',\n },\n admin: {\n description: {\n en: 'Paste or import an array (or object map) of theme presets. Each entry should include at least a unique \"name\" and \"label\" with optional lightMode/darkMode colors.',\n cs: 'Vložte nebo importujte pole (či objekt) motivů. Každý motiv musí mít unikátní „name“ a „label“ a volitelně barvy pro světly/tmavý režim.',\n },\n components: {\n Field: '@kilivi/payloadcms-theme-management/fields/ThemePresetImportField',\n },\n },\n },\n ],\n }\n\n fields.push(customPresetsField)\n\n // Advanced Settings (when using extended theme configuration)\n if (enableAdvancedFeatures) {\n const advancedFields: Field[] = [\n {\n name: 'animationLevel',\n type: 'select',\n label: {\n en: 'Animation Level',\n cs: 'Úroveň animací',\n },\n defaultValue: 'medium',\n options: [\n { label: { en: 'None', cs: 'Žádné' }, value: 'none' },\n { label: { en: 'Reduced', cs: 'Snížené' }, value: 'reduced' },\n { label: { en: 'Medium', cs: 'Střední' }, value: 'medium' },\n { label: { en: 'High', cs: 'Vysoké' }, value: 'high' },\n ],\n admin: {\n description: {\n en: 'Control website animations and transitions',\n cs: 'Kontrola animací a přechodů na webu',\n },\n width: '50%',\n },\n dbName: 'animation_level',\n },\n ]\n\n if (includeCustomCSS) {\n advancedFields.push({\n name: 'customCSS',\n type: 'code',\n label: {\n en: 'Custom CSS',\n cs: 'Vlastní CSS',\n },\n admin: {\n language: 'css',\n description: {\n en: 'Add custom CSS to override default styles',\n cs: 'Přidejte vlastní CSS pro přepsání výchozích stylů',\n },\n // placeholder:\n // ':root {\\n --primary: #your-color;\\n --border-radius: 8px;\\n --font-family: \"Your Font\";\\n}\\n\\n.custom-class {\\n /* Your custom styles */\\n}',\n // rows: 8,\n },\n })\n }\n\n fields.push({\n type: 'collapsible',\n label: {\n en: '⚙️ Advanced Settings',\n cs: '⚙️ Pokročilé nastavení',\n },\n admin: {\n initCollapsed: true,\n },\n fields: advancedFields,\n })\n }\n\n // Return as tab configuration to be injected into tabs structure\n return {\n label: {\n en: '🎨 Appearance Settings',\n cs: '🎨 Nastavení vzhledu',\n },\n fields: [\n {\n name: 'themeConfiguration',\n type: 'group',\n admin: {\n description: {\n en: 'Configure website appearance and styling',\n cs: 'Nakonfigurujte vzhled a stylování webu',\n },\n },\n fields,\n },\n ],\n }\n}\n"],"names":["BASE_FONT_SIZE_OPTIONS","BODY_FONT_OPTIONS","HEADING_FONT_OPTIONS","LINE_HEIGHT_OPTIONS","darkModeField","lightModeField","createThemeConfigurationField","options","themePresets","defaultTheme","includeColorModeToggle","includeCustomCSS","enableAdvancedFeatures","fields","name","type","required","defaultValue","label","en","cs","validate","value","trim","length","admin","description","components","Field","custom","push","width","dbName","initCollapsed","placeholder","condition","_","siblingData","bodyFont","headingFont","map","option","customPresetsField","advancedFields","language"],"mappings":"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"}
@@ -0,0 +1,17 @@
1
+ import React from 'react';
2
+ import type { GoogleFont } from '../../../app/api/google-fonts/route';
3
+ export type PreviewVariant = 'h1' | 'h2' | 'h3' | 'body' | 'small' | 'chars' | 'weights' | 'card' | 'row' | 'name';
4
+ export interface FontPreviewProps {
5
+ font: GoogleFont;
6
+ variant: PreviewVariant;
7
+ text?: string;
8
+ onLoad?: () => void;
9
+ }
10
+ /**
11
+ * FontPreview component with Shadow DOM isolation
12
+ *
13
+ * This component renders font previews in an isolated Shadow DOM
14
+ * to prevent Payload CMS admin styles from affecting the preview.
15
+ */
16
+ export declare const FontPreview: React.FC<FontPreviewProps>;
17
+ //# sourceMappingURL=FontPreview.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"FontPreview.d.ts","sourceRoot":"","sources":["../../../../src/globals/ThemeSettings/FontPicker/FontPreview.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4B,MAAM,OAAO,CAAA;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAA;AAErE,MAAM,MAAM,cAAc,GACtB,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,MAAM,GACN,OAAO,GACP,OAAO,GACP,SAAS,GACT,MAAM,GACN,KAAK,GACL,MAAM,CAAA;AAEV,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,UAAU,CAAA;IAChB,OAAO,EAAE,cAAc,CAAA;IACvB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;CACpB;AAED;;;;;GAKG;AACH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA+OlD,CAAA"}
@@ -0,0 +1,229 @@
1
+ 'use client';
2
+ import { jsx as _jsx } from "react/jsx-runtime";
3
+ import React, { useEffect, useRef } from 'react';
4
+ /**
5
+ * FontPreview component with Shadow DOM isolation
6
+ *
7
+ * This component renders font previews in an isolated Shadow DOM
8
+ * to prevent Payload CMS admin styles from affecting the preview.
9
+ */ export const FontPreview = ({ font, variant, text, onLoad })=>{
10
+ const shadowHostRef = useRef(null);
11
+ const shadowRootRef = useRef(null);
12
+ const fontLoadedRef = useRef(false);
13
+ useEffect(()=>{
14
+ if (!shadowHostRef.current) return;
15
+ // Create Shadow DOM if not already created
16
+ if (!shadowRootRef.current) {
17
+ shadowRootRef.current = shadowHostRef.current.attachShadow({
18
+ mode: 'open'
19
+ });
20
+ }
21
+ const shadowRoot = shadowRootRef.current;
22
+ // Get font weights
23
+ const weights = font.variants.filter((v)=>!v.includes('italic')).join(';');
24
+ const fontFamily = font.family;
25
+ // Load font CSS
26
+ const loadFont = async ()=>{
27
+ if (fontLoadedRef.current) return;
28
+ try {
29
+ // Create font face CSS
30
+ const fontUrl = `https://fonts.googleapis.com/css2?family=${encodeURIComponent(fontFamily)}:wght@${weights}&display=swap`;
31
+ // Check if font is already loaded
32
+ const link = document.createElement('link');
33
+ link.rel = 'stylesheet';
34
+ link.href = fontUrl;
35
+ // Wait for font to load
36
+ link.onload = ()=>{
37
+ fontLoadedRef.current = true;
38
+ onLoad?.();
39
+ };
40
+ // Add link to shadow root
41
+ shadowRoot.appendChild(link);
42
+ } catch (error) {
43
+ console.error('Error loading font:', error);
44
+ }
45
+ };
46
+ loadFont();
47
+ // Render preview based on variant
48
+ const renderPreview = ()=>{
49
+ const container = document.createElement('div');
50
+ container.style.cssText = `
51
+ font-family: '${fontFamily}', sans-serif;
52
+ color: inherit;
53
+ margin: 0;
54
+ padding: 0;
55
+ `;
56
+ let content;
57
+ switch(variant){
58
+ case 'h1':
59
+ content = document.createElement('h1');
60
+ content.style.cssText = `
61
+ font-size: 48px;
62
+ font-weight: 700;
63
+ line-height: 1.2;
64
+ margin: 0;
65
+ `;
66
+ content.textContent = text || font.family;
67
+ break;
68
+ case 'h2':
69
+ content = document.createElement('h2');
70
+ content.style.cssText = `
71
+ font-size: 36px;
72
+ font-weight: 600;
73
+ line-height: 1.3;
74
+ margin: 0;
75
+ `;
76
+ content.textContent = text || font.family;
77
+ break;
78
+ case 'h3':
79
+ content = document.createElement('h3');
80
+ content.style.cssText = `
81
+ font-size: 24px;
82
+ font-weight: 500;
83
+ line-height: 1.4;
84
+ margin: 0;
85
+ `;
86
+ content.textContent = text || font.family;
87
+ break;
88
+ case 'body':
89
+ content = document.createElement('p');
90
+ content.style.cssText = `
91
+ font-size: 16px;
92
+ font-weight: 400;
93
+ line-height: 1.6;
94
+ margin: 0;
95
+ `;
96
+ content.textContent = text || font.family;
97
+ break;
98
+ case 'small':
99
+ content = document.createElement('p');
100
+ content.style.cssText = `
101
+ font-size: 14px;
102
+ font-weight: 400;
103
+ line-height: 1.5;
104
+ margin: 0;
105
+ `;
106
+ content.textContent = text || font.family;
107
+ break;
108
+ case 'chars':
109
+ content = document.createElement('div');
110
+ content.style.cssText = `
111
+ font-size: 18px;
112
+ font-weight: 400;
113
+ line-height: 1.5;
114
+ margin: 0;
115
+ `;
116
+ content.textContent = 'AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 0123456789';
117
+ break;
118
+ case 'weights':
119
+ content = document.createElement('div');
120
+ content.style.cssText = `margin: 0;`;
121
+ const availableWeights = font.variants.filter((v)=>!v.includes('italic')).map((v)=>parseInt(v)).filter((w)=>!isNaN(w)).sort((a, b)=>a - b);
122
+ availableWeights.forEach((weight)=>{
123
+ const line = document.createElement('div');
124
+ line.style.cssText = `
125
+ font-size: 16px;
126
+ font-weight: ${weight};
127
+ line-height: 1.8;
128
+ margin: 4px 0;
129
+ `;
130
+ line.textContent = `${weight} - The quick brown fox jumps over the lazy dog`;
131
+ content.appendChild(line);
132
+ });
133
+ break;
134
+ case 'card':
135
+ content = document.createElement('div');
136
+ content.style.cssText = `
137
+ padding: 16px;
138
+ background: var(--theme-bg, #ffffff);
139
+ border: 1px solid var(--theme-border, #e5e7eb);
140
+ border-radius: 8px;
141
+ margin: 0;
142
+ `;
143
+ const title = document.createElement('h3');
144
+ title.style.cssText = `
145
+ font-size: 20px;
146
+ font-weight: 600;
147
+ margin: 0 0 8px 0;
148
+ `;
149
+ title.textContent = font.family;
150
+ const description = document.createElement('p');
151
+ description.style.cssText = `
152
+ font-size: 14px;
153
+ font-weight: 400;
154
+ line-height: 1.5;
155
+ margin: 0;
156
+ color: var(--theme-text-secondary, #6b7280);
157
+ `;
158
+ description.textContent = text || 'The quick brown fox jumps over the lazy dog';
159
+ content.appendChild(title);
160
+ content.appendChild(description);
161
+ break;
162
+ case 'row':
163
+ content = document.createElement('div');
164
+ content.style.cssText = `
165
+ display: flex;
166
+ align-items: center;
167
+ gap: 16px;
168
+ padding: 12px 16px;
169
+ margin: 0;
170
+ `;
171
+ const nameSpan = document.createElement('span');
172
+ nameSpan.style.cssText = `
173
+ font-size: 16px;
174
+ font-weight: 500;
175
+ min-width: 150px;
176
+ `;
177
+ nameSpan.textContent = font.family;
178
+ const sampleSpan = document.createElement('span');
179
+ sampleSpan.style.cssText = `
180
+ font-size: 16px;
181
+ font-weight: 400;
182
+ flex: 1;
183
+ opacity: 0.7;
184
+ `;
185
+ sampleSpan.textContent = text || 'The quick brown fox jumps over the lazy dog';
186
+ content.appendChild(nameSpan);
187
+ content.appendChild(sampleSpan);
188
+ break;
189
+ case 'name':
190
+ default:
191
+ content = document.createElement('span');
192
+ content.style.cssText = `
193
+ font-size: 16px;
194
+ font-weight: 500;
195
+ margin: 0;
196
+ `;
197
+ content.textContent = font.family;
198
+ break;
199
+ }
200
+ container.appendChild(content);
201
+ return container;
202
+ };
203
+ // Clear previous content
204
+ shadowRoot.innerHTML = '';
205
+ // Render preview
206
+ const preview = renderPreview();
207
+ shadowRoot.appendChild(preview);
208
+ // Cleanup
209
+ return ()=>{
210
+ if (shadowRoot) {
211
+ shadowRoot.innerHTML = '';
212
+ }
213
+ };
214
+ }, [
215
+ font,
216
+ variant,
217
+ text,
218
+ onLoad
219
+ ]);
220
+ return /*#__PURE__*/ _jsx("div", {
221
+ ref: shadowHostRef,
222
+ style: {
223
+ width: '100%',
224
+ minHeight: '20px'
225
+ }
226
+ });
227
+ };
228
+
229
+ //# sourceMappingURL=FontPreview.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../../src/globals/ThemeSettings/FontPicker/FontPreview.tsx"],"sourcesContent":["'use client'\n\nimport React, { useEffect, useRef } from 'react'\nimport type { GoogleFont } from '../../../app/api/google-fonts/route'\n\nexport type PreviewVariant =\n | 'h1'\n | 'h2'\n | 'h3'\n | 'body'\n | 'small'\n | 'chars'\n | 'weights'\n | 'card'\n | 'row'\n | 'name'\n\nexport interface FontPreviewProps {\n font: GoogleFont\n variant: PreviewVariant\n text?: string\n onLoad?: () => void\n}\n\n/**\n * FontPreview component with Shadow DOM isolation\n *\n * This component renders font previews in an isolated Shadow DOM\n * to prevent Payload CMS admin styles from affecting the preview.\n */\nexport const FontPreview: React.FC<FontPreviewProps> = ({ font, variant, text, onLoad }) => {\n const shadowHostRef = useRef<HTMLDivElement>(null)\n const shadowRootRef = useRef<ShadowRoot | null>(null)\n const fontLoadedRef = useRef(false)\n\n useEffect(() => {\n if (!shadowHostRef.current) return\n\n // Create Shadow DOM if not already created\n if (!shadowRootRef.current) {\n shadowRootRef.current = shadowHostRef.current.attachShadow({ mode: 'open' })\n }\n\n const shadowRoot = shadowRootRef.current\n\n // Get font weights\n const weights = font.variants.filter((v) => !v.includes('italic')).join(';')\n const fontFamily = font.family\n\n // Load font CSS\n const loadFont = async () => {\n if (fontLoadedRef.current) return\n\n try {\n // Create font face CSS\n const fontUrl = `https://fonts.googleapis.com/css2?family=${encodeURIComponent(\n fontFamily,\n )}:wght@${weights}&display=swap`\n\n // Check if font is already loaded\n const link = document.createElement('link')\n link.rel = 'stylesheet'\n link.href = fontUrl\n\n // Wait for font to load\n link.onload = () => {\n fontLoadedRef.current = true\n onLoad?.()\n }\n\n // Add link to shadow root\n shadowRoot.appendChild(link)\n } catch (error) {\n console.error('Error loading font:', error)\n }\n }\n\n loadFont()\n\n // Render preview based on variant\n const renderPreview = () => {\n const container = document.createElement('div')\n container.style.cssText = `\n font-family: '${fontFamily}', sans-serif;\n color: inherit;\n margin: 0;\n padding: 0;\n `\n\n let content: HTMLElement\n\n switch (variant) {\n case 'h1':\n content = document.createElement('h1')\n content.style.cssText = `\n font-size: 48px;\n font-weight: 700;\n line-height: 1.2;\n margin: 0;\n `\n content.textContent = text || font.family\n break\n\n case 'h2':\n content = document.createElement('h2')\n content.style.cssText = `\n font-size: 36px;\n font-weight: 600;\n line-height: 1.3;\n margin: 0;\n `\n content.textContent = text || font.family\n break\n\n case 'h3':\n content = document.createElement('h3')\n content.style.cssText = `\n font-size: 24px;\n font-weight: 500;\n line-height: 1.4;\n margin: 0;\n `\n content.textContent = text || font.family\n break\n\n case 'body':\n content = document.createElement('p')\n content.style.cssText = `\n font-size: 16px;\n font-weight: 400;\n line-height: 1.6;\n margin: 0;\n `\n content.textContent = text || font.family\n break\n\n case 'small':\n content = document.createElement('p')\n content.style.cssText = `\n font-size: 14px;\n font-weight: 400;\n line-height: 1.5;\n margin: 0;\n `\n content.textContent = text || font.family\n break\n\n case 'chars':\n content = document.createElement('div')\n content.style.cssText = `\n font-size: 18px;\n font-weight: 400;\n line-height: 1.5;\n margin: 0;\n `\n content.textContent = 'AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 0123456789'\n break\n\n case 'weights':\n content = document.createElement('div')\n content.style.cssText = `margin: 0;`\n const availableWeights = font.variants\n .filter((v) => !v.includes('italic'))\n .map((v) => parseInt(v))\n .filter((w) => !isNaN(w))\n .sort((a, b) => a - b)\n\n availableWeights.forEach((weight) => {\n const line = document.createElement('div')\n line.style.cssText = `\n font-size: 16px;\n font-weight: ${weight};\n line-height: 1.8;\n margin: 4px 0;\n `\n line.textContent = `${weight} - The quick brown fox jumps over the lazy dog`\n content.appendChild(line)\n })\n break\n\n case 'card':\n content = document.createElement('div')\n content.style.cssText = `\n padding: 16px;\n background: var(--theme-bg, #ffffff);\n border: 1px solid var(--theme-border, #e5e7eb);\n border-radius: 8px;\n margin: 0;\n `\n const title = document.createElement('h3')\n title.style.cssText = `\n font-size: 20px;\n font-weight: 600;\n margin: 0 0 8px 0;\n `\n title.textContent = font.family\n const description = document.createElement('p')\n description.style.cssText = `\n font-size: 14px;\n font-weight: 400;\n line-height: 1.5;\n margin: 0;\n color: var(--theme-text-secondary, #6b7280);\n `\n description.textContent = text || 'The quick brown fox jumps over the lazy dog'\n content.appendChild(title)\n content.appendChild(description)\n break\n\n case 'row':\n content = document.createElement('div')\n content.style.cssText = `\n display: flex;\n align-items: center;\n gap: 16px;\n padding: 12px 16px;\n margin: 0;\n `\n const nameSpan = document.createElement('span')\n nameSpan.style.cssText = `\n font-size: 16px;\n font-weight: 500;\n min-width: 150px;\n `\n nameSpan.textContent = font.family\n const sampleSpan = document.createElement('span')\n sampleSpan.style.cssText = `\n font-size: 16px;\n font-weight: 400;\n flex: 1;\n opacity: 0.7;\n `\n sampleSpan.textContent = text || 'The quick brown fox jumps over the lazy dog'\n content.appendChild(nameSpan)\n content.appendChild(sampleSpan)\n break\n\n case 'name':\n default:\n content = document.createElement('span')\n content.style.cssText = `\n font-size: 16px;\n font-weight: 500;\n margin: 0;\n `\n content.textContent = font.family\n break\n }\n\n container.appendChild(content)\n return container\n }\n\n // Clear previous content\n shadowRoot.innerHTML = ''\n\n // Render preview\n const preview = renderPreview()\n shadowRoot.appendChild(preview)\n\n // Cleanup\n return () => {\n if (shadowRoot) {\n shadowRoot.innerHTML = ''\n }\n }\n }, [font, variant, text, onLoad])\n\n return <div ref={shadowHostRef} style={{ width: '100%', minHeight: '20px' }} />\n}\n"],"names":["React","useEffect","useRef","FontPreview","font","variant","text","onLoad","shadowHostRef","shadowRootRef","fontLoadedRef","current","attachShadow","mode","shadowRoot","weights","variants","filter","v","includes","join","fontFamily","family","loadFont","fontUrl","encodeURIComponent","link","document","createElement","rel","href","onload","appendChild","error","console","renderPreview","container","style","cssText","content","textContent","availableWeights","map","parseInt","w","isNaN","sort","a","b","forEach","weight","line","title","description","nameSpan","sampleSpan","innerHTML","preview","div","ref","width","minHeight"],"mappings":"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"}
@@ -0,0 +1,20 @@
1
+ import React from 'react';
2
+ import type { GoogleFont } from '../../../app/api/google-fonts/route';
3
+ import type { Translations } from './translations';
4
+ export type PreviewTab = 'typography' | 'blog' | 'landing' | 'ui';
5
+ export interface PreviewContentProps {
6
+ font: GoogleFont | null;
7
+ activeTab: PreviewTab;
8
+ translations: Translations;
9
+ }
10
+ /**
11
+ * PreviewContent component
12
+ *
13
+ * Displays different preview modes for the selected font:
14
+ * - Typography: Headers and body text with different weights
15
+ * - Blog Post: Simulated blog post layout
16
+ * - Landing Page: Hero section with CTA
17
+ * - UI Elements: Buttons, inputs, and links
18
+ */
19
+ export declare const PreviewContent: React.FC<PreviewContentProps>;
20
+ //# sourceMappingURL=PreviewContent.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"PreviewContent.d.ts","sourceRoot":"","sources":["../../../../src/globals/ThemeSettings/FontPicker/PreviewContent.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAA;AAErE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAElD,MAAM,MAAM,UAAU,GAAG,YAAY,GAAG,MAAM,GAAG,SAAS,GAAG,IAAI,CAAA;AAEjE,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,UAAU,GAAG,IAAI,CAAA;IACvB,SAAS,EAAE,UAAU,CAAA;IACrB,YAAY,EAAE,YAAY,CAAA;CAC3B;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAuRxD,CAAA"}