Tetsuya Takasawa PorcoRosso85

This is a d3.js diagram which implements a workaround to enable multiple parent nodes for d3 collapsable trees. The idea is based on this static version: Multiple Parent Nodes D3.js.

See also live demo

Example - Graph	Example - Graph collapsed

Background

I'm using websockets & protobuf in my vscode extension. I want to replace the message abstractions & inconsistent code with a nicely defined server/client interface using grpc.

The Problem

After working on some POC code and running the extension for the first time, I was faced with the following error:

Activating extension 'richardwillis.vscode-gradle' failed:

My FE/DOM Libraries

a gist to recap the current status, also available as library picker!

Minimalistic Libraries

do one thing only and do it well

µhtml (HTML/SVG auto-keyed and manual keyed render)
augmentor (hooks for anything)
wickedElements (custom elements without custom elements ... wait, what?)

Example of the creating markdown table from the gl-code-quality-report.json Gitlab's code quality report with codeclimate SPEC.

Install jq

Run the next command to convert gl-code-quality-report.json to markdown:

jq -r '. | sort_by((.location.path | explode | map(-.)), .location.lines.begin) | .[] | @text "| [\(.location.path):\(.location.lines.begin)](../blob/BRANCH-NAME/\(.location.path)#L\(.location.lines.begin)) | \(.description)"' gl-code-quality-report.json

Add table header to the beggigning of the output:

| Path | Description |

Get Git log in JSON format

git log --pretty=format:'{%n  "commit": "%H",%n  "abbreviated_commit": "%h",%n  "tree": "%T",%n  "abbreviated_tree": "%t",%n  "parent": "%P",%n  "abbreviated_parent": "%p",%n  "refs": "%D",%n  "encoding": "%e",%n  "subject": "%s",%n  "sanitized_subject_line": "%f",%n  "body": "%b",%n  "commit_notes": "%N",%n  "verification_flag": "%G?",%n  "signer": "%GS",%n  "signer_key": "%GK",%n  "author": {%n    "name": "%aN",%n    "email": "%aE",%n    "date": "%aD"%n  },%n  "commiter": {%n    "name": "%cN",%n    "email": "%cE",%n    "date": "%cD"%n  }%n},'

The only information that aren't fetched are:

%B: raw body (unwrapped subject and body)
%GG: raw verification message from GPG for a signed commit

	const range = (min, max) => (min - max) * Math.random() + max;

	class Particle {
	constructor(x, y, canvas) {
	this.setPhysics();
	this.setDimensions();
	this.setGraphics();
	this.x = x;
	this.y = y;
	this.canvas = canvas;

	// see https://gitlab.com/merzin/mono/-/tree/mono/abi

	const std = @import("std");

	pub fn build(b: *std.build.Builder) void {
	const mode = b.standardReleaseOptions();
	const lib = b.addSharedLibrary("index", "index.zig", b.version(0, 0, 0));
	lib.setBuildMode(mode);
	lib.setTarget(.{ .cpu_arch = .wasm32, .os_tag = .freestanding });
	lib.setOutputDir("zig-out");

	from ast import *
	from pygraphviz import AGraph
	from re import sub

	COLOR_KWD = '#a020f0'
	COLOR_VAR = '#6c71c4'
	COLOR_STR = '#8b2252'

	def colorize(s, col):
	return '<font color="%s">%s</font>' % (col, s)

	{
	"tree" : {
	"nodeName" : "NODE NAME 1",
	"name" : "NODE NAME 1",
	"type" : "type3",
	"code" : "N1",
	"label" : "Node name 1",
	"version" : "v1.0",
	"link" : {
	"name" : "Link NODE NAME 1",