refactor(providers,hooks): rewrite PrismThemeProvider & usePrismTheme

* reuse Theme provider logic
* move DOM mutation from provider to hook
* add a script to init theme before page load

1 files changed, 3 insertions, 0 deletions

diff --git a/src/types/app.ts b/src/types/app.ts
index 565fe97..2588a7b 100644
--- a/src/types/app.ts
+++ b/src/types/app.ts
@@ -2,6 +2,7 @@ import type { NextPage } from 'next';
 import type { AppProps as NextAppProps } from 'next/app';
 import type { ReactElement, ReactNode } from 'react';
 import type { MessageFormatElement } from 'react-intl';
+import type { VALID_THEMES } from '../utils/constants';
 
 export type NextPageWithLayoutOptions = {
   withExtraPadding?: boolean;
@@ -139,3 +140,5 @@ export type Spacing = '2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl';
 export type Validator<T> = (value: unknown) => value is T;
 
 export type AckeeTrackerValue = 'full' | 'partial';
+
+export type Theme = (typeof VALID_THEMES)[number];