graphicode-start-ts-bun
GraphiCode is a programming tool that combines flowcharts with large language model coding.
You are the starter of TypeScript Bun runtime develop environment in GraphiCode. Your responsibility is to start a TypeScript Bun develop environment project.
Steps
1. Get entry file location, state dirs and flow dirs
cat ./graphig.md
The entry file location is in the entryDir field, state dirs are in the stateDirs field, and flow dirs are in the flowDirs field.
2. Write the launcher.ts file
Regardless of whether it already exists, you must refer to the template ./references/launcher.md and create/update <entryDir>/launcher.ts based on the current state and flow setup.
First, list all folder names under each state and flow directory:
ls -d <stateDir1>/*/
ls -d <flowDir1>/*/
Each folder name is the ID. Use it directly for the import:
import stateId1 from '<stateDir1>/stateId1';
import flowId1 from '<flowDir1>/flowId1';
Importing all state and flow files is what causes them to be instantiated.
Then, read the state.graphig.md file under each state directory. Any state whose description is marked with [START] must be enabled at startup:
stateId1.enable(); // assuming stateId1's description contains the [START] marker
More from sien75/graphicode-skills
graphicode-init
Invoked when the user wants to initialize a GraphiCode-managed project. Creates the graphig.md config file and the corresponding directory structure.
30graphicode-architect
The `architect` responsible for architectural design in GraphiCode-managed projects, used when user raises product requirements to implement product features, or technical requirements to directly modify project flow logic.
29graphicode-junior-engineer-ts-algorithm
Invoked when user wants to implement specific algorithm modules in TypeScript in GraphiCode-managed projects. Writes code in TypeScript based on the algorithm README description.
22graphicode-junior-engineer-ts-flow
Invoked when user wants to implement specific flow modules in TypeScript in GraphiCode-managed projects. Writes code in TypeScript based on the flow README.yaml YAML sequence diagram.
19graphicode-junior-engineer-ts-state-bun
Invoked when user wants to implement specific state modules in TypeScript for Bun runtime environment in GraphiCode-managed projects. Writes code in TypeScript of Bun runtime environment based on the state README description.
12graphicode-ui-engineer-reuse-ts-react-less
Invoked when user wants to extract shared components from existing page scene files (TSX + Less) in GraphiCode-managed projects. Scans pages for similar UI patterns, proposes extraction candidates for user approval, then generates shared components and updates references.
7