Test/make snapshot more robust

.github/workflows/test.yml

@@ -1,14 +1,14 @@
-name: Run unit test and collect coverage
+name: Run unit test & coverage
 on:
   push:
     branches: [master]
     paths-ignore:
-      - 'dbml-homepage/**'
+      - "dbml-homepage/**"
   pull_request:
     branches: [master]
     types: [opened, synchronize]
     paths-ignore:
-      - 'dbml-homepage/**'
+      - "dbml-homepage/**"
 jobs:
   build:
     runs-on: ubuntu-22.04
@@ -92,19 +92,38 @@ jobs:
       uses: actions/setup-node@v3
       with:
         node-version: ${{ matrix.node-version }}
-        cache: 'yarn'
+        cache: "yarn"
     - name: Install dependencies
       run: yarn install --frozen-lockfile
     - name: Build packages
       run: yarn build
-    - name: Run unit test and coverage
+    - name: Run coverage test
       run: yarn coverage
     - name: Generate coverage report
       id: coverage
       run: node .github/workflows/scripts/collect-coverage.js
+    - name: Upload coverage test
+      if: always()
+      uses: actions/upload-artifact@v4
+      with:
+        name: coverage-report.md
+        path: ./coverage-report.md
+        include-hidden-files: true
+
+  comment-coverage:
+    runs-on: ubuntu-22.04
+    timeout-minutes: 5
+    continue-on-error: true
+    needs: build
+    steps:
+    - name: Download test coverage
+      uses: actions/download-artifact@v4
+      with:
+        name: coverage-report.md
+        path: ./coverage-report.md
     - name: Comment PR with coverage report
       uses: marocchino/sticky-pull-request-comment@v2
       if: github.event_name == 'pull_request'
       with:
         recreate: true
-        path: coverage-report.md
+        path: ./coverage-report.md

AGENTS.md

@@ -1,7 +1,7 @@
 <!-- gitnexus:start -->
 # GitNexus — Code Intelligence
 
-This project is indexed by GitNexus as **dbml** (7344 symbols, 18714 relationships, 300 execution flows). Use the GitNexus MCP tools to understand code, assess impact, and navigate safely.
+This project is indexed by GitNexus as **dbml** (7937 symbols, 20808 relationships, 300 execution flows). Use the GitNexus MCP tools to understand code, assess impact, and navigate safely.
 
 > If any GitNexus tool warns the index is stale, run `npx gitnexus analyze` in terminal first.
 

CLAUDE.md

@@ -1,7 +1,7 @@
 <!-- gitnexus:start -->
 # GitNexus — Code Intelligence
 
-This project is indexed by GitNexus as **dbml** (7344 symbols, 18714 relationships, 300 execution flows). Use the GitNexus MCP tools to understand code, assess impact, and navigate safely.
+This project is indexed by GitNexus as **dbml** (7937 symbols, 20808 relationships, 300 execution flows). Use the GitNexus MCP tools to understand code, assess impact, and navigate safely.
 
 > If any GitNexus tool warns the index is stale, run `npx gitnexus analyze` in terminal first.
 

dbml-playground/env.d.ts

@@ -1,7 +1,9 @@
 /// <reference types="vite/client" />
 
 declare module '*.vue' {
-  import type { DefineComponent } from 'vue';
+  import type {
+    DefineComponent,
+  } from 'vue';
   // eslint-disable-next-line @typescript-eslint/no-empty-object-type
   const component: DefineComponent<{}, {}, any>;
   export default component;
@@ -12,7 +14,9 @@ declare module 'monaco-editor' {
 }
 
 declare module 'vue-json-viewer' {
-  import type { DefineComponent } from 'vue';
+  import type {
+    DefineComponent,
+  } from 'vue';
   const component: DefineComponent<any, any, any>;
   export default component;
 }

dbml-playground/eslint.config.ts

@@ -52,6 +52,14 @@ export default defineConfig(
       rules: {
         ...js.configs.recommended.rules,
         ...tseslint.configs.recommended.rules,
+        '@stylistic/object-curly-newline': ['error', {
+          ObjectExpression: { multiline: true, minProperties: 1 },
+          ObjectPattern: { multiline: true, minProperties: 1 },
+          ImportDeclaration: { multiline: true, minProperties: 1 },
+          ExportDeclaration: { multiline: true, minProperties: 1 },
+        }],
+        '@stylistic/object-property-newline': ['error', { allowAllPropertiesOnSameLine: false }],
+
         '@stylistic/space-before-function-paren': ['error', 'always'],
         '@typescript-eslint/no-explicit-any': 'off',
         '@typescript-eslint/ban-ts-comment': 'off',

dbml-playground/src/App.vue

@@ -267,24 +267,38 @@
  * - Information Hiding: Business logic hidden in composables and services
  * - Shallow Module: Simple interface that coordinates deeper modules
  */
-import { ref, provide, watch, onMounted } from 'vue';
-import { useParser } from '@/composables/useParser';
-import { useUserData } from '@/composables/useUserData';
+import {
+  ref, provide, watch, onMounted,
+} from 'vue';
+import {
+  useParser,
+} from '@/composables/useParser';
+import {
+  useUserData,
+} from '@/composables/useUserData';
 import MonacoEditor from '@/components/editors/MonacoEditor.vue';
 import ParserOutputViewer from '@/components/outputs/ParserOutputViewer.vue';
 import JsonOutputViewer from '@/components/outputs/JsonOutputViewer.vue';
 import * as monaco from 'monaco-editor';
-import { TokenMappingService } from '@/core/token-mapping';
-import { TokenNavigationCoordinator } from '@/core/token-navigation';
+import {
+  TokenMappingService,
+} from '@/core/token-mapping';
+import {
+  TokenNavigationCoordinator,
+} from '@/core/token-navigation';
 import packageJson from '../package.json';
-import type { PipelineStage } from '@/types';
+import type {
+  PipelineStage,
+} from '@/types';
 import consoleLogger from './utils/logger';
 
 // Initialize parser with clean interface
 const parser = useParser();
 
 // Initialize user data management
-const { userData, updateUserData, saveDbml } = useUserData();
+const {
+  userData, updateUserData, saveDbml,
+} = useUserData();
 
 // Reactive state derived from user data
 const vimModeEnabled = ref(userData.value.isVim);
@@ -371,7 +385,9 @@ onMounted(() => {
       const initialViewMode = userData.value.isRawJson ? 'json' : 'cards';
       newViewer.setViewMode?.(initialViewMode);
     }
-  }, { immediate: true });
+  }, {
+    immediate: true,
+  });
 });
 
 /**
@@ -396,7 +412,9 @@ watch(() => parser.tokens.value, (newTokens) => {
   if (newTokens && Array.isArray(newTokens)) {
     tokenNavigationCoordinator.updateTokenMapping(newTokens);
   }
-}, { immediate: true });
+}, {
+  immediate: true,
+});
 
 /**
  * Provide services to child components
@@ -421,11 +439,31 @@ const isMainResizing = ref(false);
  * Available pipeline stages for visualization
  */
 const PIPELINE_STAGES = [
-  { id: 'lexer' as const, name: 'Lexer', description: 'Tokenization stage' },
-  { id: 'parser' as const, name: 'Parser', description: 'Syntax analysis stage' },
-  { id: 'analyzer' as const, name: 'Analyzer', description: 'Semantic analysis stage' },
-  { id: 'interpreter' as const, name: 'Interpreter', description: 'Code generation stage' },
-  { id: 'errors' as const, name: 'Errors', description: 'Error reports' },
+  {
+    id: 'lexer' as const,
+    name: 'Lexer',
+    description: 'Tokenization stage',
+  },
+  {
+    id: 'parser' as const,
+    name: 'Parser',
+    description: 'Syntax analysis stage',
+  },
+  {
+    id: 'analyzer' as const,
+    name: 'Analyzer',
+    description: 'Semantic analysis stage',
+  },
+  {
+    id: 'interpreter' as const,
+    name: 'Interpreter',
+    description: 'Code generation stage',
+  },
+  {
+    id: 'errors' as const,
+    name: 'Errors',
+    description: 'Error reports',
+  },
 ] as const;
 
 /**
@@ -491,7 +529,12 @@ const startMainResize = (event: MouseEvent) => {
  * Handle navigate to source event from AST viewer
  * Highlights the corresponding DBML source code
  */
-const handleNavigateToSource = (position: { start: { line: number; column: number; offset: number }; end: { line: number; column: number; offset: number } }) => {
+const handleNavigateToSource = (position: { start: { line: number;
+  column: number;
+  offset: number; };
+end: { line: number;
+  column: number;
+  offset: number; }; }) => {
   // Get reference to the DBML editor (MonacoEditor)
   const dbmlEditor = document.querySelector('.dbml-editor');
   if (dbmlEditor) {

dbml-playground/src/components/editors/MonacoEditor.vue

@@ -37,9 +37,13 @@
  * - Information Hiding: Language setup complexity is hidden in services
  * - Shallow Module: Simple interface that delegates to deep modules
  */
-import { ref, onMounted, onBeforeUnmount, watch, nextTick } from 'vue';
+import {
+  ref, onMounted, onBeforeUnmount, watch, nextTick,
+} from 'vue';
 import * as monaco from 'monaco-editor';
-import { DBMLLanguageService } from '@/components/monaco/dbml-language';
+import {
+  DBMLLanguageService,
+} from '@/components/monaco/dbml-language';
 import consoleLogger from '@/utils/logger';
 
 interface Props {
@@ -72,7 +76,10 @@ let editor: monaco.editor.IStandaloneCodeEditor | null = null;
 /**
  * Reactive cursor position tracking
  */
-const cursorPosition = ref({ line: 1, column: 1 });
+const cursorPosition = ref({
+  line: 1,
+  column: 1,
+});
 
 /**
  * Reactive selection info tracking
@@ -105,7 +112,9 @@ const createEditorConfig = (): monaco.editor.IStandaloneEditorConstructionOption
   language: props.language,
   theme: getThemeForLanguage(props.language),
   readOnly: props.readOnly,
-  minimap: { enabled: props.minimap },
+  minimap: {
+    enabled: props.minimap,
+  },
   wordWrap: props.wordWrap,
   scrollBeyondLastLine: false,
   fontSize: 14,
@@ -114,7 +123,10 @@ const createEditorConfig = (): monaco.editor.IStandaloneEditorConstructionOption
   lineNumbersMinChars: 3,
   lineDecorationsWidth: 10,
   columnSelection: false,
-  padding: { top: 10, bottom: 10 },
+  padding: {
+    top: 10,
+    bottom: 10,
+  },
   renderWhitespace: 'boundary',
   renderControlCharacters: true,
   smoothScrolling: true,
@@ -139,7 +151,9 @@ const createEditorConfig = (): monaco.editor.IStandaloneEditorConstructionOption
   selectOnLineNumbers: false, // Disable line number selection for vim compatibility
   cursorWidth: props.vimMode ? 2 : 1, // Slightly wider cursor for vim visibility
   quickSuggestions: false, // Disable auto-suggestions for vim mode compatibility
-  parameterHints: { enabled: false }, // Disable parameter hints for cleaner vim experience
+  parameterHints: {
+    enabled: false,
+  }, // Disable parameter hints for cleaner vim experience
   suggestOnTriggerCharacters: false, // Disable suggestion popup on typing
   acceptSuggestionOnEnter: 'off', // Prevent Enter from accepting suggestions
   tabCompletion: 'off', // Disable tab completion to avoid conflicts with vim
@@ -157,7 +171,9 @@ const setupVimMode = async (): Promise<void> => {
 
   try {
     // Dynamically import monaco-vim
-    const { initVimMode } = await import('monaco-vim' as any);
+    const {
+      initVimMode,
+    } = await import('monaco-vim' as any);
 
     // Initialize vim mode with status tracking
     vimMode = initVimMode(editor);
@@ -309,7 +325,9 @@ watch(() => props.modelValue, (newValue) => {
 
 watch(() => props.readOnly, (newReadOnly) => {
   if (editor) {
-    editor.updateOptions({ readOnly: newReadOnly });
+    editor.updateOptions({
+      readOnly: newReadOnly,
+    });
   }
 });