@vidispine/cra-template-vdt 22.1.0 → 22.2.0-pre.3

package/README.md

@@ -8,6 +8,7 @@ This is a base vdt template for [Create React App](https://github.com/facebook/c
 
 ```shell
 yarn create react-app my-vdt-app --template @vidispine/vdt@latest
+# or "@next" for latest pre-release
 cd my-vdt-app
 REACT_APP_VIDISPINE_URL=https://example.myvidispine.com yarn start
 ```
@@ -18,6 +19,7 @@ _(yarn create is available in Yarn 0.25+)_
 
 ```shell
 npx create-react-app my-vdt-app --template @vidispine/vdt@latest
+# or "@next" for latest pre-release
 cd my-vdt-app
 REACT_APP_VIDISPINE_URL=https://example.myvidispine.com npm start
 ```

package/package.json

@@ -1,17 +1,17 @@
 {
   "name": "@vidispine/cra-template-vdt",
-  "version": "22.1.0",
+  "version": "22.2.0-pre.3",
   "license": "SEE LICENSE IN LICENSE.md",
-  "homepage": "https://github.com/vidispine/vdt#readme",
+  "private": false,
   "publishConfig": {
     "access": "public"
   },
+  "description": "CRA template using vdt packages",
+  "homepage": "https://vidispine.github.io/vdt?path=/docs/start-here-template-cra--page",
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/vidispine/vdt.git"
-  },
-  "bugs": {
-    "url": "https://github.com/vidispine/vdt/issues"
+    "url": "https://github.com/vidispine/vdt.git",
+    "directory": "packages/cra-template-vdt"
   },
   "scripts": {
     "lint": "eslint \"{template/**/*,*}.{js,md}\"",
@@ -22,8 +22,8 @@
     "template.json"
   ],
   "devDependencies": {
-    "@vidispine/eslint-config": "^22.1.0",
-    "@vidispine/prettier-config": "^22.1.0"
+    "@vidispine/eslint-config": "^22.2.0-pre.3",
+    "@vidispine/prettier-config": "^22.2.0-pre.3"
   },
   "eslintConfig": {
     "extends": [
@@ -35,5 +35,5 @@
     }
   },
   "prettier": "@vidispine/prettier-config",
-  "gitHead": "7adbc3c7ead52a3443982f9838ab91e200a510a6"
+  "gitHead": "817cf85f82123735f459189c73448ed27b45b53b"
 }

package/template/src/components/ErrorBoundary.js

@@ -1,8 +1,8 @@
-import React from 'react';
+import { Component } from 'react';
 
 import { Container, Paper } from '@material-ui/core';
 
-export default class ErrorBoundary extends React.Component {
+export default class ErrorBoundary extends Component {
   constructor(props) {
     super(props);
     this.state = { hasError: false };

package/template/src/index.js

@@ -1,5 +1,3 @@
-import React from 'react';
-
 import { MuiThemeProvider, CssBaseline } from '@material-ui/core';
 import ReactDOM from 'react-dom';
 import { BrowserRouter as Router } from 'react-router-dom';

package/template/src/pages/Login/Login.js

@@ -1,5 +1,3 @@
-import React from 'react';
-
 import { withStyles, Grid, Hidden } from '@material-ui/core';
 import { Alert } from '@material-ui/lab';
 

package/template/src/pages/NotFound/NotFound.js

@@ -1,5 +1,3 @@
-import React from 'react';
-
 import { withStyles, Typography } from '@material-ui/core';
 
 const styles = () => ({

package/template/src/pages/Root/Root.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { useState } from 'react';
 
 import { Route, Redirect, Switch } from 'react-router-dom';
 
@@ -14,7 +14,7 @@ import Layout from './components/Layout';
 import RootPath from './path';
 
 function Root() {
-  const [loginError, setLoginError] = React.useState(!VIDISPINE_URL && 'VIDISPINE_URL is unset');
+  const [loginError, setLoginError] = useState(!VIDISPINE_URL && 'VIDISPINE_URL is unset');
   const handleLoginError = ({ message }) => {
     setLoginError(message);
     setTimeout(() => setLoginError(), 5000);

package/template/src/pages/Root/components/Drawer.js

@@ -1,5 +1,3 @@
-import React from 'react';
-
 import {
   withStyles,
   List,

package/template/src/pages/Root/components/Header.js

@@ -1,5 +1,3 @@
-import React from 'react';
-
 import { withStyles, IconButton, Typography, Toolbar, AppBar } from '@material-ui/core';
 import MenuIcon from '@material-ui/icons/Menu';
 

package/template/src/pages/Root/components/Layout.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { useState } from 'react';
 
 import { withStyles, Container } from '@material-ui/core';
 
@@ -22,7 +22,7 @@ const styles = (theme) => ({
 });
 
 function Layout({ classes, children }) {
-  const [open, setOpen] = React.useState(true);
+  const [open, setOpen] = useState(true);
   const toggleDrawer = () => setOpen((prevState) => !prevState);
   return (
     <div className={classes.root}>

package/template/src/pages/SearchCollection/SearchCollection.js

@@ -1,5 +1,3 @@
-import React from 'react';
-
 import { withStyles, Card, CardHeader, CardContent } from '@material-ui/core';
 
 import { SearchInput, CollectionList } from '@vidispine/vdt-materialui';

package/template/src/pages/SearchItem/SearchItem.js

@@ -1,5 +1,3 @@
-import React from 'react';
-
 import { withStyles, Card, CardHeader, CardContent } from '@material-ui/core';
 
 import { SearchInput, ItemList } from '@vidispine/vdt-materialui';

package/template.json

@@ -8,29 +8,39 @@
       "@material-ui/core": "^4.11.1",
       "@material-ui/icons": "^4.9.1",
       "@material-ui/lab": "^4.0.0-alpha.56",
-      "@vidispine/vdt-api": "~22.1.0",
-      "@vidispine/vdt-materialui": "~22.1.0",
-      "@vidispine/vdt-react": "~22.1.0",
+      "@vidispine/vdt-api": "~22.2.0-pre.3",
+      "@vidispine/vdt-materialui": "~22.2.0-pre.3",
+      "@vidispine/vdt-react": "~22.2.0-pre.3",
       "clsx": "^1.1.1",
-      "react": "^16.14.0",
-      "react-dom": "^16.14.0",
+      "react": "^17.0.2",
+      "react-dom": "^17.0.2",
       "react-cookie": "^4.0.3",
       "react-router-dom": "^5.2.0",
       "typeface-roboto": "^0.0.75"
     },
     "devDependencies": {
-      "@vidispine/eslint-config": "~22.1.0",
-      "@vidispine/prettier-config": "~22.1.0",
+      "@vidispine/eslint-config": "~22.2.0-pre.3",
+      "@vidispine/prettier-config": "~22.2.0-pre.3",
       "http-proxy-middleware": "^1.3.1",
       "prettier": "^2.5.1"
     },
     "eslintConfig": {
-      "extends": ["@vidispine"]
+      "extends": [
+        "@vidispine"
+      ]
     },
     "prettier": "@vidispine/prettier-config",
     "browserslist": {
-      "production": [">0.2%", "not dead", "not op_mini all"],
-      "development": ["last 1 chrome version", "last 1 firefox version", "last 1 safari version"]
+      "production": [
+        ">0.2%",
+        "not dead",
+        "not op_mini all"
+      ],
+      "development": [
+        "last 1 chrome version",
+        "last 1 firefox version",
+        "last 1 safari version"
+      ]
     }
   }
-}
+}