Extending cameras (#1858)

* Adding extends * v8.1.2-beta.0 * Updating yarnlock
framer · Jan 2, 2023 · 4904597 · 4904597
1 parent b9748c4
commit 4904597
Show file tree

Hide file tree

Showing 6 changed files with 15 additions and 9 deletions.
diff --git a/dev/package.json b/dev/package.json
@@ -1,6 +1,6 @@
 {
     "name": "framer-motion--dev",
-    "version": "8.1.1",
+    "version": "8.1.2-beta.0",
     "private": true,
     "scripts": {
         "dev": "webpack serve --config ./webpack/config.js --hot"
@@ -9,7 +9,7 @@
         "@react-three/drei": "^7.27.3",
         "@react-three/fiber": "^8.2.2",
         "framer-motion": "^8.1.1",
-        "framer-motion-3d": "^8.1.1",
+        "framer-motion-3d": "^8.1.2-beta.0",
         "path-browserify": "^1.0.1",
         "react": "^18.2.0",
         "react-dom": "^18.2.0",

diff --git a/lerna.json b/lerna.json
@@ -1,5 +1,5 @@
 {
-    "version": "8.1.1",
+    "version": "8.1.2-beta.0",
     "packages": [
         "packages/*"
     ],

diff --git a/packages/framer-motion-3d/package.json b/packages/framer-motion-3d/package.json
@@ -1,6 +1,6 @@
 {
     "name": "framer-motion-3d",
-    "version": "8.1.1",
+    "version": "8.1.2-beta.0",
     "description": "A simple and powerful React animation library for @react-three/fiber",
     "main": "dist/cjs/index.js",
     "module": "dist/es/index.mjs",

diff --git a/packages/framer-motion-3d/src/components/LayoutCamera.tsx b/packages/framer-motion-3d/src/components/LayoutCamera.tsx
@@ -5,6 +5,9 @@ import { LayoutCameraProps } from "./types"
 import { motion } from "../render/motion"
 import { useLayoutCamera } from "./use-layout-camera"
 import { ThreeMotionProps } from "../types"
+import { extend } from "@react-three/fiber"
+
+extend({ PerspectiveCamera: PerspectiveCameraImpl })
 
 type Props = JSX.IntrinsicElements["perspectiveCamera"] &
     LayoutCameraProps &

diff --git a/packages/framer-motion-3d/src/components/LayoutOrthographicCamera.tsx b/packages/framer-motion-3d/src/components/LayoutOrthographicCamera.tsx
@@ -5,6 +5,9 @@ import { motion } from "../render/motion"
 import { LayoutCameraProps } from "./types"
 import { useLayoutCamera } from "./use-layout-camera"
 import { ThreeMotionProps } from "../types"
+import { extend } from "@react-three/fiber"
+
+extend({ OrthographicCamera: OrthographicCameraImpl })
 
 type Props = JSX.IntrinsicElements["orthographicCamera"] &
     LayoutCameraProps &

diff --git a/yarn.lock b/yarn.lock
@@ -7909,8 +7909,8 @@ __metadata:
     cache-loader: ^1.2.5
     convert-tsconfig-paths-to-webpack-aliases: ^0.9.2
     fork-ts-checker-webpack-plugin: ^6.2.0
-    framer-motion: ^8.1.0
-    framer-motion-3d: ^8.1.0
+    framer-motion: ^8.1.1
+    framer-motion-3d: ^8.1.2-beta.0
     path-browserify: ^1.0.1
     react: ^18.2.0
     react-dom: ^18.2.0
@@ -7976,14 +7976,14 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"framer-motion-3d@^8.1.0, framer-motion-3d@workspace:packages/framer-motion-3d":
+"framer-motion-3d@^8.1.2-beta.0, framer-motion-3d@workspace:packages/framer-motion-3d":
   version: 0.0.0-use.local
   resolution: "framer-motion-3d@workspace:packages/framer-motion-3d"
   dependencies:
     "@react-three/fiber": ^8.2.2
     "@react-three/test-renderer": ^9.0.0
     "@rollup/plugin-commonjs": ^22.0.1
-    framer-motion: ^8.1.0
+    framer-motion: ^8.1.1
     react-merge-refs: ^2.0.1
   peerDependencies:
     "@react-three/fiber": ^8.2.2
@@ -7993,7 +7993,7 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"framer-motion@^8.1.0, framer-motion@workspace:packages/framer-motion":
+"framer-motion@^8.1.1, framer-motion@workspace:packages/framer-motion":
   version: 0.0.0-use.local
   resolution: "framer-motion@workspace:packages/framer-motion"
   dependencies: