{"id":20459452,"url":"https://github.com/devhelpr/flowrunner-canvas","last_synced_at":"2025-05-08T22:32:17.415Z","repository":{"id":35137868,"uuid":"204191232","full_name":"devhelpr/flowrunner-canvas","owner":"devhelpr","description":"This project is deprecated. Flowrunner-canvas is a flow based programming environment that can very easily be added to an existent frontend javascript/typescript toolchain.","archived":true,"fork":false,"pushed_at":"2024-09-15T12:36:30.000Z","size":15131,"stargazers_count":7,"open_issues_count":16,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-04-19T08:05:15.380Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/devhelpr.png","metadata":{"files":{"readme":"readme.md","changelog":null,"contributing":null,"funding":null,"license":"license.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2019-08-24T17:37:19.000Z","updated_at":"2024-11-09T10:40:44.000Z","dependencies_parsed_at":"2024-09-15T14:11:00.174Z","dependency_job_id":"44842f2c-d2ac-4357-8d43-b1ceb9d25856","html_url":"https://github.com/devhelpr/flowrunner-canvas","commit_stats":{"total_commits":958,"total_committers":1,"mean_commits":958.0,"dds":0.0,"last_synced_commit":"41fd622bb7ceb928e6deffb538b8509820c85cec"},"previous_names":[],"tags_count":498,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/devhelpr%2Fflowrunner-canvas","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/devhelpr%2Fflowrunner-canvas/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/devhelpr%2Fflowrunner-canvas/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/devhelpr%2Fflowrunner-canvas/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/devhelpr","download_url":"https://codeload.github.com/devhelpr/flowrunner-canvas/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":253158179,"owners_count":21863247,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-15T12:16:07.886Z","updated_at":"2025-05-08T22:32:14.715Z","avatar_url":"https://github.com/devhelpr.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\n***this project is deprecated***\n\n\n\n# The simplest way to start playing with flowrunner-canvas\n\n- clone this github repo\n- this is a monorepo, run from root of this repo:\n- yarn install\n- yarn start (under the hood this runs: nx serve code-flow-canvas)\n- in other tab: yarn startapi\n  \n## project setup\n\n- monorepo using nx\n- react/express/postcss/tailwind\n- libraries used that will be replaced by tailwind/custom : \n  - material-ui\n  - bootstrap v5 / react-bootstrap\n  \n## publising steps\n\n- commit \u0026 push all changes\n\nfrom workspace root:\n\n- yarn nx build\n- yarn versionandpublishpackages\n\n\twebapps that use flowrunner-canvas need :\n\n\t\u003clink\n      rel=\"stylesheet\"\n      href=\".../bootstrap.min.css\"\n    /\u003e\n    \u003clink\n      rel=\"stylesheet\"\n      href=\".../fira_code.css\"\n    /\u003e\n    \u003clink\n      rel=\"stylesheet\"\n      href=\".../react-draft-wysiwyg.css\"\n    /\u003e\n\n\t... and other asset from assets\n\n## build code-flow-canvas app\n\n  yarn nx build code-flow-canvas\n  ... output staat in ./dist/apps/code-flow-canvas\n\n   \n## Create new build-in task\n\n- Create task-plugin in flowrunner-canvas-core/flowrunner-plugins\n- Create config in flowrunner-canvas-core/config.ts\n- Register task-class with flow.registerTask in flowrunner-canvas-core/flow-tasks and add it to\ngetDefaultUITasks as well\n- (Optional) to add task to taskbar category.. add this to flowrunner-canvas/taskbar (this will change in the near future)\n\nIf it has a custom node which needs to be rendered in the flow..\n- Create tsx file in flowrunner-canvas-core/html-plugins\n- There's a useReceivedPayload hook which returns the payload when received when the node is triggered\n- Add component to flowrunner-canvas-core/renderHtmlNode and getNodeInstance\n- Does the component need to be visible in user-uiview? add hasUI to config in config.ts\n\n## Create custom task outside flowrunner-canvas-core\n\nIf it has only a task-plugin an NO custom node appearance:\n- Create task-plugin in app/code-flow-canvas/flow-plugins\n- Register task-plugin with registerCustomNodeType in registerCustomPlugins in app/code-flow-canvas/flow-plugins/index.ts (config is specified there as well)\n\nIf it has a custom node which needs to be rendered in the flow..\n- Creaate tsx file in app/code-flow-canvas/html-plugins\n- Register task-plugin and custom node with registerFlowRunnerCanvasPlugin in app/code-flow-canvas/main.tsx (this will change in the near future)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdevhelpr%2Fflowrunner-canvas","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdevhelpr%2Fflowrunner-canvas","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdevhelpr%2Fflowrunner-canvas/lists"}