*/}
-
- {d}
-
-
-
- ))}
-
- );
-}
diff --git a/components/display/SlidePage.jsx b/components/display/SlidePage.jsx
deleted file mode 100644
index 96c5fe63..00000000
--- a/components/display/SlidePage.jsx
+++ /dev/null
@@ -1,281 +0,0 @@
-import React, { useEffect, useState } from "react";
-import { useRouter } from "next/router";
-import GlobalStyles from '@mui/material/GlobalStyles';
-// import Slide from "../components/Slide";
-import { Slide } from 'airview-mdx';
-import PresentationMode from "@/components/presentations/PresentationMode";
-import Swipeable from "@/components/presentations/Swipeable";
-import useEventListener from "../../hooks/useEventListener";
-import { useTotalPages } from "../../context/TotalPagesContext";
-import { useMode } from "../../context/ModeContext";
-import { useCurrentSlide } from "../../context/CurrentSlideContext";
-import { Storage } from "../../hooks/useStorage";
-import { MODES } from "../../constants/modes";
-import { Box } from '@mui/material';
-
-import dynamic from 'next/dynamic'
-
-import Zoom from '@/components/presentations/Zoom';
-
-const globalStyl2es = `
-
- body,
- html {
- overflow: auto;
- width: 100vw;
- height: 100vw;
- margin: 0;
- padding: 0;
- background-color: grey;
- }
-
- @media print {
- @page {
- margin: 0mm 0mm 0mm 0mm;
- size: 1280px 1080px;
- }
- }
-
- #slide {
- display: flex;
- overflow: hidden;
- -webkit-overflow-scrolling: touch;
- }
-
-`;
-
-const globalStyles = `
-
- body
- {
- overflow: auto;
- width: 100vw;
- height: 100vh;
- margin: 0;
- padding: 0;
- background-color: black;
- }
-`;
-
-export default dynamic(() => Promise.resolve(SlidePage), {
- ssr: false,
-});
-
-function SlidePage({ children, next }) {
-
- // console.log('SlidePage:children: ', children)
-
- const {
- // currentSlide,
- setSlide,
- steps,
- currentStep,
- setCurrentStep,
- clearSteps,
- } = useCurrentSlide();
-
- const [pageCount, setPageCount] = useState(0)
- const [currentSlide, setCurrentSlide] = useState(0)
- const router = useRouter();
- const totalPages = useTotalPages();
- const { mode, setMode } = useMode();
-
- const NEXT = [13, 32, 39];
- const PREV = 37;
- const PRESENTER = 80;
- let slideCount = 0;
-
- const navigate = ({ keyCode, altKey }) => {
- // Handle Presentation Mode shortcut
- if (altKey) {
- if (keyCode === PRESENTER) {
- if (mode === MODES.SPEAKER) {
- setMode(MODES.SLIDESHOW);
- // router.push(
- // router.pathname,
- // `${router.asPath.split("?")[0]}?format=ppt&mode=${MODES.SLIDESHOW}#${currentSlide}`,
- // { shallow: true }
- // );
- } else {
- setMode(MODES.SPEAKER);
- // router.push(
- // router.pathname,
- // `${router.asPath.split("?")[0]}?format=ppt&mode=${MODES.SPEAKER}#${currentSlide}`,
- // { shallow: true }
- // );
- }
- return false;
- }
- }
-
- // Handle Previous page
- if (keyCode === PREV) {
- console.log('prev')
- setCurrentSlide(currentSlide - 1)
-
- // if (router.query && router.pathname) {
- // if (router.pathname > 1) {
- // router.push(`${parseInt(router.pathname, 10) - 1}?mode=${mode}#999`);
- // }
- // }
- return false;
- }
-
- // Handle next page
- if (NEXT.indexOf(keyCode) !== -1) {
- setCurrentSlide(currentSlide + 1)
- console.log('next', currentSlide)
-
- // if (router.query && router.pathname && next) {
- // router.push(`${next}?format=ppt&mode=${mode}`);
- // }
- return false;
- }
-
- // // Handle slide changes
- // if (NEXT.indexOf(keyCode) !== -1) {
- // // Do we have Steps inside the slide? Navigate those first
- // if (steps.length > 0 && currentStep < steps.length - 1)
- // return setCurrentStep((prevStep) => prevStep + 1);
-
- // // Otherwise go to next slide
-
- // setSlide((prevState) => {
- // return prevState + 1;
- // });
- // clearSteps();
- // } else if (keyCode === PREV) {
- // // Do we have Steps inside the slide? Navigate those first
- // if (steps.length > 0 && currentStep !== 0)
- // return setCurrentStep((prevStep) => prevStep - 1);
-
- // // Otherwise go to prev slide
- // setSlide((prevState) => {
- // // router.push(
- // // `${router.pathname}`,
- // // `${router.pathname}?mode=${mode}#${prevState - 1}`
- // // );
- // return prevState - 1;
- // });
- // clearSteps();
- // }
- };
-
- // useEffect(() => {
- // router.push(
- // `${router.asPath}`,
- // `${router.asPath.split("?")[0]}?format=ppt&mode=${mode}#${currentSlide}`
- // );
- // }, [currentSlide, mode]);
-
- useEventListener("keydown", navigate);
-
- const swipeLeft = () => {
- navigate({ keyCode: NEXT[0] });
- };
-
- const swipeRight = () => {
- navigate({ keyCode: PREV });
- };
-
- const slideNotes = () => {
- let generatorCount = 0;
- let generatedNotes = [];
- // Filter down children by only Slides
- React.Children.map(children, (child) => {
- // Check for
element to separate slides
- const childType = child && child.props && (child.type || []);
- if (childType && childType === "hr") {
- generatorCount += 1;
- return;
- }
- // Check if it's a SpeakerNotes component
- if (typeof childType === 'function' && childType.name === 'SpeakerNotes') {
- if (!Array.isArray(generatedNotes[generatorCount])) {
- generatedNotes[generatorCount] = [];
- }
- generatedNotes[generatorCount].push(child);
- }
- });
- return generatedNotes;
- };
-
- function renderSlides() {
- let generatedSlides = [];
- let generatorCount = 0;
-
- // Filter down children by only Slides
- React.Children.map(children, (child) => {
- // Check for
element to separate slides
-
- console.log('Child: ', child)
-
- const childType = child && child.props && (child.type || []);
- // console.log(childType)
- if (childType && childType === "hr") {
- generatorCount += 1;
- return;
- }
-
- if (!Array.isArray(generatedSlides[generatorCount])) {
- generatedSlides[generatorCount] = [];
- }
-
- if (typeof childType !== 'function') {
-
- // Add slide content to current generated slide
-
- if (!Array.isArray(generatedSlides[generatorCount])) {
- generatedSlides[generatorCount] = [];
- }
- generatedSlides[generatorCount].push(child);
-
- // Check if it's a SpeakerNotes component
- } else if (childType.name !== 'SpeakerNotes') {
- // Add slide content to current generated slide
- generatedSlides[generatorCount].push(child);
- }
-
- });
-
- // Get total slide count
- slideCount = generatorCount;
-
- // setPageCount(generatorCount);
- // // Return current slide
- // if (currentSlide === 999) {
- // router.push(
- // router.pathname,
- // `${router.pathname}?mode=${mode}#${slideCount}`,
- // { shallow: true }
- // );
- // setSlide(slideCount);
- // }
- // // // console.log('generatedSlides[currentSlide]: ', generatedSlides[currentSlide])
- return generatedSlides;
-
- // return
{generatedSlides[currentSlide]};
- };
-
-
- const slides = renderSlides();
- const pageSize = { width: 1920, height: 1080 }
- const ratio = pageSize.width / pageSize.height
- return (
-
-
-
-
-
- {/* */}
- {/* */}
- {/*
*/}
-
- {slides[currentSlide]}
-
- {/* */}
-
-
-
- );
-}
diff --git a/components/display/TransitionPage.jsx b/components/display/TransitionPage.jsx
deleted file mode 100644
index 63f03268..00000000
--- a/components/display/TransitionPage.jsx
+++ /dev/null
@@ -1,14 +0,0 @@
-import React from 'react'
-import { motion } from 'framer-motion'
-
-export default function TransitionPage({ children }) {
- return (
-
- {children}
-
- )
-}
diff --git a/components/editor/Editor.js b/components/editor/Editor.js
deleted file mode 100644
index 78b94304..00000000
--- a/components/editor/Editor.js
+++ /dev/null
@@ -1,236 +0,0 @@
-
-import '@mdxeditor/editor/style.css';
-import React from 'react';
-import { MDXEditor, system, realmPlugin, MdastImportVisitor, imagePlugin, codeBlockPlugin, diffSourcePlugin, headingsPlugin, frontmatterPlugin, listsPlugin, linkPlugin, linkDialogPlugin, quotePlugin, tablePlugin, thematicBreakPlugin, markdownShortcutPlugin, useCodeBlockEditorContext, toolbarPlugin, BlockTypeSelect, BoldItalicUnderlineToggles, UndoRedo, InsertTable, InsertCodeBlock, InsertFrontmatter, CreateLink, InsertThematicBreak, DiffSourceToggleWrapper } from '@mdxeditor/editor';
-import "@mdxeditor/editor/style.css";
-import { $createParagraphNode, $createTextNode, ElementNode } from "lexical";
-
-// const { MDXEditor, codeBlockPlugin, diffSourcePlugin, headingsPlugin, frontmatterPlugin, listsPlugin, linkPlugin, linkDialogPlugin, quotePlugin, tablePlugin, thematicBreakPlugin, markdownShortcutPlugin, useCodeBlockEditorContext, toolbarPlugin, BlockTypeSelect, BoldItalicUnderlineToggles, UndoRedo, InsertTable, InsertCodeBlock, InsertFrontmatter, CreateLink, InsertThematicBreak, DiffSourceToggleWrapper } = await import('@mdxeditor/editor')
-import { useState, useRef, createContext } from "react";
-import Button from '@mui/material/Button';
-const EditorStateContext = createContext();
-import store from '@/lib/redux/store'
-import { AppBar, Toolbar, IconButton, Typography, MenuItem, Box, Alert, Grid, TextField } from '@mui/material';
-import SaveIcon from '@mui/icons-material/Save';
-
-
-const catchAllVisitor = {
- testNode: () => true,
-
- visitNode: ({ mdastNode, actions, lexicalParent }) => {
- const paragraph = $createParagraphNode();
- // This can be more sophisticated. For example, you can use the mdastNode.type
- // to determine what kind of node you want to create. If you feel like it,
- // you may even convert the mdastNode to html then to plain text.
- // This will need additional dependencies, though.
- try {
- paragraph.append($createTextNode(mdastNode.children[0].value));
- } catch (err) {
- console.debug('Editor:catchAllPlugin:mdastNode: ', mdastNode)
- console.error('Editor:catchAllPlugin:error: ', err)
- }
- lexicalParent.append(paragraph);
- }
-};
-
-const [catchAllPlugin] = realmPlugin({
- id: "catchAll",
- systemSpec: system(() => ({})),
- init: (realm) => {
- realm.pubKey("addImportVisitor", catchAllVisitor);
- }
-});
-
-
-const PlainTextCodeEditorDescriptor = {
- match: () => true,
- priority: 0,
- Editor: (props) => {
- const cb = useCodeBlockEditorContext()
- return (
- e.nativeEvent.stopImmediatePropagation()}>
-