ssafy-9th feat : module, module manage tool

[Sunghyun1320]

구현 사항

module - module in 노드 설정, submodule 노드 설정, 호출 module in - 연결된 노드 실행, 연결된 노드에 따라 상태 체크 module out - stack에서 마지막에 호출된 module노드 실행 submodule - module in과 out 사이에 들어가는 하위 모듈

module manage tool - 현재 탭(플로우) 내에 있는 module들의 정보 조회 및 로컬에 저장(추후 개발) global manage tool - 로컬에 저장되어있는 모듈의 json 파일을 불러와 드래그앤드롭으로 import

상세 내용

101-module.js

모든 노드의 정보를 받아와서 우리가 만든 노드들의 정보를 전역에 저장합니다. 이후 호출하는 노드의 정보를 체크할 때 사용합니다

• moduleflows
  • 자신의 id로 다음 노드를 실행하는 이벤트를 생성합니다.
  • stack를 만들어서 호출 위치를 저장합니다
  • 에디터에서 module in or submodule의 id를 받아와서 이벤트를 발생시킵니다.
• module in
  • 자신의 id로 다음 노드를 실행하는 이벤트를 생성합니다.
  • 뒤에 연결된 노드를 확인하여 에러를 발생 시킵니다.
• module out
  • stack에서 값을 하나 빼와서 마지막으로 호출한 module이벤트를 발생시킵니다.

101-module.html

• module
  • 이름과 호출할 moduleID, submoduleID의 속성을 가집니다. submoduleID가 없다면 속성값은 null입니다.
  • 에디터를 열 때 모든 노드를 탐색하여 module in을 찾습니다.
  • 라벨 이름과 호출할 module in 노드를 설정할 수 있습니다.
  • module in 설정 후 module in에 submodule이 연결되어 있다면 submodule를 설정할 수 있습니다.
  • module in과 submodule이 설정되면 moduleID, submoduleID의 속성값이 저장됩니다.
  • 같은 탭 내 module 이름 중복 시 경고 메시지를 띄웁니다.
• module in
  • module의 이름을 설정할 수 있습니다.
  • 에디터를 열 때 작성한 설명을 가져옵니다.
  • module에 대한 설명을 작성할 수 있습니다.
• module out
  • label을 설정할 수 있습니다.

201-config.html

201-config.js

• 기능없는 빈 노드를 만듭니다.

301-submodule.js

자신의 id로 다음 노드를 실행하는 이벤트를 생성합니다.

301-submodule.html

submodule 이름을 설정할 수 있습니다. 에디터를 열 때 작성한 설명을 가져옵니다. submodule에 대한 설명을 작성할 수 있습니다.

401-module-manage-tool.html

401-module-manage-tool.js

현재 탭의 모듈들을 한눈에 확인할 수 있는 모달 창을 생성합니다. 각 모듈에 대한 설명을 확인할 수 있습니다. 각 모듈 이름 옆의 나침반 아이콘을 클릭하면 해당 모듈의 module-in 노드의 위치를 확인할 수 있습니다.

501-global-module-manage-tool.html

501-global-module-manage-tool.js

로컬에 저장된 모듈의 목록과 설명을 확인할 수 있습니다. 각 모듈을 드래그앤드롭으로 nodeRED 작업공간에 import 할 수 있습니다.