Cache for JSON Schema in VS Code

Question

Cache for JSON Schema in VS Code

After updating to TypeScript 1.5 (now out of beta), I am eager to utilize the json schema helpers in VS Code.

Upon configuring tsconfig.json, I noticed that only commonjs and amd module options are available, while umd and system are missing based on this resource:

I'm wondering how I can prompt VS Code to update its schema cache?

Just a heads up, I've already attempted to override the URL in settings and revert it back, as well as restarting VS Code.

typescript visual-studio-code

Answer 1

Answer №1

After searching extensively, I was unable to locate the official solution for clearing such cache issues. However, it seems like using the "Reload Window" command might do the trick.
The issue of changes not being reflected in the schema file has been identified as a bug and has already been fixed. You can find more information about it here. It's worth noting that the schema file must end with ".json" for the changes to take effect immediately. Using any other extension name, even if specifically associated with json in settings, will not trigger the necessary refresh event.

Answer 2

After searching extensively, I was unable to locate the official solution for clearing such cache issues. However, it seems like using the "Reload Window" command might do the trick.
The issue of changes not being reflected in the schema file has been identified as a bug and has already been fixed. You can find more information about it here. It's worth noting that the schema file must end with ".json" for the changes to take effect immediately. Using any other extension name, even if specifically associated with json in settings, will not trigger the necessary refresh event.

Answer 3

Answer №2

Seeking guidance on how to update VS Code's schema cache?

The schema is hardcoded within a minified file named jsonWorker.js (located at

C:\Users\basaratsyed\AppData\Local\Code\app-0.1.2\resources\app\client\vs\languages\json\jsonWorker.js

). Here is the beautified code using atom-beautify:

this.addPreloadedFileSchema("http://json.schemastore.org/tsconfig", {
            title: n.localize("vs_languages_json_jsonSchemaService", 110),
            $schema: "http://json-schema.org/draft-04/schema#",
            type: "object",
            default: {
                compilerOptions: {
                    target: "ES5",
                    module: "commonjs"
                }
            },
            properties: {
                compilerOptions: {
                    type: "object",
                    description: n.localize("vs_languages_json_jsonSchemaService", 111),
                    properties: {
                        charset: {
                            description: n.localize("vs_languages_json_jsonSchemaService", 112),
                            type: "string"
                        },
                        // more properties here
                    }
                },
                files: {
                    type: "array",
                    description: n.localize("vs_languages_json_jsonSchemaService", 137),
                    items: {
                        type: "string",
                        format: "uri"
                    }
                }
            }
        })

In particular:

module: {
    description: n.localize("vs_languages_json_jsonSchemaService", 121),
    enum: ["commonjs", "amd"]
},

If you modify it to include additional options like:

module: {
    description: n.localize("vs_languages_json_jsonSchemaService", 121),
    enum: ["commonjs", "amd", "umd", "system"]
},

And then restart VS Code, the changes take effect.

Image reference: https://i.sstatic.net/Q1Q8g.png

Note that despite beautifying the js file, VS Code continues to function properly ;)

Answer 4

Seeking guidance on how to update VS Code's schema cache?

The schema is hardcoded within a minified file named jsonWorker.js (located at

C:\Users\basaratsyed\AppData\Local\Code\app-0.1.2\resources\app\client\vs\languages\json\jsonWorker.js

). Here is the beautified code using atom-beautify:

this.addPreloadedFileSchema("http://json.schemastore.org/tsconfig", {
            title: n.localize("vs_languages_json_jsonSchemaService", 110),
            $schema: "http://json-schema.org/draft-04/schema#",
            type: "object",
            default: {
                compilerOptions: {
                    target: "ES5",
                    module: "commonjs"
                }
            },
            properties: {
                compilerOptions: {
                    type: "object",
                    description: n.localize("vs_languages_json_jsonSchemaService", 111),
                    properties: {
                        charset: {
                            description: n.localize("vs_languages_json_jsonSchemaService", 112),
                            type: "string"
                        },
                        // more properties here
                    }
                },
                files: {
                    type: "array",
                    description: n.localize("vs_languages_json_jsonSchemaService", 137),
                    items: {
                        type: "string",
                        format: "uri"
                    }
                }
            }
        })

In particular:

module: {
    description: n.localize("vs_languages_json_jsonSchemaService", 121),
    enum: ["commonjs", "amd"]
},

If you modify it to include additional options like:

module: {
    description: n.localize("vs_languages_json_jsonSchemaService", 121),
    enum: ["commonjs", "amd", "umd", "system"]
},

And then restart VS Code, the changes take effect.

Image reference: https://i.sstatic.net/Q1Q8g.png

Note that despite beautifying the js file, VS Code continues to function properly ;)

Answer 5

Answer №3

If you want to clear your schema cache before loading, there is a new command available:

JSON clear schema cache command

The JSON: Clear schema cache command clears any previously downloaded schemas from the cache.

Source: https://github.com/microsoft/vscode-docs/blob/vnext/release-notes/v1_64.md#json-clear-schema-cache-command

To execute this command, use

await vscode.commands.executeCommand('json.clearCache');

Answer 6

If you want to clear your schema cache before loading, there is a new command available:

JSON clear schema cache command

The JSON: Clear schema cache command clears any previously downloaded schemas from the cache.

Source: https://github.com/microsoft/vscode-docs/blob/vnext/release-notes/v1_64.md#json-clear-schema-cache-command

To execute this command, use

await vscode.commands.executeCommand('json.clearCache');

Cache for JSON Schema in VS Code

Answer №1

Answer №2

Answer №3

Similar questions

Error: The value of the expression has been altered after it was already checked. Initial value was 'undefined'. An exception has occurred

Retrieving the unprocessed data from a Stripe webhook in Nest.js

I am facing an issue with my Angular 11 CLI application while trying to set it up with Jest. The specific error message I am encountering is: "TypeError: Cannot read property

Using NgModel with a custom element

How can I adjust the column width in OfficeGen?

Count the number of checked checkboxes by looping through ngFor in Angular

What is the best way to dynamically insert values into a JSON object?

Dealing with multiple queryParams in Angular2: Best practices

In React Router v6, you can now include a custom parameter in createBrowserRouter

Starting object arrays in Angular 6 using ES6

Mastering the art of effectively capturing and incorporating error data

Encountering an issue with compiling Angular due to a Type Inference error

Encountered an issue during the transition from Angular 7 to Angular 9

Enabling CORS header 'Access-Control-Allow-Origin' in Angular 2 using Typescript

I am facing an issue with Nestjs where it is unable to resolve my dependency, despite the fact that it is readily available within the

What could be causing my Angular project to not run properly without any changes made after creating a new component that I want to include in app.component.html?

Transform the `PascalCase` format into `strictCamelCase` in TypeScript type conversion

What are the ways to enable VS Code's Intellisense to collaborate with AngularJS's injected services?

DiscordJS bot using Typescript experiences audio playback issues that halt after a short period of time

Dynamic property access using optional chaining in JavaScript