Atom language support for GLSL
Adds syntax highlighting and snippets to GLSL files in Atom.
Originally converted from polym0rph's GLSL TextMate bundle.
Extended to support glslify require/export statements.
For reference:
// this is a comment, and you can see the variable "gl_Layer" is highlighted.
void main(void) {
}Actual:
Having an issues where I can't code in C# and edit shaders in Atom because .cs file type is being used by this package. So syntax highlighting becomes a problem.
gandm/language-babel#242 (comment)
what do you think of this idea?
I would like to be able to write a
GLSL`
...
`
block and have glsl highlight in it.
GLSL would just be a function that gives back the templated string, but later we could imagine a proprocessor a-la-Relay.QL ;)
Not only .shader.fx and .vertex.fxbut all .fx file (for includes)
See
gl_FragDept //highlighted
gl_FragDepth //no highlight
Would like the version directive added in.
Use case:
#version 330 core
out vec4 FragColor;
void main()
{
FragColor = vec4(1.0);
}
Would treat the entire line as the directive.
Cheers!
The .comp, .tesc, and .tese are extensions recognized by the Khronos' reference GLSL compiler/validator.
https://www.khronos.org/opengles/sdk/tools/Reference-Compiler/
[Enter steps to reproduce below:]
Atom Version: 1.3.2
System: Windows 8.1 x64 Professionnal Version
Thrown From: language-glsl package, v2.0.1
Uncaught TypeError: Cannot read property 'indexOf' of undefined
At /C:/Users/nnorm/.atom/packages/atom-autocomplete-php/lib/services/php-file-parser.coffee:607
TypeError: Cannot read property 'indexOf' of undefined
at Object.module.exports.getMemberContext (file:///C:/Users/nnorm/.atom/packages/atom-autocomplete-php/lib/services/php-file-parser.coffee:682:25)
at FunctionProvider.module.exports.FunctionProvider.getTooltipForWord (C:\Users\nnorm\.atom\packages\atom-autocomplete-php\lib\tooltip\function-provider.coffee:18:25)
at FunctionProvider.module.exports.AbstractProvider.showPopoverFor (C:\Users\nnorm\.atom\packages\atom-autocomplete-php\lib\tooltip\abstract-provider.coffee:109:24)
at HTMLSpanElement.<anonymous> (C:\Users\nnorm\.atom\packages\atom-autocomplete-php\lib\tooltip\abstract-provider.coffee:78:22)
at HTMLDivElement.jQuery.event.dispatch (C:\Users\nnorm\AppData\Local\atom\app-1.3.2\resources\app.asar\node_modules\jquery\dist\jquery.js:4435:9)
at HTMLDivElement.elemData.handle (C:\Users\nnorm\AppData\Local\atom\app-1.3.2\resources\app.asar\node_modules\jquery\dist\jquery.js:4121:28)
-7:37.6.0 core:save (atom-text-editor.editor.is-focused)
-7:05.4.0 core:move-left (atom-text-editor.editor.is-focused)
-7:04.9.0 core:save (atom-text-editor.editor.is-focused)
2x -5:18.2.0 core:delete (atom-text-editor.editor.is-focused)
-5:15.4.0 core:save (atom-text-editor.editor.is-focused)
-5:06.2.0 core:move-left (atom-text-editor.editor.is-focused)
-5:04.2.0 core:save (atom-text-editor.editor.is-focused)
5x -4:16.4.0 core:close (atom-text-editor.editor.is-focused)
-3:38 core:copy (atom-text-editor.editor.is-focused)
8x -3:37.2.0 core:paste (atom-text-editor.editor.is-focused)
2x -3:32.4.0 core:save (atom-text-editor.editor.is-focused)
-2:37.7.0 core:backspace (atom-text-editor.editor.is-focused)
-2:37.3.0 core:save (atom-text-editor.editor.is-focused)
-2:31.8.0 core:undo (atom-text-editor.editor.is-focused)
-2:31.3.0 core:save (atom-text-editor.editor.is-focused)
-1:29.6.0 settings-view:check-for-package-updates (atom-workspace.workspace.scrollbars-visible-always.theme-one-dark-syntax.theme-one-dark-ui)
{
"core": {}
}# User
atom-autocomplete-php, v0.18.4
color-picker, v2.0.14
language-glsl, v2.0.1
language-x86asm, v0.7.1
minimap, v4.19.0
# Dev
No dev packagesAnd most likely a couple of other types too.
See page 5 in this doc https://www.opengl.org/sdk/docs/tutorials/TyphoonLabs/Chapter_2.pdf
we're using highlights for the syntax highlighting of npm READMEs now, and have extended it so that grammars can be installed from npm modules:
Would you mind publishing language-glsl to npm, so that we can add support for glsl to our READMEs?
I really like to use the glsl language package for editing my glsl files in three.js/WebGL projects. It would be great if the package could also provide a basic syntax checker. Have you ever tough to implement such a feature?
GLSL definitely has the double precision float. Why would it be marked as illegal?
[Enter steps to reproduce:]
Atom: 1.28.2 x64
Electron: 2.0.5
OS: Microsoft Windows 10 Pro
Thrown From: language-glsl package 2.0.4
Failed to load a language-glsl package grammar
At atom.grammars.startIdForScope is not a function in C:\Users\Dan\.atom\packages\language-glsl\grammars\glsl.cson
TypeError: atom.grammars.startIdForScope is not a function
at grammarCb (/packages/omnisharp-atom/dist/omnisharp-atom.js:145:35)
at Function.module.exports.Emitter.simpleDispatch (~/AppData/Local/atom/app-1.28.2/resources/app/node_modules/event-kit/lib/emitter.js:27:20)
at Emitter.module.exports.Emitter.emit (~/AppData/Local/atom/app-1.28.2/resources/app/node_modules/event-kit/lib/emitter.js:156:34)
at GrammarRegistry.module.exports.GrammarRegistry.addGrammar (~/AppData/Local/atom/app-1.28.2/resources/app/node_modules/first-mate/lib/grammar-registry.js:80:26)
at Grammar.module.exports.Grammar.activate (~/AppData/Local/atom/app-1.28.2/resources/app/node_modules/first-mate/lib/grammar.js:259:54)
at grammarRegistry.readGrammar (~/AppData/Local/atom/app-1.28.2/resources/app/src/package.js:617:53)
at CSON.readFile (~/AppData/Local/atom/app-1.28.2/resources/app/src/grammar-registry.js:476:15)
at parseContents (~/AppData/Local/atom/app-1.28.2/resources/app/node_modules/season/lib/cson.js:123:13)
at ~/AppData/Local/atom/app-1.28.2/resources/app/node_modules/season/lib/cson.js:226:30
at FSReqWrap.oncomplete (fs.js:152:21)
at /packages/language-glsl/grammars/glsl.cson:1:1
5x -3:35.3.0 core:backspace (input.hidden-input)
2x -2:08.3.0 editor:move-to-first-character-of-line (input.hidden-input)
26x -2:07.9.0 core:page-up (input.hidden-input)
autocomplete-glsl 0.2.3
autocomplete-love 0.4.0
busy-signal 1.4.3
hyperclick 0.1.5
hyperclick-love 0.6.0
intentions 1.1.5
language-glsl 2.0.4
language-lua 0.9.11
linter 2.2.0
linter-luaparse 0.2.0
linter-ui-default 1.7.1
love-ide 0.17.0
omnisharp-atom 0.31.2
tool-bar 1.1.7
Store package settings files in the settings/ directory instead of scoped-properties/
Package.loadSettings (/Applications/Atom.app/Contents/Resources/app/src/package.js:565:9)
<unknown> (/Applications/Atom.app/Contents/Resources/app/src/package.js:187:43)
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
Django
The Web framework for perfectionists with deadlines.
Laravel
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft
Open source projects and samples from Microsoft.
Google
Google ❤️ Open Source for everyone.
Alibaba
Alibaba Open Source for everyone
D3
Data-Driven Documents codes.
Tencent
China tencent open source team.