this.gui 0.0.0 → 0.0.2

package/src/tsconfig.json

@@ -1,25 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "es5",
-    "lib": [
-      "dom",
-      "dom.iterable",
-      "esnext"
-    ],
-    "allowJs": true,
-    "skipLibCheck": true,
-    "esModuleInterop": true,
-    "allowSyntheticDefaultImports": true,
-    "strict": true,
-    "forceConsistentCasingInFileNames": true,
-    "module": "esnext",
-    "moduleResolution": "node",
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "noEmit": true,
-    "jsx": "react"
-  },
-  "include": [
-    "src"
-  ]
-}

package/src/types.tsx

@@ -1,25 +0,0 @@
-export type UserProps = {
-  name: string;
-  username: string;
-  avatar: string;
-  online: boolean;
-};
-
-export type MessageProps = {
-  id: string;
-  content: string;
-  timestamp: string;
-  unread?: boolean;
-  sender: UserProps | 'You';
-  attachment?: {
-    fileName: string;
-    type: string;
-    size: string;
-  };
-};
-
-export type ChatProps = {
-  id: string;
-  sender: UserProps;
-  messages: MessageProps[];
-};

package/src/useScript.ts

@@ -1,101 +0,0 @@
-import * as React from 'react';
-
-export type UseScriptStatus = 'idle' | 'loading' | 'ready' | 'error';
-
-// Cached script statuses
-const cachedScriptStatuses: Record<string, UseScriptStatus | undefined> = {};
-
-/**
- * Simplified version of https://usehooks-ts.com/react-hook/use-script
- */
-function getScriptNode(src: string) {
-  const node: HTMLScriptElement | null = document.querySelector(`script[src="${src}"]`);
-  const status = node?.getAttribute('data-status') as UseScriptStatus | undefined;
-
-  return {
-    node,
-    status,
-  };
-}
-
-function useScript(src: string): UseScriptStatus {
-  const [status, setStatus] = React.useState<UseScriptStatus>(() => {
-    if (typeof window === 'undefined') {
-      // SSR Handling - always return 'loading'
-      return 'loading';
-    }
-
-    return cachedScriptStatuses[src] ?? 'loading';
-  });
-
-  React.useEffect(() => {
-    const cachedScriptStatus = cachedScriptStatuses[src];
-    if (cachedScriptStatus === 'ready' || cachedScriptStatus === 'error') {
-      // If the script is already cached, set its status immediately
-      setStatus(cachedScriptStatus);
-      return;
-    }
-
-    // Fetch existing script element by src
-    // It may have been added by another instance of this hook
-    const script = getScriptNode(src);
-    let scriptNode = script.node;
-
-    if (!scriptNode) {
-      // Create script element and add it to document body
-      scriptNode = document.createElement('script');
-      scriptNode.src = src;
-      scriptNode.async = true;
-      scriptNode.setAttribute('data-status', 'loading');
-      document.body.appendChild(scriptNode);
-
-      // Store status in attribute on script
-      // This can be read by other instances of this hook
-      const setAttributeFromEvent = (event: Event) => {
-        const scriptStatus: UseScriptStatus = event.type === 'load' ? 'ready' : 'error';
-
-        scriptNode?.setAttribute('data-status', scriptStatus);
-      };
-
-      scriptNode.addEventListener('load', setAttributeFromEvent);
-      scriptNode.addEventListener('error', setAttributeFromEvent);
-    } else {
-      // Grab existing script status from attribute and set to state.
-      setStatus(script.status ?? cachedScriptStatus ?? 'loading');
-    }
-
-    // Script event handler to update status in state
-    // Note: Even if the script already exists we still need to add
-    // event handlers to update the state for *this* hook instance.
-    const setStateFromEvent = (event: Event) => {
-      const newStatus = event.type === 'load' ? 'ready' : 'error';
-      setStatus(newStatus);
-      cachedScriptStatuses[src] = newStatus;
-    };
-
-    // Add event listeners
-    scriptNode.addEventListener('load', setStateFromEvent);
-    scriptNode.addEventListener('error', setStateFromEvent);
-
-    // Remove event listeners on cleanup
-    // eslint-disable-next-line consistent-return
-    return () => {
-      if (scriptNode) {
-        scriptNode.removeEventListener('load', setStateFromEvent);
-        scriptNode.removeEventListener('error', setStateFromEvent);
-      }
-
-      if (scriptNode) {
-        try {
-          scriptNode.remove();
-        } catch (error) {
-          // ignore error
-        }
-      }
-    };
-  }, [src]);
-
-  return status;
-}
-
-export default useScript;

package/src/utils.ts

@@ -1,53 +0,0 @@
-export const openSidebar = () => {
-  if (typeof document !== 'undefined') {
-    document.body.style.overflow = 'hidden';
-    document.documentElement.style.setProperty('--SideNavigation-slideIn', '1');
-  }
-};
-
-export const closeSidebar = () => {
-  if (typeof document !== 'undefined') {
-    document.documentElement.style.removeProperty('--SideNavigation-slideIn');
-    document.body.style.removeProperty('overflow');
-  }
-};
-
-export const toggleSidebar = () => {
-  if (typeof window !== 'undefined' && typeof document !== 'undefined') {
-    const slideIn = window
-      .getComputedStyle(document.documentElement)
-      .getPropertyValue('--SideNavigation-slideIn');
-    if (slideIn) {
-      closeSidebar();
-    } else {
-      openSidebar();
-    }
-  }
-};
-
-export const openMessagesPane = () => {
-  if (typeof document !== 'undefined') {
-    document.body.style.overflow = 'hidden';
-    document.documentElement.style.setProperty('--MessagesPane-slideIn', '1');
-  }
-};
-
-export const closeMessagesPane = () => {
-  if (typeof document !== 'undefined') {
-    document.documentElement.style.removeProperty('--MessagesPane-slideIn');
-    document.body.style.removeProperty('overflow');
-  }
-};
-
-export const toggleMessagesPane = () => {
-  if (typeof window !== 'undefined' && typeof document !== 'undefined') {
-    const slideIn = window
-      .getComputedStyle(document.documentElement)
-      .getPropertyValue('--MessagesPane-slideIn');
-    if (slideIn) {
-      closeMessagesPane();
-    } else {
-      openMessagesPane();
-    }
-  }
-};