pankosmia-rcl 0.0.2 → 0.0.4

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "pankosmia-rcl",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "private": false,
   "homepage": "/clients/core-client-rcl",
-  "main": "src/rcl",
+  "main": "src/rcl/index.js",
   "dependencies": {
     "@emotion/react": "^11.13.3",
     "@emotion/styled": "^11.13.0",

package/src/App.jsx

@@ -1,38 +0,0 @@
-import { useEffect, useState, useCallback } from 'react';
-import { Box } from "@mui/material";
-import { InternetSwitchDemo } from './componentDemos';
-import DialogExampleDemo from './componentDemos/DialogExampleDemo';
-import Demos from './demoHelpers/Demos';
-import Demo from './demoHelpers/Demo';
-import DrawerDemo from './componentDemos/DrawerDemo';
-
-function App() {
-  const [maxWindowHeight, setMaxWindowHeight] = useState(window.innerHeight - 64);
-  const handleWindowResize = useCallback(event => {
-    setMaxWindowHeight(window.innerHeight - 64);
-  }, []);
-
-  useEffect(() => {
-    window.addEventListener('resize', handleWindowResize);
-    return () => {
-      window.removeEventListener('resize', handleWindowResize);
-    };
-  }, [handleWindowResize]);
-
-  return <Box sx={{ maxHeight: maxWindowHeight }}>
-    <Demos>
-      <Demo title="InternetSwitch">
-        <InternetSwitchDemo />
-      </Demo>
-      <Demo title="Dialog">
-        <DialogExampleDemo />
-      </Demo>
-      <Demo title="Drawer">
-        <DrawerDemo />
-      </Demo>
-    </Demos>
-  </Box>
-
-}
-
-export default App;

package/src/componentDemos/DialogExampleDemo.jsx

@@ -1,16 +0,0 @@
-import { useState } from "react";
-import PanDialog from "../rcl/PanDialog";
-import { Button } from "@mui/material";
-
-export default function DialogExampleDemo() {
-    const [openDialog, setOpenDialog] = useState(null);
-    const contentOpenDialog = Boolean(openDialog)
-
-    return <>
-        <Button onClick={(event) => {
-            setOpenDialog(event.target)
-        }}> open dialog </Button>
-        <PanDialog open={contentOpenDialog} closeFn={() => setOpenDialog(false)} >test</PanDialog>
-    </>
-
-}

package/src/componentDemos/DrawerDemo.jsx

@@ -1,72 +0,0 @@
-import DrawerComponent from '../rcl/DrawerComponent';
-import {useContext, useState, useEffect, useRef} from "react";
-import {debugContext, getJson} from "pithekos-lib";
-
-
-function DrawerDemo() {
-
-    const {debugRef} = useContext(debugContext);
-    const [drawerIsOpen, setDrawerIsOpen] = useState(false);
-    const [menuItems, setMenuItems] = useState([]);
-    const [showAdvanced, setShowAdvanced] = useState(true);
-    const [drawerWidth, setDrawerWidth] = useState('auto');
-    const [widthLocked, setWidthLocked] = useState(false);
-    const measurementRef = useRef(null);
-
-    useEffect(() => {
-        let timeoutId;
-        if (drawerIsOpen && !widthLocked) {
-          timeoutId = setTimeout(() => {
-            if (measurementRef.current) {
-              const width = measurementRef.current.clientWidth;
-              
-              if (width > 0) {
-                setDrawerWidth(`${width}px`); 
-                setWidthLocked(true);
-              }
-            }
-          }, 50);
-          return () => clearTimeout(timeoutId);
-        }
-      }, [drawerIsOpen, widthLocked]);
-
-    useEffect(
-        () => {
-            const doFetch = async () => {
-                const fetched = await getJson("/list-clients", debugRef.current);
-                if (fetched.ok) {
-                    setMenuItems(
-                        fetched.json.filter(
-                            i => !i.exclude_from_menu && (debugRef.current || !i.requires.debug)
-                        )
-                    );
-                }
-            };
-            doFetch().then();
-        },
-        [debugRef.current]
-    );
-
-    const toggleDebug = (ev) => {
-        getJson(`/debug/${debugRef.current ? "disable" : "enable"}`)
-            .then(
-                () => {
-                    ev.stopPropagation();
-                    ev.preventDefault();
-                }
-            );
-    };
-
-    return <DrawerComponent
-            drawerIsOpen={drawerIsOpen}
-            setDrawerIsOpen={setDrawerIsOpen}
-            menuItems={menuItems}
-            toggleDebug={toggleDebug}
-            showAdvanced={showAdvanced}
-            setShowAdvanced={setShowAdvanced}
-            drawerWidth={drawerWidth}
-            measurementRef={measurementRef}
-        />
-}
-
-export default DrawerDemo;

package/src/componentDemos/InternetSwitchDemo.jsx

@@ -1,34 +0,0 @@
-import InternetSwitch from '../rcl/InternetSwitch';
-import {useContext, useState} from "react";
-import {debugContext, netContext, postEmptyJson} from "pithekos-lib";
-
-function InternetSwitchDemo() {
-
-    const [internetDialogOpen, setInternetDialogOpen] = useState(false);
-    const {enabledRef} = useContext(netContext);
-    const {debugRef} = useContext(debugContext);
-
-    const disableInternet = () => {
-        postEmptyJson('/net/disable', debugRef.current)
-    };
-
-    const enableInternet = () => {
-        postEmptyJson('/net/enable', debugRef.current)
-    };
-    const handleInternetToggleClick = () => {
-        if (!enabledRef.current) {
-            setInternetDialogOpen(true);
-        } else {
-            disableInternet();
-        }
-    };
-
-    return <InternetSwitch
-            enableInternet={enableInternet}
-            handleInternetToggleClick={handleInternetToggleClick}
-            internetDialogOpen={internetDialogOpen}
-            setInternetDialogOpen={setInternetDialogOpen}
-        />
-}
-
-export default InternetSwitchDemo;

package/src/componentDemos/index.js

@@ -1,3 +0,0 @@
-import InternetSwitchDemo from "./InternetSwitchDemo";
-
-export {InternetSwitchDemo};

package/src/demoHelpers/Demo.jsx

@@ -1,10 +0,0 @@
-import { Grid2 } from "@mui/material";
-
-export default function Demo({children,title}) {
-    
-    return <Grid2 size={12} item sx={{ p: 2 }}>
-        <h1>{title}</h1>
-        {children}
-    </Grid2>
-}
-

package/src/demoHelpers/Demos.jsx

@@ -1,9 +0,0 @@
-import { Grid2 } from "@mui/material";
-
-export default function Demos({children}) {
-    
-    return <Grid2 container spacing={2}>
-        {children}
-    </Grid2>
-}
-

package/src/index.css

@@ -1,15 +0,0 @@
-body {
-  margin: 0;
-  padding: 0;
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
-    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
-    sans-serif;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  overflow: hidden;
-}
-
-code {
-  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
-    monospace;
-}

package/src/index.jsx

@@ -1,15 +0,0 @@
-import {createRoot} from "react-dom/client";
-import {SpSpa} from "pithekos-lib";
-import App from "./App";
-import './index.css';
-
-createRoot(document.getElementById("root"))
-    .render(
-        <SpSpa
-            requireNet={false}
-            titleKey="pages:core-client-rcl:title"
-            currentId="core-client-rcl"
-        >
-            <App/>
-        </SpSpa>
-    );