create-caspar-graphics - npm Package Compare versions

Comparing version 2.0.0-alpha.4 to 2.0.0-alpha.5

package.json

 {
   "name": "create-caspar-graphics",
-  "version": "2.0.0-alpha.4",
+  "version": "2.0.0-alpha.5",
   "description": "CLI tool to bootstrap CasparCG graphics with no configuration",
@@ -30,3 +30,3 @@ "type": "module",
   ],
-  "gitHead": "1daeab0d92b873491c66f8cbf996f42d15748461"
+  "gitHead": "b5fe55378fa598b70663b0491532fa37ad97947d"
 }

template-react-bare/package.json

@@ -11,3 +11,3 @@ {
   "dependencies": {
-    "@nxtedition/graphics-kit": "^2.0.0-alpha.0",
+    "@nxtedition/graphics-kit": "^2.0.0-alpha.5",
     "react": "^18.2.0",
@@ -17,4 +17,4 @@ "react-dom": "^18.2.0"
   "devDependencies": {
-    "@nxtedition/caspar-graphics": "^1.0.0-alpha.9"
+    "@nxtedition/caspar-graphics": "^1.0.0-alpha.14"
   }
 }

template-react-bare/templates/example/index.jsx

 import React from 'react'
-import { render, useCasparData } from '@nxtedition/graphics-kit'
+import { render, useCaspar } from '@nxtedition/graphics-kit'
 
 function Example() {
-  const { text } = useCasparData()
+  const { data, isPlaying } = useCasparData()
 
-  return <div>Example: {text}</div>
+  return (
+    <div
+      style={{
+        opacity: isPlaying ? 1 : 0,
+        position: 'absolute',
+        bottom: 80,
+        left: 266,
+        width: 1388,
+        padding: 20,
+        backgroundColor: 'white',
+        borderRadius: 6,
+        fontSize: 70,
+        fontFamily: 'Arial',
+        whiteSpace: 'nowrap',
+        display: 'flex',
+        alignItems: 'center',
+        transition: 'opacity 300ms ease-in-out'
+      }}
+    >
+      {data.name}
+    </div>
+  )
 }
 
 render(Example)

template-react-bare/templates/example/manifest.json

 {
-  "name": "Example",
+  "name": "React Example",
   "schema": {
-    "text": {
+    "name": {
       "type": "string",
-      "label": "Text"
+      "label": "Name"
     }
   },
   "previewData": {
-    "Example 1": {
-      "text": "Example 1"
+    "Thierry Henry": {
+      "name": "Thierry Henry"
     },
-    "Example 2": {
-      "text": "Example 2"
+    "Dennis Bergkamp": {
+      "name": "Dennis Bergkamp"
     }
   }
 }

template-react-framer-motion/package.json

@@ -11,3 +11,3 @@ {
   "dependencies": {
-    "@nxtedition/graphics-kit": "^2.0.0-alpha.0",
+    "@nxtedition/graphics-kit": "^2.0.0-alpha.5",
     "react": "^18.2.0",
@@ -17,4 +17,4 @@ "react-dom": "^18.2.0"
   "devDependencies": {
-    "@nxtedition/caspar-graphics": "^1.0.0-alpha.9"
+    "@nxtedition/caspar-graphics": "^1.0.0-alpha.14"
   }
 }

template-react-framer-motion/templates/example/manifest.json

@@ -6,3 +6,3 @@ {
       "type": "string",
-      "label": "Text"
+      "label": "Name"
     }
@@ -9,0 +9,0 @@ },

template-react-gsap/package.json

@@ -11,3 +11,3 @@ {
   "dependencies": {
-    "@nxtedition/graphics-kit": "^2.0.0-alpha.0",
+    "@nxtedition/graphics-kit": "^2.0.0-alpha.5",
     "react": "^18.2.0",
@@ -17,4 +17,4 @@ "react-dom": "^18.2.0"
   "devDependencies": {
-    "@nxtedition/caspar-graphics": "^1.0.0-alpha.9"
+    "@nxtedition/caspar-graphics": "^1.0.0-alpha.14"
   }
 }

template-react-gsap/templates/example/manifest.json

@@ -6,3 +6,3 @@ {
       "type": "string",
-      "label": "Text"
+      "label": "Name"
     }
@@ -9,0 +9,0 @@ },

template-vanilla/package.json

@@ -10,5 +10,8 @@ {
   },
+  "dependencies": {
+    "@nxtedition/graphics-kit": "^2.0.0-alpha.5"
+  },
   "devDependencies": {
-    "@nxtedition/caspar-graphics": "^1.0.0-alpha.9"
+    "@nxtedition/caspar-graphics": "^1.0.0-alpha.14"
   }
 }

template-vanilla/templates/example/manifest.json

 {
-  "name": "Example",
+  "name": "JavaScript Example",
   "schema": {
-    "text": {
+    "name": {
       "type": "string",
-      "label": "Text"
+      "label": "Name"
     }
   },
   "previewData": {
-    "Example 1": {
-      "text": "Example 1"
+    "Thierry Henry": {
+      "name": "Thierry Henry"
     },
-    "Example 2": {
-      "text": "Example 2"
+    "Dennis Bergkamp": {
+      "name": "Dennis Bergkamp"
     }
   }
 }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

15489

increased by3.88%

Lines of code

443

increased by4.98%

Number of medium supply chain risk alerts

0

decreased by-100%

No dependency changes