Function Inspector

src/ui-solid-inspector/index.tsx:1164–1198

(props: InspectorProps)

};

export const Inspector = (props: InspectorProps) => {
  const position = props.position ?? 'right';
  const open = props.open ?? false;
  const values = {
    position: getInitialPosition(position),
    open: !!open,
  };
  const s = useCreateStore(createStore);
  const [ready, setReady] = createSignal(false);

  useCreatePersister(
    s,
    (s) => createSessionPersister(s, UNIQUE_ID),
    async (persister) => {
      await persister.load([{}, values]);
      await persister.startAutoSave();
      setReady(true);
    },
    (persister) => persister.destroy(),
  );

  return (
    <>
      {ready() ? (
        <aside id={UNIQUE_ID} style={{'--hue': props.hue ?? 270}}>
          <Nub s={s()} />
          <Panel s={s()} />
        </aside>
      ) : (
        EMPTY_STRING
      )}
      <style>{APP_STYLESHEET}</style>
    </>
  );
};