Ready to publish

Author: mayank1513

.tkb

@@ -1,95 +1,28 @@
 {
   "scope": "Workspace",
   "tasks": {
-    "RX4J5v4y5IOe_ucf8pMRT": {
-      "id": "RX4J5v4y5IOe_ucf8pMRT",
-      "description": "🌟 Enable [private vulnerability reporting](https://github.com/react18-tools/esbuild-plugin-webgl/security) (For public repo - do this after updating visibility to public)",
-      "columnId": "column-todo"
-    },
-    "EdPbrbJLllUHfZmCS80f7": {
-      "id": "EdPbrbJLllUHfZmCS80f7",
-      "description": "Set up `CodeCov`\n  - Visit Codecov and set up your repo\n  - Create [repository secret]((https://github.com/react18-tools/esbuild-plugin-webgl/settings/secrets/actions)) for `CODECOV_TOKEN`",
-      "columnId": "column-todo"
-    },
-    "MLLUsAhCKaKxvEXFY0HSq": {
-      "id": "MLLUsAhCKaKxvEXFY0HSq",
-      "description": "Set up `CodeClimate`\n  - Visit CodeClimate and set up your repo\n  - Create [repository secret] for `CC_TEST_REPORTER_ID`\n  - Add `*.test.*` to ignore patterns on the website\n  - Update Code Climate badge",
-      "columnId": "column-todo"
-    },
-    "gMYfaAh2RABMP8uZRQgNx": {
-      "id": "gMYfaAh2RABMP8uZRQgNx",
-      "description": "Add `NPM_AUTH_TOKEN` to repository secrets to automate package publishing\n  - Log in to your [`npm` account](https://www.npmjs.com/login) and create an automation token\n  - Create a new repository secret `NPM_AUTH_TOKEN`",
-      "columnId": "column-todo"
-    },
-    "dC7QDBLH8BmHUfaYmIt81": {
-      "id": "dC7QDBLH8BmHUfaYmIt81",
-      "description": "(Optional) Add Repo Stats by visiting and setting up [repobeats](https://repobeats.axiom.co/)",
-      "columnId": "column-todo"
-    },
     "P_NrSJQ8m91Odgz8E1fS6": {
       "id": "P_NrSJQ8m91Odgz8E1fS6",
-      "description": "Create your library and update examples",
-      "columnId": "column-todo"
+      "description": "update examples",
+      "columnId": "column-doing"
     },
     "1dRWJhy45E1Rq5wZAmPHt": {
       "id": "1dRWJhy45E1Rq5wZAmPHt",
       "description": "Update README as required",
       "columnId": "column-doing"
-    },
-    "5vS1JNXoMhDl5IBljwh2v": {
-      "id": "5vS1JNXoMhDl5IBljwh2v",
-      "description": "Set up GitHub pages to deploy docs\n  - Go to [repo settings](https://github.com/react18-tools/esbuild-plugin-webgl/settings/pages) -> pages (On the left panel); Select deploy from a branch; Then Select `main` and `/docs`",
-      "columnId": "column-todo"
-    },
-    "55DAZwduwTvlaxaJC8hlX": {
-      "id": "55DAZwduwTvlaxaJC8hlX",
-      "description": "(Optional) Set up [Deepsource](https://app.deepsource.com/login) for static code analysis",
-      "columnId": "column-todo"
-    },
-    "FDFqCQvLm2mUlnTJ3Gna5": {
-      "id": "FDFqCQvLm2mUlnTJ3Gna5",
-      "description": "Push your changes/Create PR and see your library being automatically tested and published",
-      "columnId": "column-todo"
-    },
-    "O1qAByMoxhHOR-a_guL91": {
-      "id": "O1qAByMoxhHOR-a_guL91",
-      "description": "Optionally deploy your examples to Vercel.",
-      "columnId": "column-todo"
-    },
-    "0499BqWDwJ5cxqtC9Nr82": {
-      "id": "0499BqWDwJ5cxqtC9Nr82",
-      "description": "Feel free to star this template, contribute, and/or sponsor the [`terborepo-template`](https://github.com/react18-tools/turborepo-template) project or my [other open-source work](https://github.com/sponsors/mayank1513)",
-      "columnId": "column-todo"
-    },
-    "IjuAtNquJ4-Ut874rHKIW": {
-      "id": "IjuAtNquJ4-Ut874rHKIW",
-      "description": "You can also fork the [`terborepo-template`](https://github.com/react18-tools/turborepo-template/fork) and add your package to `scripts/featured.json`\n  - If approved, your package will be automatically added to FEATURED.md and also published on the home page of this repo.",
-      "columnId": "column-todo"
     }
   },
   "columns": [
     {
       "id": "column-todo",
       "title": "To do",
-      "tasksIds": [
-        "RX4J5v4y5IOe_ucf8pMRT",
-        "EdPbrbJLllUHfZmCS80f7",
-        "MLLUsAhCKaKxvEXFY0HSq",
-        "gMYfaAh2RABMP8uZRQgNx",
-        "dC7QDBLH8BmHUfaYmIt81",
-        "P_NrSJQ8m91Odgz8E1fS6",
-        "5vS1JNXoMhDl5IBljwh2v",
-        "55DAZwduwTvlaxaJC8hlX",
-        "FDFqCQvLm2mUlnTJ3Gna5",
-        "O1qAByMoxhHOR-a_guL91",
-        "0499BqWDwJ5cxqtC9Nr82",
-        "IjuAtNquJ4-Ut874rHKIW"
-      ]
+      "tasksIds": []
     },
     {
       "id": "column-doing",
       "title": "Doing",
       "tasksIds": [
+        "P_NrSJQ8m91Odgz8E1fS6",
         "1dRWJhy45E1Rq5wZAmPHt"
       ]
     }

README.md

@@ -1,6 +1,6 @@
 # Esbuild Plugin Webgl <img src="https://github.com/react18-tools/esbuild-plugin-webgl/blob/main/popper.png?raw=true" style="height: 40px"/>
 
-[![test](https://github.com/react18-tools/esbuild-plugin-webgl/actions/workflows/test.yml/badge.svg)](https://github.com/react18-tools/esbuild-plugin-webgl/actions/workflows/test.yml) [![Maintainability](https://api.codeclimate.com/v1/badges/aa896ec14c570f3bb274/maintainability)](https://codeclimate.com/github/react18-tools/esbuild-plugin-webgl/maintainability) [![codecov](https://codecov.io/gh/react18-tools/esbuild-plugin-webgl/graph/badge.svg)](https://codecov.io/gh/react18-tools/esbuild-plugin-webgl) [![Version](https://img.shields.io/npm/v/esbuild-plugin-webgl.svg?colorB=green)](https://www.npmjs.com/package/esbuild-plugin-webgl) [![Downloads](https://img.jsdelivr.com/img.shields.io/npm/d18m/esbuild-plugin-webgl.svg)](https://www.npmjs.com/package/esbuild-plugin-webgl) ![npm bundle size](https://img.shields.io/bundlephobia/minzip/esbuild-plugin-webgl) [![Gitpod ready-to-code](https://img.shields.io/badge/Gitpod-ready--to--code-blue?logo=gitpod)](https://gitpod.io/from-referrer/)
+[![test](https://github.com/react18-tools/esbuild-plugin-webgl/actions/workflows/test.yml/badge.svg)](https://github.com/react18-tools/esbuild-plugin-webgl/actions/workflows/test.yml) [![Maintainability](https://api.codeclimate.com/v1/badges/c2532ae011e53b1bf011/maintainability)](https://codeclimate.com/github/react18-tools/esbuild-plugin-webgl/maintainability) [![codecov](https://codecov.io/gh/react18-tools/esbuild-plugin-webgl/graph/badge.svg)](https://codecov.io/gh/react18-tools/esbuild-plugin-webgl) [![Version](https://img.shields.io/npm/v/esbuild-plugin-webgl.svg?colorB=green)](https://www.npmjs.com/package/esbuild-plugin-webgl) [![Downloads](https://img.jsdelivr.com/img.shields.io/npm/d18m/esbuild-plugin-webgl.svg)](https://www.npmjs.com/package/esbuild-plugin-webgl) ![npm bundle size](https://img.shields.io/bundlephobia/minzip/esbuild-plugin-webgl) [![Gitpod ready-to-code](https://img.shields.io/badge/Gitpod-ready--to--code-blue?logo=gitpod)](https://gitpod.io/from-referrer/)
 
 ESBuild plugin to load webGL shaders from `.glsl` files.
 
@@ -52,6 +52,8 @@ esbuild.build({
 });
 ```
 
+![Alt](https://repobeats.axiom.co/api/embed/a1fadcf8aa3054acff5d430c970af9e61254da5c.svg "Repobeats analytics image")
+
 ## License
 
 This library is licensed under the MPL-2.0 open-source license.

examples/vite/src/app/index.tsx

@@ -1,6 +1,6 @@
 import React, { useCallback } from "react";
 import "./styles.css";
-import { Bars1, Bars2, Dots1, Dots2 } from "react18-loaders/dist/server";
+import { Bars1 } from "react18-loaders/dist/server";
 import { LoaderContainer, useLoader } from "react18-loaders";
 import { LandingPage, Layout } from "@repo/shared/dist/server";
 import { Core } from "nextjs-darkmode";

lib/package.json

@@ -67,22 +67,25 @@
     }
   ],
   "keywords": [
-    "React",
-    "React Loaders",
-    "React 18",
-    "React 19",
-    "Next.js",
-    "Next.js 14",
-    "Next.js 15",
-    "React server components",
-    "Customizable",
-    "Cutting-edge",
-    "Compatibility",
-    "Frontend development",
-    "UI components",
-    "Web development",
-    "Progressive",
-    "Modern",
-    "Seamless integration"
+    "ESBuild",
+    "WebGL",
+    "WebGL shaders",
+    "WebGL loader",
+    "GLSL",
+    "shader",
+    "ESBuild plugin",
+    "loaders",
+    "frontend development",
+    "web development",
+    "JavaScript",
+    "TypeScript",
+    "bundler",
+    "build tool",
+    "performance",
+    "3D graphics",
+    "rendering",
+    "graphics pipeline",
+    "shader programming",
+    "cross-platform"
   ]
 }

lib/src/index.ts

@@ -1,10 +1,13 @@
 import type { Plugin, PluginBuild } from "esbuild";
 import fs from "node:fs";
 
+/** generate randmo id */
 const uuid = () => (Date.now() * Math.random()).toString(36).slice(0, 8);
 
+/** generate randmo name to avoid collision among the plugins */
 const name = `webgl-${uuid()}`;
 
+/** Plugin to load `.glsl` files as minified strings */
 export const webglPlugin: () => Plugin = () => ({
   name,
   setup(build: PluginBuild) {