feat: update package name

BREAKING CHANGE: package name ws changed from @react-shader-fiber/renderer to @react-shader/fiber

.github/workflows/npm-publish-github-packages.yml

@@ -20,9 +20,9 @@ jobs:
         with:
           node-version: 18
           registry-url: https://registry.npmjs.org
-      - run: npm ci -w @react-shader-fiber/renderer
-      - run: npm run build -w @react-shader-fiber/renderer
-      - run: npm publish -w @react-shader-fiber/renderer --access public
+      - run: npm ci -w @react-shader/renderer
+      - run: npm run build -w @react-shader/renderer
+      - run: npm publish -w @react-shader/renderer --access public
         env:
           NODE_AUTH_TOKEN: ${{secrets.NPM_TOKEN}}
 
@@ -38,8 +38,8 @@ jobs:
         with:
           node-version: 18
           registry-url: https://registry.npmjs.org
-      - run: npm ci -w @react-shader-fiber/renderer
-      - run: npm run build -w @react-shader-fiber/renderer
+      - run: npm ci -w @react-shader/renderer
+      - run: npm run build -w @react-shader/renderer
       - run: npm ci -w @react-shader-fiber/stdlib
       - run: npm run build -w @react-shader-fiber/stdlib
       - run: npm publish -w @react-shader-fiber/stdlib --access public
@@ -58,8 +58,8 @@ jobs:
         with:
           node-version: 18
           registry-url: https://registry.npmjs.org
-      - run: npm ci -w @react-shader-fiber/renderer
-      - run: npm run build -w @react-shader-fiber/renderer
+      - run: npm ci -w @react-shader/renderer
+      - run: npm run build -w @react-shader/renderer
       - run: npm ci -w react-shader-fiber
       - run: npm run build -w react-shader-fiber
       - run: npm publish -w react-shader-fiber --access public

packages/demo/src/components/Shader.jsx

@@ -0,0 +1,30 @@
+import { FragmentShader } from "react-shader-fiber";
+
+import { Input, Main, Output, Uniform } from "@react-shader-fiber/stdlib";
+import ShaderProvider from "../providers/ShaderProvider.jsx";
+
+const Shader = ({ time, coords, color, children }) => {
+  return (
+    <FragmentShader>
+      <Output type={"vec4"} id={"fragColor"} ref={color} />
+
+      <Input ref={coords} type={"vec2"} id={"vCoords"} />
+
+      <Uniform ref={time} id={"u_time"} type={"float"} />
+
+      <Main>
+        <ShaderProvider
+          value={{
+            time: time,
+            color: color,
+            coords: coords,
+          }}
+        >
+          {children}
+        </ShaderProvider>
+      </Main>
+    </FragmentShader>
+  );
+};
+
+export default Shader;

packages/demo/src/providers/ShaderProvider.jsx

@@ -0,0 +1,27 @@
+import { createContext, useContext } from "react";
+
+const ShaderContext = createContext({
+  time: null,
+  coords: null,
+  color: null,
+});
+
+const useTime = () => {
+  return useContext(ShaderContext).time;
+};
+
+const useCoords = () => {
+  return useContext(ShaderContext).coords;
+};
+
+const useColor = () => {
+  return useContext(ShaderContext).color;
+};
+
+const ShaderProvider = ({ value, children }) => {
+  return (
+    <ShaderContext.Provider value={value}>{children}</ShaderContext.Provider>
+  );
+};
+
+export default ShaderProvider;

packages/react-shader-fiber/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "react-shader-fiber",
+  "name": "@react-shader/fiber",
   "private": false,
   "version": "1.1.0",
   "type": "module",

packages/renderer/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "@react-shader-fiber/renderer",
+  "name": "@react-shader/renderer",
   "private": false,
   "version": "1.0.12",
   "type": "module",