06wj/shaderviewer

Preprocess and format the shader code.

ShaderViewer

Preprocess and format the shader code.

Feature

• Preprocess directives, #define, #if, #elif, #endif, #if defined ...
• Remove unused function, struct...
• Format

Chrome Extensions

Chrome Extensions.crx
This extension can automatically detect the shader of the current page, then preprocess and show it in the panel.

Online Demo

https://06wj.github.io/shaderViewer/demo/

Module Usage

• import modules

  const compiler = require('shader-compiler').compiler;
  const shake = require('shader-compiler').shake;
  

• set the options

  const options = {
      removeUnused: true,
      ignoreConstantError: true
  };
  

• preprocess the code

  compiler.preprocess(code, function(error, result){  
  
  }, options);
  

• parse: preprocess => shake => format => result

  compiler.parse(code, function(error, result){  
  
  }, options);
  

• parseHighlight: preprocess => shake => format => hightlight => result

  compiler.parseHighlight(code, function(error, result){
  
  }, options);
  

• shake the code( code must be preprocessed )

  shake.shake(code, {function:true, struct:true});
  

Dev

• run npm install to install dependencies
• run npm run dev to watch and develop
• run npm run build to build

License

MIT License

shaderviewer's Issues

Remove unused code

• Function
• Struct

TODO list

• support #version
• support #extension
• strict value define, can not have spaces in value

Add browser extensions support

Online Editor Bug: type "#define" will broken page

When trying typing #define xxx will broken after finish the word define

like this

#defin