• Index
• Search by APIs
• Search by Words
• Project Search

• Java
• Python
• JavaScript
• TypeScript
• C++
• Scala
• Blog

• typescript-exercises-master
  • .eslintignore
  • src
    • index.tsx
    • containers
      • navigation
        • index.tsx
      • exercise
        • index.tsx
      • app
        • index.tsx
        • fonts.ts
      • page-layout
        • index.tsx
    • exercises
      • 2
        • index.ts
        • index.solution.ts
        • test.ts
      • 5
        • index.ts
        • index.solution.ts
        • test.ts
      • 3
        • index.ts
        • index.solution.ts
        • test.ts
      • node_modules
        • type-assertions
          • index.ts
      • 8
        • index.ts
        • index.solution.ts
        • test.ts
      • 6
        • index.ts
        • index.solution.ts
        • test.ts
      • 13
        • node_modules
          • date-wizard
            • index.d.ts
            • package.json
            • index.js
        • index.ts
        • test.ts
        • module-augmentations
          • date-wizard
            • index.ts
            • index.solution.ts
      • 7
        • index.ts
        • index.solution.ts
        • test.ts
      • 14
        • index.ts
        • index.solution.ts
        • test.ts
      • 16
        • index.ts
        • test.ts
      • 12
        • node_modules
          • stats
            • README.md
            • package.json
            • index.js
        • declarations
          • stats
            • index.d.ts
            • index.solution.d.ts
        • index.ts
        • test.ts
      • 1
        • index.ts
        • index.solution.ts
        • test.ts
      • 11
        • node_modules
          • str-utils
            • README.md
            • package.json
            • index.js
        • declarations
          • str-utils
            • index.d.ts
            • index.solution.d.ts
        • index.ts
        • test.ts
      • 4
        • index.ts
        • index.solution.ts
        • test.ts
      • 9
        • index.ts
        • index.solution.ts
        • test.ts
      • 15
        • index.ts
        • index.solution.ts
        • test.ts
      • 10
        • index.ts
        • index.solution.ts
        • test.ts
    • lib
      • local-data.ts
      • validation-error.ts
      • file-tree.ts
      • webpack-context.d.ts
      • exercise-structures.ts
    • components
      • dialog
        • index.tsx
      • footer
        • index.tsx
      • loading-container
        • index.tsx
      • header
        • index.tsx
        • ts-logo.tsx
      • auto-resizer
        • index.tsx
      • file-title
        • index.tsx
      • validation-errors
        • index.tsx
      • monaco-diff-viewer
        • index.tsx
      • collapsible-panel
        • index.tsx
      • file-tree-view
        • index.tsx
        • icons.tsx
      • monaco-editor
        • index.tsx
        • revalidate-model.ts
        • diff-dialog.tsx
    • operators
      • check-type-script-project
        • in-memory-file-system.ts
        • index.ts
        • service.ts
    • setupTests.ts
    • observables
      • url-params.ts
      • ui.ts
      • exercises-progress.ts
      • exercise.ts
      • migrations
        • 2020-09-26.ts
    • react-app-env.d.ts
    • serviceWorker.ts
  • public
    • robots.txt
    • manifest.json
    • index.html
  • .prettierrc
  • LICENSE
  • .eslintrc
  • README.md
  • package.json
  • config-overrides.js
  • tsconfig.json
  • .gitignore

import {editor, languages, MarkerSeverity} from 'monaco-editor';
import {DiagnosticMessageChain} from 'typescript';

export function flattenDiagnosticMessageText(
    diag: string | DiagnosticMessageChain | undefined,
    newLine: string,
    indent = 0
): string {
    if (typeof diag === 'string') {
        return diag;
    } else if (diag === undefined) {
        return '';
    }
    let result = '';
    if (indent) {
        result += newLine;

        for (let i = 0; i < indent; i++) {
            result += '  ';
        }
    }
    result += diag.messageText;
    indent++;
    if (diag.next) {
        for (const kid of diag.next) {
            result += flattenDiagnosticMessageText(kid, newLine, indent);
        }
    }
    return result;
}

export async function revalidateModel(model: editor.IModel) {
    if (!model || model.isDisposed()) return;

    const getWorker = await languages.typescript.getTypeScriptWorker();
    const worker = await getWorker(model.uri);
    const diagnostics = (
        await Promise.all([
            worker.getSyntacticDiagnostics(model.uri.toString()),
            worker.getSemanticDiagnostics(model.uri.toString())
        ])
    ).reduce((a, it) => a.concat(it));

    const markers = diagnostics.map((d) => {
        const start = model.getPositionAt(d.start!);
        const end = model.getPositionAt(d.start! + d.length!);
        return {
            severity: MarkerSeverity.Error,
            startLineNumber: start.lineNumber,
            startColumn: start.column,
            endLineNumber: end.lineNumber,
            endColumn: end.column,
            message: flattenDiagnosticMessageText(d.messageText, '\n')
        };
    });
    editor.setModelMarkers(model, 'typescript', markers);
}