Merge pull request #48 from tmr232/render-page

Add Render Page

Author: tmr232

.github/workflows/pages.yaml

@@ -17,6 +17,9 @@ jobs:
       - name: "Build Demo Website"
         run: bun build-demo
 
+      - name: "Build Render Website"
+        run: bun build-render
+
       - name: "Build docs"
         run: bun typedoc --out ./dist/demo/docs
 

CHANGELOG.md

@@ -9,6 +9,7 @@ Check [Keep a Changelog](http://keepachangelog.com/) for recommendations on how
 ### Added
 
 - The JetBrains plugin can now change settings: flat switch, simplification, highlighting, and color scheme
+- `/render` page to render code directly from GitHub, given a URL with a line number.
 
 ## [0.0.12] - 2024-12-18
 

bun.lockb

@@ -12,6 +12,7 @@ export default tseslint.config(
       "webview-content",
       "src/frontend",
       "src/jetbrains",
+      "src/render",
       "src/demo",
       "src/components",
       ".vscode-test.mjs",

eslint.config.js

@@ -21,6 +21,7 @@
     "@codemirror/lang-python": "^6.1.6",
     "@codemirror/theme-one-dark": "^6.1.2",
     "@eslint/js": "^9.12.0",
+    "@panzoom/panzoom": "^4.5.1",
     "@rollup/plugin-wasm": "^6.2.2",
     "@sveltejs/vite-plugin-svelte": "^3.1.2",
     "@types/bun": "latest",
@@ -57,14 +58,18 @@
     "publish": "bun run package && bun run vsce-publish",
     "clean": "rm -r ./dist",
     "web": "bun run --cwd ./src/frontend/ vite",
+    "render": "bun run --cwd src/render/ vite",
     "web-tests": "bun run ./scripts/collect-comment-tests.ts",
     "demo": "bun run --cwd ./src/demo/ vite",
-    "build-demo": "bun run --cwd ./src/demo/ vite build --outDir ../../dist/demo --base '/function-graph-overview/'",
+    "build-demo": "bun run --cwd ./src/demo/ vite build",
+    "build-render": "bun run --cwd ./src/render/ vite build",
     "build-jetbrains": "bun run --cwd ./src/jetbrains/ vite build",
     "oxlint-fix": "bunx oxlint --ignore-path=oxlint-ignore.txt --fix -D correctness -D perf -D suspicious -A no-await-in-loop",
     "oxlint-ci": "bunx oxlint --ignore-path=oxlint-ignore.txt  -D correctness -D perf -D suspicious -A no-await-in-loop",
-    "lint": "bunx biome check --fix && bun oxlint-fix && bunx eslint --fix && bunx tsc --noEmit",
-    "ci": "bunx biome ci && bun oxlint-ci && bunx eslint && bunx tsc --noEmit",
+    "prettier-format": "bunx prettier **/*.svelte --write",
+    "prettier-check": "bunx prettier **/*.svelte --check",
+    "lint": "bunx biome check --fix && bun oxlint-fix  && bun prettier-format && bunx eslint --fix && bunx tsc --noEmit",
+    "ci": "bunx biome ci && bun oxlint-ci && bun prettier-check && bunx eslint && bunx tsc --noEmit",
     "generate-parsers": "bun run ./scripts/generate-parsers.ts",
     "typedoc": "bunx typedoc --treatWarningsAsErrors"
   },

package.json

@@ -10,7 +10,7 @@ import {
 } from "../src/control-flow/cfg.ts";
 import { simplifyCFG, trimFor } from "../src/control-flow/graph-ops.ts";
 import { graphToDot } from "../src/control-flow/render.ts";
-import { getLanguage, iterFunctions } from "./file-parsing.ts";
+import { getLanguage, iterFunctions } from "../src/file-parsing/bun.ts";
 
 function isLanguage(language: string): language is Language {
   return supportedLanguages.includes(language as Language);

scripts/file-parsing.ts

@@ -9,7 +9,11 @@ import * as path from "node:path";
 import { parseArgs } from "node:util";
 import { Glob } from "bun";
 import { newCFGBuilder } from "../src/control-flow/cfg";
-import { fileTypes, getLanguage, iterFunctions } from "./file-parsing.ts";
+import {
+  fileTypes,
+  getLanguage,
+  iterFunctions,
+} from "../src/file-parsing/bun.ts";
 
 function iterSourceFiles(root: string): IterableIterator<string> {
   const sourceGlob = new Glob(

scripts/render-function.ts

@@ -2,7 +2,7 @@
   import { go } from "@codemirror/lang-go";
   import { cpp } from "@codemirror/lang-cpp";
   import { python } from "@codemirror/lang-python";
-  import {javascript} from "@codemirror/lang-javascript";
+  import { javascript } from "@codemirror/lang-javascript";
   import Graph from "./Graph.svelte";
   import type { Language } from "../control-flow/cfg";
   import * as LZString from "lz-string";
@@ -20,7 +20,8 @@
     "C++": "void main() {\n\tif (x) {\n\t\treturn;\n\t}\n}",
     Python: "def example():\n    if x:\n        return",
     TypeScript: "function main() {\n\tif (x) {\n\t\treturn;\n\t}\n}",
-    TSX: "function getGreeting(user) {\n" +
+    TSX:
+      "function getGreeting(user) {\n" +
       "  if (user) {\n" +
       "    return <h1>Hello, {formatName(user)}!</h1>;  }\n" +
       "  return <h1>Hello, Stranger.</h1>;}",
@@ -50,8 +51,16 @@
       text: "C++",
       codeMirror: cpp,
     },
-    {language:"TypeScript" as Language, text:"TypeScript (experimental)", codeMirror: ()=>javascript({typescript:true})},
-    {language:"TSX" as Language, text:"TSX (experimental)", codeMirror: ()=>javascript({typescript:true, jsx:true})},
+    {
+      language: "TypeScript" as Language,
+      text: "TypeScript (experimental)",
+      codeMirror: () => javascript({ typescript: true }),
+    },
+    {
+      language: "TSX" as Language,
+      text: "TSX (experimental)",
+      codeMirror: () => javascript({ typescript: true, jsx: true }),
+    },
   ] as const;
 
   const urlParams = new URLSearchParams(window.location.search);

scripts/scan-codebase.ts

@@ -4,7 +4,7 @@
   import demoCodeC from "./assets/demo.c?raw";
   import demoCodePython from "./assets/demo.py?raw";
   import demoCodeCpp from "./assets/demo.cpp?raw";
-  import demoCodeTypeScript from "./assets/demo.ts?raw"
+  import demoCodeTypeScript from "./assets/demo.ts?raw";
   import { isDark } from "../../components/lightdark";
   import { onDestroy } from "svelte";
   import type { Language } from "../../control-flow/cfg.ts";