Release V1.0 (#2)

* refactor: refactor with react

* refactor: refactor file directories

* feat: support indexed db

* chore: add utils and types

* feat: migrate from vanilla js

* feat: add sdo extraction and loading state

* chore: update gitignore

* feat: support test262

* feat: add tab for test262

* feat: add span for inline branches

* feat: add download buttons for test262

* feat: support default program and remove bugs

* feat: add default iteration

* fix: fixed decode logic error

* feat: support correct sdo and set of node id

* feat: update program view ui and add disclosure

* feat: add click and not found explanation

* feat: add callstack clicks from spec

* feat: support callstack program view

* feat: add styles and blocks recursive callPath adding

* feat: support automatically removing callstack

* feat: remove params from sdo and change ui

* feat: add resizable box and test262 table ui

* feat: add code editor

* feat: add virtual visualizer

* feat: add file download

* feat: add resource

* feat: change run on web debugger button position

* feat: trim program and add iter for abrupt completion

* feat: add 500px option for width

* chore: add slight style change

* chore: change to run on double debugger

* move resources.zip to main repo

* refactor: refactor spec transformation

* refactor: add sdo spec transformation

* refactor: add api using github raw contents

* refactor: refactor program viewer

* refactor: refactor file structures

* refactor: refactor callstack logic

* refactor: add basic json as extension resources

* refactor: handle sdo step clicks

* refactor: add default sdo for single prod algorithm and call link click

* refactor: remove unused codes

* refactor: add setting popup

* refactor: add callpath program selection

* refactor: enable run on debugger

* refactor: add recursive call click and default progam

* refactor: fix step selection errors and hover styles on step

* refactor: add test262 viewer

* refactor: fix spec transformation error

* refactor: enhance speed by moving local data to state

* refactor: add cp sensitivity to test262 and change setting box design

* refactor: add simple changes

* refactor: update manifest.json

* refactor: support visualizer in all spec url and handle other slight problems

* fix: fix callpath sensitive program selection

* fix: fix cp matching and resource file name

* update README and manifest

* feat: add released debugger url and support official url of ECMAScript

* fix: remove resource url

---------

Co-authored-by: 송경호 <s07019@naver.com>
Co-authored-by: d01c2 <rickykhj@korea.ac.kr>
Co-authored-by: Jihyeok Park <jihyeok_park@korea.ac.kr>

Author: 4 people

.env

@@ -0,0 +1,8 @@
+VITE_TEST262_RAW_URL = "https://raw.githubusercontent.com/tc39/test262/3a7a72aef5009eb22117231d40f9a5a66a9a595a/test"
+VITE_TEST262_URL = "https://github.com/tc39/test262/blob/3a7a72aef5009eb22117231d40f9a5a66a9a595a/test"
+VITE_DOUBLE_DEBUGGER_URL = "https://es-meta.github.io/playground"
+VITE_RESOURCE_URL = "https://raw.githubusercontent.com/ku-plrg/ecma-visualizer-resources/refs/heads/main"
+VITE_ESMETA_URL = "https://github.com/es-meta/esmeta"
+VITE_ECMAVISUALIZER_URL = "https://github.com/ku-plrg/ecma-visualizer"
+VITE_ENABLED_SPEC_URL = "https://tc39.es/ecma262/2024|https://262.ecma-international.org/15.0"
+VITE_DEBUG = "OFF"

.gitignore

@@ -0,0 +1,24 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?

.prettierrc

@@ -0,0 +1,4 @@
+{
+  "plugins": ["prettier-plugin-tailwindcss"],
+  "tailwindFunctions": ["clsx"]
+}

README.md

@@ -0,0 +1,33 @@
+# ECMAScript Visualizer
+
+**ECMAScript Visualizer** is a Chrome extension that provides example programs for each part of the ECMAScript/JavaScript specification [(ECMA-262)](https://tc39.es/ecma262). The example programs are served from [`ecma-visualizer-resources`](https://github.com/ku-plrg/ecma-visualizer-resources).
+
+## Installation Guide
+
+Download the repository and enter the directory:
+
+```
+git clone https://github.com/ku-plrg/ecma-visualizer
+cd ecma-visualizer
+```
+
+Then, run the following command to build the visualizer:
+
+```
+npm install && npm run build
+```
+
+And follow the instructions below to install the visualizer extension:
+
+1. Open the Chrome browser and enter `chrome://extensions/`.
+2. Turn on the Developer mode on the top right corner.
+3. Click the Load unpacked button and select the `ecma-visualizer/dist` directory.
+
+The chrome extension currently works on ES2024 web page: https://tc39.es/ecma262/2024/.
+
+## Chrome Extension Release Guide
+
+1. Go to the [Chrome Developer Dashboard](https://chrome.google.com/webstore/devconsole)
+2. Sign in to the developer account
+3. Click the **Add new item** button
+4. Click **Choose file** > your zip file > **Upload**

components.json

@@ -0,0 +1,21 @@
+{
+  "$schema": "https://ui.shadcn.com/schema.json",
+  "style": "new-york",
+  "rsc": false,
+  "tsx": true,
+  "tailwind": {
+    "config": "tailwind.config.js",
+    "css": "src/index.css",
+    "baseColor": "neutral",
+    "cssVariables": false,
+    "prefix": ""
+  },
+  "aliases": {
+    "components": "@/components",
+    "utils": "@/lib/utils",
+    "ui": "@/components/ui",
+    "lib": "@/lib",
+    "hooks": "@/hooks"
+  },
+  "iconLibrary": "lucide"
+}

eslint.config.js

@@ -0,0 +1,29 @@
+import js from "@eslint/js";
+import globals from "globals";
+import reactHooks from "eslint-plugin-react-hooks";
+import reactRefresh from "eslint-plugin-react-refresh";
+import tseslint from "typescript-eslint";
+
+export default tseslint.config(
+  { ignores: ["dist"] },
+  {
+    extends: [js.configs.recommended, ...tseslint.configs.recommended],
+    files: ["**/*.{ts,tsx}"],
+    languageOptions: {
+      ecmaVersion: 2020,
+      globals: globals.browser,
+    },
+    plugins: {
+      "react-hooks": reactHooks,
+      "react-refresh": reactRefresh,
+    },
+    rules: {
+      "no-unused-vars": "warn",
+      ...reactHooks.configs.recommended.rules,
+      "react-refresh/only-export-components": [
+        "warn",
+        { allowConstantExport: true },
+      ],
+    },
+  },
+);