# 囲みマス リポジトリ 関係図

digraph hierarchy {
    newrank=true
    graph [fontname = Courier, fontsize = 10];
    node  [fontname = Courier, fontsize = 10, shape=tab, color=Red];
    edge  [fontname = Courier, fontsize = 10, color=Blue, style=dashed];
    
    subgraph cluster_cfk {
        label="codeforkosen"
        color="#58afda"
        
        subgraph cluster_cfk0 {
            label="Kakomimasu"
            color=brack
            
            "Kakomimasu.js"
        }        
    }
    
    subgraph cluster_kkmm {
        label="kakomimasu"
        color="#fbd5a8"
        
        subgraph cluster_kkmm0 {
            label="server"
            color=brack
            
            "deps.ts" -> "Kakomimasu.js"
            "api/types.ts"
        }
        
        subgraph cluster_kkmm1 {
            label="client-js"
            color=brack
            
            cjs_mod[label="mod.js"]
            cjs_deps[label="deps.ts"]
        }
        
        subgraph cluster_kkmm2 {
            label="client-deno"
            color=brack
            
            cdeno_deps[label="deps.ts"]
            cdeno_algorithm[label="algorithm.js"]
        }
        
        subgraph cluster_kkmm3 {
            label="client-deno-template"
            color=brack
            
            cdeno_temp_sample[label="sample.js"]
        }
        
        
        "deps.ts" -> cjs_mod
        cjs_deps -> "api/types.ts"
        
        cdeno_deps -> cjs_mod

        cdeno_temp_sample -> cdeno_algorithm
        
        {rank=same; cjs_mod;cjs_deps;cdeno_algorithm;cdeno_deps}
        
    };

}