From c98c343b8683cde4f23d92fec5f5f8881938cb4f Mon Sep 17 00:00:00 2001
From: pavophilip <pavophilip@gmail.com>
Date: Tue, 26 Dec 2023 11:04:30 +0100
Subject: [PATCH] feat: update package name

BREAKING CHANGE: package name ws changed from @react-shader-fiber/renderer to @react-shader/fiber
---
 .../workflows/npm-publish-github-packages.yml | 14 ++++-----
 packages/demo/src/components/Shader.jsx       | 30 +++++++++++++++++++
 .../demo/src/providers/ShaderProvider.jsx     | 27 +++++++++++++++++
 packages/react-shader-fiber/package.json      |  2 +-
 packages/renderer/package.json                |  2 +-
 5 files changed, 66 insertions(+), 9 deletions(-)
 create mode 100644 packages/demo/src/components/Shader.jsx
 create mode 100644 packages/demo/src/providers/ShaderProvider.jsx

diff --git a/.github/workflows/npm-publish-github-packages.yml b/.github/workflows/npm-publish-github-packages.yml
index c659825..f6b2be9 100644
--- a/.github/workflows/npm-publish-github-packages.yml
+++ b/.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
diff --git a/packages/demo/src/components/Shader.jsx b/packages/demo/src/components/Shader.jsx
new file mode 100644
index 0000000..2370aae
--- /dev/null
+++ b/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;
diff --git a/packages/demo/src/providers/ShaderProvider.jsx b/packages/demo/src/providers/ShaderProvider.jsx
new file mode 100644
index 0000000..8a5099f
--- /dev/null
+++ b/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;
diff --git a/packages/react-shader-fiber/package.json b/packages/react-shader-fiber/package.json
index 1c6b9d2..329749d 100644
--- a/packages/react-shader-fiber/package.json
+++ b/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",
diff --git a/packages/renderer/package.json b/packages/renderer/package.json
index a3a3640..7cbbc26 100644
--- a/packages/renderer/package.json
+++ b/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",