Fixes + Refactor + Editor + Boot

README.md

@@ -117,7 +117,7 @@ import { boot } from '@_unit/unit/lib/client/platform/node/boot'
 import { fromBundle } from '@_unit/unit/lib/spec/fromBundle'
 import _specs from '@_unit/unit/lib/system/_specs'
 
-export const system = boot()
+export const [system] = boot()
 
 const bundle = require('./MergeSort.json')
 

src/API.ts

@@ -115,7 +115,7 @@ export type API = {
   }
   speech: {
     SpeechGrammarList: (opt: SpeechGrammarListOpt) => SpeechGrammarList
-    SpeechRecognition: (opt: SpeechRecognitionOpt) => SpeechRecognition
+    SpeechRecognition: { new (opt: SpeechRecognitionOpt): SpeechRecognition }
     SpeechSynthesis: SpeechSynthesis
     SpeechSynthesisUtterance: { new (text?: string): SpeechSynthesisUtterance }
   }

src/Class/Graph/index.ts

@@ -1,8 +1,8 @@
-// organize-imports-ignore
 import { $ } from '../$'
 import { Pin } from '../../Pin'
 import { PinOpt } from '../../PinOpt'
 import { Pins } from '../../Pins'
+import { Primitive } from '../../Primitive'
 import { State } from '../../State'
 import { bundleSpec, unitBundleSpec } from '../../bundle'
 import { emptySpec } from '../../client/spec'
@@ -30,11 +30,11 @@ import {
 } from '../../component/method'
 import { GRAPH_DEFAULT_EVENTS } from '../../constant/GRAPH_DEFAULT_EVENTS'
 import { SELF } from '../../constant/SELF'
+import deepGet from '../../deepGet'
 import { CodePathNotImplementedError } from '../../exception/CodePathNotImplemented'
 import { MergeNotFoundError } from '../../exception/MergeNotFoundError'
 import { MethodNotImplementedError } from '../../exception/MethodNotImplementedError'
 import { UnitNotFoundError } from '../../exception/UnitNotFoundError'
-import { Primitive } from '../../Primitive'
 import {
   makeAddMergeAction,
   makeAddUnitAction,
@@ -47,7 +47,9 @@ import {
   processAction,
 } from '../../spec/actions/G'
 import { cloneUnit } from '../../spec/cloneUnit'
+import { evaluate } from '../../spec/evaluate'
 import { bundleFromId } from '../../spec/fromId'
+import { renameUnitInMerges } from '../../spec/reducers/spec'
 import {
   coverPin,
   coverPinSet,
@@ -65,6 +67,7 @@ import {
 import { stringify } from '../../spec/stringify'
 import { stringifyMemorySpecData } from '../../spec/stringifySpec'
 import { unitFromBundleSpec } from '../../spec/unitFromSpec'
+import { getSubComponentParentId } from '../../spec/util/component'
 import {
   findUnitPinPlug,
   findUnitPlugs,
@@ -119,27 +122,27 @@ import { Unlisten } from '../../types/Unlisten'
 import { AnimationSpec, C, C_EE, ComponentSetup } from '../../types/interface/C'
 import { ComponentEvents, Component_ } from '../../types/interface/Component'
 import { G, G_EE, G_MoveSubgraphIntoArgs } from '../../types/interface/G'
-import { U } from '../../types/interface/U'
+import { U, U_EE } from '../../types/interface/U'
 import { forEach, insert, remove } from '../../util/array'
 import { callAll } from '../../util/call/callAll'
 import {
   _keyCount,
   clone,
+  deepDelete,
+  deepDestroy,
+  deepGetOrDefault,
+  deepSet,
   filterObj,
   forEachObjKV,
   getObjSingleKey,
   isEmptyObject,
   mapObjKV,
   omit,
-  deepDelete,
-  deepDestroy,
-  deepGetOrDefault,
-  deepSet,
   someObj,
 } from '../../util/object'
+import { weakMerge } from '../../weakMerge'
 import { Element_ } from '../Element'
 import Merge from '../Merge'
-import { Stateful_EE } from '../Stateful'
 import { Unit, UnitEvents } from '../Unit'
 import { Memory } from '../Unit/Memory'
 import { UnitRemovePinDataData, UnitTakeInputData } from '../Unit/interface'
@@ -179,15 +182,10 @@ import {
   GraphTakeUnitErrData,
   GraphUnplugPinData,
 } from './interface'
-import { moveSubgraph } from './moveSubgraph'
 import { isRefMerge } from './isRefMerge'
-import { renameUnitInMerges } from '../../spec/reducers/spec'
-import { weakMerge } from '../../weakMerge'
-import { getSubComponentParentId } from '../../spec/util/component'
-import deepGet from '../../deepGet'
-import { evaluate } from '../../spec/evaluate'
+import { moveSubgraph } from './moveSubgraph'
 
-export type Graph_EE = G_EE & C_EE & Stateful_EE
+export type Graph_EE = G_EE & C_EE & U_EE
 
 export type GraphEvents = UnitEvents<Graph_EE> & Graph_EE
 
@@ -2166,15 +2164,17 @@ export class Graph<I = any, O = any>
         propagate
       )
 
-      if (propagate) {
-        if (isUnitPinRef) {
-          if (isOutput) {
-            pin.take()
-          } else {
+      if (isUnitPinRef) {
+        if (isOutput) {
+          pin.take()
+        } else {
+          if (propagate) {
             unit.takePin(type, _pinId)
           }
         }
+      }
 
+      if (propagate) {
         if (type === 'input') {
           unit.takeInput(_pinId)
         }

src/api/speech/index.ts

@@ -80,7 +80,7 @@ export class SpeechRecorder extends EventEmitter_<SpeechRecorderEvents> {
       let recognition
 
       try {
-        recognition = SpeechRecognition({
+        recognition = new SpeechRecognition({
           grammars: undefined,
           lang,
           interimResults,

src/client/PositionObserver.ts

@@ -1,7 +1,7 @@
 import { System } from '../system'
 import {
-  PositionObserver,
   IPositionObserverEntry,
+  PositionObserver,
   PositionObserverCallback,
 } from '../types/global/PositionObserver'
 import { Unlisten } from '../types/Unlisten'

src/client/complexity.ts

@@ -9,28 +9,28 @@ const _specComplexityCache: Dict<number> = {}
 
 export const getSpecComplexity = (
   specs: Specs,
-  path: string,
+  id: string,
   useCache: boolean = true
 ): number => {
   let c: number
   if (useCache) {
-    if (!_specComplexityCache[path]) {
-      c = getSpecComplexity(specs, path, false)
+    if (!_specComplexityCache[id]) {
+      c = getSpecComplexity(specs, id, false)
     }
-    c = _specComplexityCache[path]
+    c = _specComplexityCache[id]
   } else {
-    c = _treeComplexityByPath(specs, path)
+    c = _treeComplexityByPath(specs, id)
   }
-  _specComplexityCache[path] = c
+  _specComplexityCache[id] = c
   return c
 }
 
 export const getSpecRadius = (
   specs: Specs,
-  path: string,
+  id: string,
   useCache: boolean = true
 ): number => {
-  const c: number = getSpecComplexity(specs, path, useCache)
+  const c: number = getSpecComplexity(specs, id, useCache)
   const R = UNIT_MIN_RADIUS + Math.log2(c) / 3
   const _R = Math.round(R) // important to return an integer
   return _R