Start on plugin ctx API (#64)

src-web/components/core/Editor/Editor.tsx

@@ -87,7 +87,7 @@ export const Editor = forwardRef<EditorView | undefined, EditorProps>(function E
   ref,
 ) {
   const s = useSettings();
-  const e = useActiveEnvironment();
+  const [e] = useActiveEnvironment();
   const w = useActiveWorkspace();
   const environment = autocompleteVariables ? e : null;
   const workspace = autocompleteVariables ? w : null;

src-web/components/core/Editor/twig/placeholder.ts

@@ -9,7 +9,6 @@ class PlaceholderWidget extends WidgetType {
     readonly exists: boolean,
     readonly type: 'function' | 'variable' = 'variable',
   ) {
-    console.log('PLACEHOLDER', { name, value });
     super();
   }
 

src-web/components/core/SplitLayout.tsx

@@ -3,7 +3,7 @@ import classNames from 'classnames';
 import type { CSSProperties, MouseEvent as ReactMouseEvent, ReactNode } from 'react';
 import React, { useCallback, useMemo, useRef, useState } from 'react';
 import { useLocalStorage } from 'react-use';
-import { useActiveWorkspaceId } from '../../hooks/useActiveWorkspaceId';
+import { useActiveWorkspace } from '../../hooks/useActiveWorkspace';
 import { clamp } from '../../lib/clamp';
 import { ResizeHandle } from '../ResizeHandle';
 
@@ -42,10 +42,13 @@ export function SplitLayout({
   minWidthPx = 10,
 }: Props) {
   const containerRef = useRef<HTMLDivElement>(null);
+  const activeWorkspace = useActiveWorkspace();
   const [verticalBasedOnSize, setVerticalBasedOnSize] = useState<boolean>(false);
-  const [widthRaw, setWidth] = useLocalStorage<number>(`${name}_width::${useActiveWorkspaceId()}`);
+  const [widthRaw, setWidth] = useLocalStorage<number>(
+    `${name}_width::${activeWorkspace?.id ?? 'n/a'}`,
+  );
   const [heightRaw, setHeight] = useLocalStorage<number>(
-    `${name}_height::${useActiveWorkspaceId()}`,
+    `${name}_height::${activeWorkspace?.id ?? 'n/a'}`,
   );
   const width = widthRaw ?? defaultRatio;
   let height = heightRaw ?? defaultRatio;