mostly trying to get react-draggable to work with react19 -- nope.

Author: williamstein

src/packages/frontend/components/data-grid/headings.tsx

@@ -81,7 +81,7 @@ export function ColumnHeading({
 
 function ResizeHandle({ setWidth, width, ignoreClick }) {
   const [pos, setPos] = useState<any>(undefined);
-  const nodeRef = useRef<any>(null);
+  const nodeRef = useRef<any>({});
   return (
     <Draggable
       nodeRef={nodeRef}

src/packages/frontend/editors/slate/elements/code-block/mermaid.tsx

@@ -61,14 +61,15 @@ export default function Mermaid({ value, style }: Props) {
   );
 }
 
-let initialized = false;
-async function getMermaid() {
-  const mermaid = (await import("mermaid")).default;
-  if (!initialized) {
-    mermaid.initialize({
-      startOnLoad: false,
-    });
-    initialized = true;
-  }
-  return mermaid;
+//let initialized = false;
+async function getMermaid() : Promise<any> {
+  throw Error("mermaid js support disabled");
+//   //const mermaid = (await import("mermaid")).default;
+//   if (!initialized) {
+//     mermaid.initialize({
+//       startOnLoad: false,
+//     });
+//     initialized = true;
+//   }
+//   return mermaid;
 }

src/packages/frontend/frame-editors/crm-editor/fields/tag-by-id.tsx

@@ -10,7 +10,7 @@ interface Props {
 }
 
 export function TagById({ id, onClose, confirm, Draggable }: Props) {
-  const nodeRef = useRef<any>(null);
+  const nodeRef = useRef<any>({});
   const tags = useTags();
   const tag = useMemo(() => {
     return tags?.[id];

src/packages/frontend/frame-editors/crm-editor/views/index.tsx

@@ -304,7 +304,7 @@ export default function Views({ table, style }: Props) {
 }
 
 function ResizeBar({ setWidth, width }) {
-  const nodeRef = useRef<any>(null);
+  const nodeRef = useRef<any>({});
   return (
     <Draggable
       nodeRef={nodeRef}

src/packages/frontend/frame-editors/frame-tree/frame-tree-drag-bar.tsx

@@ -114,7 +114,7 @@ export const FrameTreeDragBar: React.FC<Props> = React.memo((props: Props) => {
     }
   }
 
-  const nodeRef = React.useRef<any>(null);
+  const nodeRef = React.useRef<any>({});
 
   return (
     <Draggable

src/packages/frontend/frame-editors/whiteboard-editor/canvas.tsx

@@ -346,7 +346,7 @@ export default function Canvas({
     },
   );
 
-  const nodeRef = useRef<any>(null);
+  const nodeRef = useRef<any>({});
   const innerCanvasRef = useRef<any>(null);
 
   const transformsRef = useRef<Transforms>(

src/packages/frontend/frame-editors/whiteboard-editor/focused-resize.tsx

@@ -42,7 +42,7 @@ export default function DragHandle({
   element: Element;
   selectedElements: Element[];
 }) {
-  const nodeRef = useRef<any>(null);
+  const nodeRef = useRef<any>({});
   const [position, setPosition] = useState<{ x: number; y: number }>({
     x: 0,
     y: 0,

src/packages/frontend/frame-editors/whiteboard-editor/focused.tsx

@@ -87,7 +87,7 @@ export default function Focused({
     dragging || offset.x || offset.y || offset.w || offset.h || rotating;
   const locked = isLocked(selectedElements);
   const hidden = isHidden(selectedElements);
-  const nodeRef = useRef<any>(null);
+  const nodeRef = useRef<any>({});
 
   // Make it so the selected element can handle it's own mouse wheel events.
   const divRef = useRef<any>(null);

src/packages/frontend/frame-editors/whiteboard-editor/not-focused.tsx

@@ -27,7 +27,7 @@ export default function NotFocused({
   onDrag,
 }: Props) {
   const { id } = element;
-  const nodeRef = useRef<any>(null);
+  const nodeRef = useRef<any>({});
 
   // Right after dragging, we ignore the onClick so the object doesn't get selected:
   const ignoreNextClickRef = useRef<boolean>(false);

src/packages/frontend/frame-editors/whiteboard-editor/tools/navigation.tsx

@@ -298,7 +298,7 @@ export function Overview({
   maxScale,
   presentation,
 }: MapProps) {
-  const nodeRef = useRef<any>(null);
+  const nodeRef = useRef<any>({});
   const { id, actions } = useFrameContext();
   const { xMin, yMin, xMax, yMax } = getPageSpan(elements, 1, presentation);
   const xDiff = xMax - xMin + 2 * margin;

src/packages/frontend/package.json

@@ -116,7 +116,7 @@
     "markdown-it-front-matter": "^0.2.3",
     "md5": "^2",
     "memoize-one": "^5.1.1",
-    "mermaid": "^11.4.1",
+    "mermaid": "^11.7.0",
     "node-forge": "^1.0.0",
     "onecolor": "^3.1.0",
     "pdfjs-dist": "^4.6.82",

src/packages/frontend/project/page/content.tsx

@@ -327,7 +327,7 @@ interface DragBarProps {
 
 const DragBar: React.FC<DragBarProps> = (props: DragBarProps) => {
   const { project_id, path, editor_container_ref } = props;
-  const nodeRef = useRef<any>(null);
+  const nodeRef = useRef<any>({});
   const draggable_ref = useRef<any>(null);
 
   const reset = () => {

src/packages/hub/package.json

@@ -56,7 +56,7 @@
     "preinstall": "npx only-allow pnpm",
     "clean": "rm -rf node_modules dist",
     "build": "tsc && coffee -m -c -o dist/ .",
-    "hub-project-dev-nobuild": "unset DATA COCALC_ROOT && export DEBUG=${DEBUG:='cocalc:*,-cocalc:silly:*'} && export PGHOST=${PGHOST:=`realpath $INIT_CWD/../../data/postgres/socket`} && unset TURBOPACK && PGUSER='smc'  NODE_ENV=${NODE_ENV:=development} NODE_OPTIONS='--max_old_space_size=8000 --trace-warnings --enable-source-maps --inspect' cocalc-hub-server --mode=single-user --all --hostname=0.0.0.0",
+    "hub-project-dev-nobuild": "unset DATA COCALC_ROOT && export DEBUG=${DEBUG:='cocalc:*,-cocalc:silly:*'} && export PGHOST=${PGHOST:=`realpath $INIT_CWD/../../data/postgres/socket`}  && PGUSER='smc'  NODE_ENV=${NODE_ENV:=development} NODE_OPTIONS='--max_old_space_size=8000 --trace-warnings --enable-source-maps --inspect' cocalc-hub-server --mode=single-user --all --hostname=0.0.0.0",
     "hub-personal": "unset DATA COCALC_ROOT && export DEBUG=${DEBUG:='cocalc:*,-cocalc:silly:*'} && export PGHOST=${PGHOST:=`realpath $INIT_CWD/../../data/postgres/socket`} && PGUSER='smc'  NODE_ENV=${NODE_ENV:=development} NODE_OPTIONS='--max_old_space_size=8000 --trace-warnings --enable-source-maps --inspect' cocalc-hub-server --mode=single-user --all --hostname=0.0.0.0 --personal",
     "hub-project-dev": "pnpm build && NODE_OPTIONS='--inspect' pnpm hub-project-dev-nobuild",
     "hub-project-prod-nobuild": "unset DATA COCALC_ROOT && export DEBUG=${DEBUG:='cocalc:*,-cocalc:silly:*'} && export PGHOST=${PGHOST:=`realpath $INIT_CWD/../../data/postgres/socket`} &&   PGUSER='smc' NODE_ENV=production NODE_OPTIONS='--max_old_space_size=8000 --enable-source-maps' cocalc-hub-server --mode=single-user --all --hostname=0.0.0.0",