Function ScopeTree

packages/editor/src/components/tray/scope_tray.tsx:124–195

(props: ScopeTreeProps)

}

const ScopeTree = (props: ScopeTreeProps) => {
  const { scope, startDrag } = props

  const allVars = {}
  const allFuncs = {}

  for (const [name, entry] of scope.variables.entries()) {
    let hasVar = false
    let funcSignature: FunctionSignature = null
    for (const metadata of entry.declarers.values()) {
      if (metadata.typeInfo?.category === TypeCategory.Function) {
        funcSignature = metadata.typeInfo
      } else {
        hasVar = true
      }
    }
    if (hasVar) {
      const nodeBlock = getSingleNodeFragment(
        {
          type: 'PY_IDENTIFIER',
          properties: { identifier: name },
          childSets: {},
        },
        false
      )
      allVars[name] = (
        <div className="scope-tray-entry">
          <MicroNode fragment={nodeBlock} startDrag={startDrag} />
        </div>
      )
    }
    if (funcSignature) {
      const func = new PythonCallVariable(null, name, funcSignature)
      const nodeBlock = getSingleNodeFragment(func.serialize(), false)
      allFuncs[name] = (
        <div className="scope-tray-entry">
          <MicroNode fragment={nodeBlock} startDrag={startDrag} />
        </div>
      )
    }
  }

  const varNames = Object.keys(allVars)
  varNames.sort()
  const funcNames = Object.keys(allFuncs)
  funcNames.sort()

  const scopes = Array.from(scope.childScopes)
  return (
    <>
      {varNames.map((name, idx) => {
        return <React.Fragment key={name}>{allVars[name]}</React.Fragment>
      })}
      {funcNames.map((name, idx) => {
        return <React.Fragment key={name}>{allFuncs[name]}</React.Fragment>
      })}
      {scopes.map((childScope: PythonScope, idx) => {
        if (!childScope.hasEntries()) {