JST Connector Studio: manufacturer 3D mate editor

import { as as u, B as t, r, ag as f, at as p, au as m, av as R } from "./chunk-aCYJZ84V.js";
import { c8 as x } from "./chunk-CrnJfeNw.js";
const d = ({ scene: n }) => {
  const [e, o] = r.useState("localhost"), [s, l] = r.useState(1234), c = r.useRef(null), i = r.useCallback(() => {
    c.current && c.current.close(), c.current = new x(n, e, s);
  }, [n, e, s]);
  return t.jsxs(t.Fragment, { children: [t.jsx(f, { label: "Hostname", value: e, onChange: (a) => o(a) }), t.jsx(p, { label: "Port", value: s, onChange: (a) => l(a), forceInt: !0 }), t.jsx(m, { label: "Connect", icon: R, onClick: i })] });
}, v = {
  friendlyName: "Reflector Tools",
  consumes: [u],
  factory: (n) => {
    const e = [];
    return e.push(n.addSectionContent({
      key: "Reflector",
      section: "Reflector",
      component: ({ context: o }) => t.jsx(d, { scene: o })
    })), {
      dispose: () => {
        e.forEach((o) => o.dispose());
      }
    };
  }
};
var C = {
  serviceDefinitions: [v]
};
export {
  v as ReflectorServiceDefinition,
  C as default
};