Remove theme switch, always use default theme

Author: sdvg

package.json

@@ -25,7 +25,7 @@
 		"unused": "knip",
 		"postinstall": "npm-run-all postinstall:*",
 		"postinstall:components-assets": "cpy \"node_modules/@public-ui/components/assets/**/*\" static/assets --dot",
-		"postinstall:themes-assets": "cpy \"node_modules/@public-ui/themes/assets/**/*\" static/assets --dot",
+		"postinstall:themes-assets": "cpy \"node_modules/@public-ui/theme-default/assets/**/*\" static/assets --dot",
 		"update": "pnpm ncu:minor && pnpm ncu:major",
 		"regenerate:version": "rimraf i18n/en/docusaurus-plugin-content-docs/version-2.0 versioned_docs/version-2.0 versioned_readmes/2.0 versioned_sidebars/version-2.0-sidebars.json && npm run docusaurus docs:version 2.0"
 	},
@@ -41,9 +41,9 @@
 		"@leanup/form": "1.3.54",
 		"@mdx-js/react": "3.1.0",
 		"@monaco-editor/react": "4.6.0",
-		"@public-ui/components": "next",
-		"@public-ui/react": "next",
-		"@public-ui/themes": "next",
+		"@public-ui/components": "^2.0.0",
+		"@public-ui/react": "^2.0.0",
+		"@public-ui/theme-default": "^2.0.0",
 		"classnames": "2.5.1",
 		"docusaurus-lunr-search": "3.5.0",
 		"mermaid": "11.4.1",

pnpm-lock.yaml

@@ -11,11 +11,11 @@ rm -rf docs
 mv versioned_docs/version-$1/ docs
 rm -rf versioned_readmes/$1
 rm -rf versioned_sidebars/version-$1-sidebars.json
-pnpm i @public-ui/components@~$1 @public-ui/react@~$1 @public-ui/themes@~$1
+pnpm i @public-ui/components@~$1 @public-ui/react@~$1 @public-ui/theme-default@~$1
 pnpm run docusaurus docs:version $1
 mv readmes/ versioned_readmes/$1
 
 # restore
 rm -rf docs
 mv bak.next.docs/ docs
-pnpm i @public-ui/components@latest @public-ui/react@latest @public-ui/themes@latest
+pnpm i @public-ui/components@latest @public-ui/react@latest @public-ui/theme-default@latest

scripts/update.deps.sh

@@ -2,10 +2,8 @@ import { KolLinkButton } from '@public-ui/react';
 import type { FunctionComponent, PropsWithChildren } from 'react';
 import React from 'react';
 // import { getDarkMode, setDarkMode } from '../../shares/store';
-import BrowserOnly from '@docusaurus/BrowserOnly';
 import { LanguageSwitch } from '@site/src/components/LanguageSwitch';
 import Navbar from '@theme-original/Navbar';
-import ThemeSelect from './ThemeSelect';
 import { translate } from '@docusaurus/Translate';
 
 export const NavbarWrapper: FunctionComponent<PropsWithChildren> = (props) => {
@@ -116,9 +114,6 @@ export const NavbarWrapper: FunctionComponent<PropsWithChildren> = (props) => {
 							/>
 						</div>*/}
 					</div>
-					<div className="flex-grow">
-						<BrowserOnly>{() => <ThemeSelect />}</BrowserOnly>
-					</div>
 				</section>
 			</div>
 		</div>

src/shares/store.ts

@@ -1,26 +1,19 @@
 import { register } from '@public-ui/components';
 import { defineCustomElements } from '@public-ui/components/dist/loader';
-import { DEFAULT, ECL_EC, ECL_EU } from '@public-ui/themes';
+import { DEFAULT } from '@public-ui/theme-default';
 import type { FunctionComponent, PropsWithChildren } from 'react';
-import React, { useEffect, useState } from 'react';
-import type { Theme } from '../shares/theme';
+import React, { useEffect } from 'react';
 
 export const Root: FunctionComponent<PropsWithChildren> = (props) => {
-	const [theme] = useState<Theme>('default');
-
 	useEffect(() => {
-		register([DEFAULT, ECL_EC, ECL_EU], [defineCustomElements], {
+		register([DEFAULT], [defineCustomElements], {
 			theme: {
-				detect: 'auto',
+				detect: 'fixed',
 			},
 		}).catch(console.warn);
 	}, []);
 
-	return (
-		<div id="doc-app" className={theme} data-theme={theme}>
-			{props.children}
-		</div>
-	);
+	return <div id="doc-app">{props.children}</div>;
 };
 
 export default Root;

src/shares/theme.ts

@@ -0,0 +1 @@
+The assets folder typically contains all the static files that your project needs to function, that are not directly related to the codebase. These can include images, stylesheets (CSS files), scripts (JavaScript files), fonts, and other multimedia content. These files are often served directly to the user by the server, and are essential for the correct visual presentation and functionality of your application.