{"id":25032,"library":"broccoli-webgl-transpiler","title":"Broccoli WebGL Transpiler","description":"A Broccoli plugin that transpiles WebGL/GLSL source files into JavaScript strings. Version 0.0.1 is the initial and only release. As a minimal plugin, it simply compiles GLSL files into exported JS strings and renames them from `.glsl` to `.js`. It does not handle shader attachment or compilation at runtime. Compared to alternatives like `ember-cli-webgl`, it is lower-level and lacks Ember-specific integration. The project appears to be early-stage with limited adoption.","status":"active","version":"0.0.1","language":"javascript","source_language":"en","source_url":"https://github.com/anulman/broccoli-webgl-transpiler","tags":["javascript","broccoli-plugin","transpiler","webgl","glsl","opengl","js"],"install":[{"cmd":"npm install broccoli-webgl-transpiler","lang":"bash","label":"npm"},{"cmd":"yarn add broccoli-webgl-transpiler","lang":"bash","label":"yarn"},{"cmd":"pnpm add broccoli-webgl-transpiler","lang":"bash","label":"pnpm"}],"dependencies":[{"reason":"Extends Broccoli plugin base class for build pipeline integration","package":"broccoli-plugin","optional":false}],"imports":[{"note":"The package uses a default export. The require example in the README uses .default, but for ESM simply import default.","wrong":"const WebGLTranspiler = require('broccoli-webgl-transpiler').default;","symbol":"default","correct":"import WebGLTranspiler from 'broccoli-webgl-transpiler';"},{"note":"Named export is not available; only default export exists.","wrong":"const WebGLTranspiler = require('broccoli-webgl-transpiler');","symbol":"WebGLTranspiler","correct":"import { WebGLTranspiler } from 'broccoli-webgl-transpiler';"},{"note":"TypeScript types are not provided; this import is hypothetical.","wrong":"","symbol":"type BroccoliWebGLTranspilerOptions","correct":"import type { BroccoliWebGLTranspilerOptions } from 'broccoli-webgl-transpiler';"}],"quickstart":{"code":"const WebGLTranspiler = require('broccoli-webgl-transpiler');\nconst inputTree = 'path/to/glsl/files';\nconst webGLTree = new WebGLTranspiler(inputTree, {\n  annotation: 'compile my shaders'\n});\n// Then use webGLTree as input to another Broccoli plugin or build pipeline.","lang":"javascript","description":"Shows basic usage of broccoli-webgl-transpiler with a Broccoli tree."},"warnings":[{"fix":"Use higher-level library like ember-cli-webgl for automated shader compilation.","message":"Plugin only renames .glsl files to .js and compiles GLSL to exported JS strings; you must attach and compile shaders manually.","severity":"gotcha","affected_versions":"<=0.0.1"},{"fix":"Switch to actively maintained Broccoli plugin for GLSL.","message":"The npm package name 'broccoli-webgl-transpiler' has low download count and no recent updates; consider alternatives.","severity":"deprecated","affected_versions":">=0.0.0"}],"env_vars":null,"search_vec":"'0.0.1':16 'adopt':82 'altern':55 'appear':74 'attach':48 'broccoli':1,5,85 'broccoli-plugin':84 'cli':59 'compar':53 'compil':29,50 'earli':78 'early-stag':77 'ember':58,69 'ember-cli-webgl':57 'ember-specif':68 'export':33 'file':11,31 'glsl':30,40,89 'handl':46 'initi':19 'integr':71 'javascript':13,83 'js':34,42,91 'lack':67 'level':65 'like':56 'limit':81 'lower':64 'lower-level':63 'minim':25 'opengl':90 'plugin':6,26,86 'project':73 'releas':22 'renam':37 'runtim':52 'shader':47 'simpli':28 'sourc':10 'specif':70 'stage':79 'string':14,35 'transpil':3,8,87 'version':15 'webgl':2,60,88 'webgl/glsl':9","created_at":"2026-05-01T13:42:40.640030+00:00","updated_at":"2026-05-01T13:42:40.640030+00:00","problems":[{"fix":"const WebGLTranspiler = require('broccoli-webgl-transpiler').default;","cause":"Using require without .default when the package uses default export.","error":"TypeError: WebGLTranspiler is not a constructor"},{"fix":"Use broccoli.source or similar to create a tree from directory.","cause":"Passing a string path instead of a Broccoli node.","error":"Error: Input tree must be a Broccoli node"}],"ecosystem":"npm","meta_description":null,"install_score":null,"quickstart_score":null,"quickstart_tag":null,"pypi_latest":null,"cli_name":"","cli_version":null,"type":"library","homepage":null,"github":"https://github.com/anulman/broccoli-webgl-transpiler","docs":null,"changelog":null,"pypi":null,"npm":"https://www.npmjs.com/package/broccoli-webgl-transpiler","openapi_spec":null,"status_page":null,"smithery":null,"categories":["data"],"base_url":null,"auth_type":null,"provenance":{"verified_status":null,"verified_at":null,"last_verified":"2026-05-01","next_check":"2026-07-30","install_tag":null}}