feat: first try for user-profile

src/pages/_app.js

@@ -8,18 +8,18 @@ import { useRouter } from 'next/router';
 import Script from 'next/script';
 import { userAgentFromString } from 'next/server';
 import React from 'react';
+import Layout from 'components/Layout';
+import LayoutDashboard from 'components/LayoutDashboard';
+import LayoutEmbed from 'components/LayoutEmbed';
+import LayoutMobile from 'components/LayoutMobile';
+import LayoutMobileB from 'components/LayoutMobileB';
+import LayoutMobileC from 'components/LayoutMobileC';
+import { DrawerProvider } from 'context/DrawerContext';
+import { ConfigProvider, defaultConfig } from 'context/configContext';
+import { CustomThemeProvider } from 'context/themeContext';
+import { useLocalStorage, useEmbed } from 'hooks/globalHooks';
+import { MapContextProvider } from 'mapContext';
 import packageJson from '../../package.json';
-import Layout from '../components/Layout';
-import LayoutDashboard from '../components/LayoutDashboard';
-import LayoutEmbed from '../components/LayoutEmbed';
-import LayoutMobile from '../components/LayoutMobile';
-import LayoutMobileB from '../components/LayoutMobileB';
-import LayoutMobileC from '../components/LayoutMobileC';
-import { DrawerProvider } from '../context/DrawerContext';
-import { ConfigProvider, defaultConfig } from '../context/configContext';
-import { CustomThemeProvider } from '../context/themeContext';
-import { useLocalStorage, useEmbed } from '../hooks/globalHooks';
-import { MapContextProvider } from '../mapContext';
 
 log.warn(`Web Map Client version ${packageJson.version}`);
 
@@ -136,6 +136,13 @@ function TreetrackerApp({ Component, pageProps, device, config }) {
     nextExtraLoading,
   };
 
+  const isDemo = !!router.asPath.match(/demo/);
+  if (isDemo) {
+    return (
+      <Component {...pageProps} {...extraProps} />
+    );
+  }
+
   const isAdmin = !!router.asPath.match(/admin/);
   if (isAdmin) {
     return (

src/pages/demo.js

@@ -0,0 +1,32 @@
+import React from 'react';
+
+function Demo() {
+  const iframeRef = React.useRef();
+
+  React.useEffect(() => {
+    // jjiframeRef.current.contentWindow.alert("OK");
+    setTimeout(() => {
+      const {map} = iframeRef.current.contentDocument.querySelector('#map-canvas');
+      console.log('map:', map);
+      map.onClickTree((data) => {
+        console.log('onClickTree:', data);
+      });
+    }, 5000);
+  }, []);
+
+  return (
+    <div>
+      <h1>demo</h1>
+      <iframe
+        id="treetracker-iframe"
+        title="treetracker"
+        ref={iframeRef}
+        src="http://localhost:3000/"
+        width="800px"
+        height="600px"
+       />
+    </div>
+  );
+}
+Demo.isCLayout = true;
+export default Demo;