Skip to content

Commit

Permalink
version 1.3.0
Browse files Browse the repository at this point in the history
  • Loading branch information
racz16 committed Apr 5, 2022
1 parent 273d1dc commit 7aa9678
Show file tree
Hide file tree
Showing 5 changed files with 73 additions and 9 deletions.
2 changes: 2 additions & 0 deletions .vscodeignore
Original file line number Diff line number Diff line change
Expand Up @@ -7,13 +7,15 @@ node_modules
src/**
.gitignore
vsc-extension-quickstart.md
BUILD.md
**/tsconfig.json
**/tslint.json
**/*.map
**/*.ts
syntaxes/.antlr
syntaxes/*.g4
res/png/screenshots
res/gif
private
**/*.bat
**/*.ps1
Expand Down
28 changes: 27 additions & 1 deletion CHANGELOG.md
Original file line number Diff line number Diff line change
Expand Up @@ -4,12 +4,38 @@

For new feature plans see the [GitHub Projects](https://github.com/racz16/WebGL-GLSL-Editor/projects) page.

## [1.3.0] - 2022.04.05.

### Added

* Inlay hints

### Improved

* Extending the formatting with options
* Enabling the extension as a web extension (only sytanx highlight)
* Syntax highlight (interface blocks, array constructors, comments, declaration, definition, readonly)
* Providing function signatures in the call hierarchy
* Extending references with builtin types and builtin variables
* Extending highlight with builtin variables
* Extending brace matching with parentheses and brackets
* Go to references, if there is only one usage
* Updated packages
* Other small updates

### Fixed

* Wrong syntax highlight in embedded code while using other extensions (thanks michaelmcleodnz)
* Wrong documentation of the cross function
* Interface block layout qualifier code completion bug
* Other small fixes

## [1.2.2] - 2021.08.21.

### Improved

* Improved code completion in functions and variables
* Updating packages
* Updated packages

### Fixed

Expand Down
46 changes: 41 additions & 5 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -49,7 +49,7 @@ The extension can format the whole source code and it can format a region of the

### Syntax highlight in HTML scripts

The extension can colorize GLSL code in HTML scripts if the script's type is "x-shader/x-vertex" or "x-shader/x-fragment".
The extension can colorize GLSL code in HTML scripts if the script's type is `x-shader/x-vertex` or `x-shader/x-fragment`.

![html](res/png/screenshots/html.png)

Expand All @@ -73,13 +73,19 @@ The extension can provide useful informations or documentation summary if you ho

### Symbols

The extension can provide outline information and breadcrumbs about the types, interface blocks, variables and functions. You can also easily find types, interface blocks, variables and functions.
The extension can provide outline information and breadcrumbs about the types, interface blocks, variables and functions. You can also easily find them by typing a `@` into the Command Palette.

![symbols](res/gif/symbols.gif)

### Inlay hints

The extension can show function and constructor parameters in the source code. You can enable or disable this feature in the Settings.

![inlay hints](res/png/screenshots/inlay-hints.png)

### Color picker

The extension can display a color picker if you initialize or reassign a vec3 or vec4 variable whihch name contains the word 'color' or 'colour' and the assigned expression is a vec3 or vec4 constructor and it's parameters are number literals.
The extension can display a color picker if you initialize or reassign a `vec3` or `vec4` variable whihch name contains the word `color` or `colour` and the assigned expression is a `vec3` or `vec4` constructor and it's parameters are number literals.

![color picker](res/gif/color-picker.gif)

Expand Down Expand Up @@ -153,16 +159,34 @@ You can easily access several online documentations by commands.

## Configuration

* `webgl-glsl-editor.inlayHints`: Enables/disables inlay hints.
* `webgl-glsl-editor.strictRename`: Prevents invalid renames.
* `webgl-glsl-editor.alwaysOpenOnlineDoc`: Documentation is always opened online in the browser.
* `webgl-glsl-editor.alwaysOpenOfflineDocInNewTab`: Offline documentation is always opened in new tab.
* `webgl-glsl-editor.codeInjection`: Enable/disable code injection.
* `webgl-glsl-editor.format.placeBracesOnSeparateLine`: Places the braces on separate lines.
* `webgl-glsl-editor.format.placeSpaceAroundUnaryOperators`: Places a space between the unary operators and the operands.
* `webgl-glsl-editor.format.placeSpacesAroundBinaryOperators`: Places spaces around the binary operators.
* `webgl-glsl-editor.format.placeSpacesAroundAssignmentOperators`: Places spaces around the assignment operators.
* `webgl-glsl-editor.format.placeSpacesAroundTernaryOperators`: Places spaces around the ternary operators.
* `webgl-glsl-editor.format.placeSpaceAfterKeywords`: Places a space between keywords and the opening parentheses.
* `webgl-glsl-editor.format.placeSpaceAfterFunctionNames`: Places a space between function names and the opening parentheses.
* `webgl-glsl-editor.format.placeSpaceBeforeCommas`: Places a space before commas.
* `webgl-glsl-editor.format.placeSpaceAfterCommas`: Places a space after commas.
* `webgl-glsl-editor.format.placeSpacesAroundDots`: Places spaces around dots.
* `webgl-glsl-editor.format.placeSpaceBeforeCaseColons`: Places a space before colons in `case`s and `default`s.
* `webgl-glsl-editor.format.placeSpaceBeforeSemicolonsInFor`: Places a space before semicolons in `for`s.
* `webgl-glsl-editor.format.placeSpaceAfterSemicolonsInFor`: Places a space after semicolons in `for`s.
* `webgl-glsl-editor.format.placeSpacesInsideParentheses`: Places spaces inside parentheses.
* `webgl-glsl-editor.format.placeSpacesAroundBraces`: Places spaces around braces.
* `webgl-glsl-editor.format.placeSpaceBeforeOpeningBrackets`: Places a space before opening brackets.
* `webgl-glsl-editor.format.placeSpacesInsideBrackets`: Places spaces inside brackets.
* `webgl-glsl-editor.codeInjection`: Enables/disables code injection.
* `webgl-glsl-editor.codeInjectionSource`: The lines of the injected source code. Only works if Code Injection is enabled.

## Notes

* If you use this extension as a web extension, only the syntax highlight will work
* If you open a GLSL code embedded in HTML code, only the syntax highlight will work
* If you open GLSL code embedded in HTML, only the syntax highlight will work

## Known Issues

Expand All @@ -175,6 +199,18 @@ You can find the user provided issues on [GitHub](https://github.com/racz16/WebG

For more information, see the [changelog](CHANGELOG.md).

### 1.3.0

* Inlay hints
* Available as a web extension
* Improved formatting
* Improved syntax highlight
* Improved call hierarchy
* Improved references
* Improved highlight
* Improved brace matching
* Other small changes and bugfixes

### 1.2.2

* Improved code completion
Expand Down
6 changes: 3 additions & 3 deletions package.json
Original file line number Diff line number Diff line change
Expand Up @@ -28,7 +28,7 @@
"color": "#990000",
"theme": "dark"
},
"version": "1.2.2",
"version": "1.3.0",
"engines": {
"vscode": "^1.65.0"
},
Expand Down Expand Up @@ -111,7 +111,7 @@
"webgl-glsl-editor.inlayHints": {
"type": "boolean",
"default": false,
"markdownDescription": "Enable/disable inlay hints.\n```glsl\ncompute(/*type:*/LIGHT_TYPE_SPOT , /*shadows:*/true);\n``````",
"markdownDescription": "Enables/disables inlay hints.\n```glsl\ncompute(/*type:*/LIGHT_TYPE_SPOT , /*shadows:*/true);\n``````",
"order": 1
},
"webgl-glsl-editor.strictRename": {
Expand Down Expand Up @@ -237,7 +237,7 @@
"webgl-glsl-editor.codeInjection": {
"type": "boolean",
"default": false,
"description": "Enable/disable code injection.",
"description": "Enables/disables code injection.",
"order": 22
},
"webgl-glsl-editor.codeInjectionSource": {
Expand Down
Binary file added res/png/screenshots/inlay-hints.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit 7aa9678

Please sign in to comment.