增强现实AR>> module-visualizer>> 返回
项目作者： cloudydeno

项目描述 ：
Interactive tools to explore ESM dependencies for any module using 'import' statements.
高级语言： TypeScript
项目地址: git://github.com/cloudydeno/module-visualizer.git
创建时间： 2021-01-31T16:29:10Z
项目社区：https://github.com/cloudydeno/module-visualizer
开源协议：MIT License
下载


Deno Module Visualizer

Live @ https://deno-visualizer.danopia.net

This tool shows a Graphviz rendering of high-level module dependencies.

CLI Usage

  1. $ deno install -f -n deno-graph --allow-run=deno,dot https://raw.githubusercontent.com/cloudydeno/module-visualizer/main/feat/dependencies-of/cli.ts
  2. ✅ Successfully installed deno-graph
  4. $ deno-graph https://deno.land/x/djwt@v2.4/mod.ts
  5. digraph "imported modules" {
  6.   rankdir="TB";
  8.   "https://deno.land/x/djwt@v2.4"[shape="box",label="/x/djwt@v2.4\l4 files, 9 KB\l",penwidth="1.6931471805599454",fontname="Arial",style="filled",tooltip="https://deno.land/x/djwt@v2.4",fillcolor="lightskyblue",href="https://deno.land/x/djwt@v2.4"];
  9.   "https://deno.land/x/djwt@v2.4" -> "https://deno.land/std@0.105.0";
  11.   "https://deno.land/std@0.105.0"[shape="box",label="/std@0.105.0\l    • /encoding\l2 files, 3 KB\l",penwidth="1",fontname="Arial",style="filled",tooltip="https://deno.land/std@0.105.0",fillcolor="lightgreen",href="https://deno.land/std@0.105.0"];
  13. }

/dependencies-of/

The implementation was initially represented by this shell pipeline:

  1. deno info --unstable --json -- "$moduleUrl" \
  2. | deno run -- compute.ts "$options" \
  3. | dot -T"svg"

Several output types are available.
HTML and SVG renderings are the intended way of viewing the graph.
In addition, the dot process can be removed to export raw JSON data from the computation phase.
These are available as hyperlinks from the HTML output.

Note: Over time, the above pipeline is being consolidated into a Deno-native module.

  • deno info will be replaced with /x/deno_graph when Deno WASM is more mature and graph loading performance is comparable.
  • deno run has been removed already (the JSON is processed in the main process now).
  • dot -Tsvg might eventually be replaced with a WebAssembly build of GraphViz :) Font measuring will be a tricky point with that.

Deploy

These are just notes for me :)

  1. IMAGE="gcr.io/stardust-156404/deno-module-visualizer:$TAG"
  2. docker build . -t $IMAGE
  3. docker push $IMAGE
  4. gcloud alpha run services update deno-module-visualizer --platform=managed --project=stardust-156404 --region=us-central1 --image=$IMAGE
  6. # or
  8. # update tag in cloud-run.yaml
  9. gcloud alpha run services replace cloud-run.yaml --platform=managed --project=stardust-156404 --region=us-central1