remove old demo/example pkgs

demos/client-example/src/Captcha.tsx

@@ -16,6 +16,7 @@ import { ProcaptchaFrictionless } from "@prosopo/procaptcha-frictionless";
 import { Procaptcha } from "@prosopo/procaptcha-react";
 import type { ProcaptchaToken } from "@prosopo/types";
 import config from "./config.js";
+import { ProcaptchaPow } from "@prosopo/procaptcha-pow";
 
 type CaptchProps = {
 	captchaType?: string;
@@ -45,11 +46,17 @@ export function Captcha(props: CaptchProps) {
 					callbacks={{ onError, onHuman, onExpired }}
 					aria-label="Frictionless captcha"
 				/>
+			) : props.captchaType === 'pow' ? (
+				<ProcaptchaPow
+					config={config}
+					callbacks={{ onError, onHuman, onExpired }}
+					aria-label="PoW captcha"
+				/>
 			) : (
 				<Procaptcha
 					config={config}
 					callbacks={{ onError, onHuman, onExpired }}
-					aria-label="Captcha"
+					aria-label="Image captcha"
 				/>
 			)}
 		</div>

demos/client-example/src/NavBar.tsx

@@ -27,12 +27,17 @@ const linkStyle = {
 export default function NavBar() {
 	const location = useLocation();
 	const frictionlessLinkStyle = { ...linkStyle };
+	const powLinkStyle = { ...linkStyle };
 	const imageCaptchaLinkStyle = { ...linkStyle };
 
 	// if the current route is `/frictionless`, the link to `/frictionless` should be styled differently
 	if (location.pathname === "/frictionless") {
 		frictionlessLinkStyle.textDecoration = "underline";
 	}
+	// if the current route is `/pow`, the link to `/pow` should be styled differently
+	if (location.pathname === "/pow") {
+		powLinkStyle.textDecoration = "underline";
+	}
 	// if the current route is `/`, the link to `/` should be styled differently
 	if (location.pathname === "/") {
 		imageCaptchaLinkStyle.textDecoration = "underline";
@@ -46,7 +51,9 @@ export default function NavBar() {
 					<Link to="/" style={imageCaptchaLinkStyle}>
 						Image Captcha
 					</Link>
-
+					<Link to="/pow" style={powLinkStyle}>
+						PoW Captcha
+					</Link>
 					<Link to="/frictionless" style={frictionlessLinkStyle}>
 						Frictionless Captcha
 					</Link>

demos/client-example/src/index.tsx

@@ -17,6 +17,7 @@ import ReactDOM from "react-dom/client";
 import { RouterProvider, createBrowserRouter } from "react-router-dom";
 import FrictionlessRoot from "./routes/frictionless.js";
 import ImageCaptchaRoot from "./routes/root.js";
+import PowRoot from "./routes/pow.js";
 
 const router = createBrowserRouter([
 	{
@@ -27,6 +28,10 @@ const router = createBrowserRouter([
 		path: "/frictionless",
 		element: <FrictionlessRoot />,
 	},
+	{
+		path: "/pow",
+		element: <PowRoot />,
+	},
 ]);
 
 const root = ReactDOM.createRoot(

demos/client-pow-example/src/index.tsx → demos/client-example/src/routes/pow.tsx

@@ -1,3 +1,4 @@
+import React from "react";
 // Copyright 2021-2024 Prosopo (UK) Ltd.
 //
 // Licensed under the Apache License, Version 2.0 (the "License");
@@ -11,18 +12,12 @@
 // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 // See the License for the specific language governing permissions and
 // limitations under the License.
-import { CssBaseline } from "@mui/material";
-import React from "react";
-import ReactDOM from "react-dom/client";
-import App from "./App.js";
-
-const root = ReactDOM.createRoot(
-	document.getElementById("root") as HTMLElement,
-);
+import App from "../App.js";
 
-root.render(
-	<React.Fragment>
-		<CssBaseline />
-		<App />
-	</React.Fragment>,
-);
+export default function Root() {
+	return (
+		<React.Fragment>
+			<App captchaType={"pow"} />
+		</React.Fragment>
+	);
+}