@react95/cra-template 0.1.1 → 0.2.0-alpha.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react95/cra-template",
-  "version": "0.1.1",
+  "version": "0.2.0-alpha.0",
   "description": "The official React95 template for Create React App.",
   "keywords": [
     "react",
@@ -18,7 +18,8 @@
     "template.json"
   ],
   "publishConfig": {
-    "access": "public"
+    "access": "public",
+    "provenance": true
   },
   "repository": {
     "type": "git",
@@ -27,6 +28,5 @@
   },
   "bugs": {
     "url": "https://github.com/React95/React95/issues"
-  },
-  "gitHead": "ce77184b22f46c18b61b45c59b80f69b68be3759"
+  }
 }

package/template/src/index.js

@@ -1,23 +1,30 @@
 import React from 'react';
-import ReactDOM from 'react-dom';
+import ReactDOM from 'react-dom/client';
 import { ThemeProvider, GlobalStyle } from '@react95/core';
 import { ClippyProvider } from '@react95/clippy';
 
 import './index.css';
 import App from './App';
 import * as serviceWorker from './serviceWorker';
+import reportWebVitals from './reportWebVitals';
 
-ReactDOM.render(
+const root = ReactDOM.createRoot(document.getElementById('root'));
+
+root.render(
   <ThemeProvider>
     <GlobalStyle />
     <ClippyProvider>
       <App />
     </ClippyProvider>
   </ThemeProvider>,
-  document.getElementById('root'),
 );
 
 // If you want your app to work offline and load faster, you can change
 // unregister() to register() below. Note this comes with some pitfalls.
 // Learn more about service workers: https://bit.ly/CRA-PWA
 serviceWorker.unregister();
+
+// If you want to start measuring performance in your app, pass a function
+// to log results (for example: reportWebVitals(console.log))
+// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
+reportWebVitals();

package/template/src/reportWebVitals.js

@@ -0,0 +1,13 @@
+const reportWebVitals = onPerfEntry => {
+  if (onPerfEntry && onPerfEntry instanceof Function) {
+    import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {
+      getCLS(onPerfEntry);
+      getFID(onPerfEntry);
+      getFCP(onPerfEntry);
+      getLCP(onPerfEntry);
+      getTTFB(onPerfEntry);
+    });
+  }
+};
+
+export default reportWebVitals;

package/template.json

@@ -1,15 +1,15 @@
 {
   "package": {
     "dependencies": {
-      "@testing-library/jest-dom": "^5.11.4",
-      "@testing-library/react": "^12.1.3",
-      "@testing-library/user-event": "^12.1.10",
-      "web-vitals": "^1.0.1",
-      "styled-components": "^5.1.0",
-      "@xstyled/styled-components": "^1.17.1",
+      "@react95/clippy": "latest",
       "@react95/core": "latest",
       "@react95/icons": "latest",
-      "@react95/clippy": "latest"
+      "@testing-library/jest-dom": "^5.14.1",
+      "@testing-library/react": "^13.0.0",
+      "@testing-library/user-event": "^13.2.1",
+      "@xstyled/styled-components": "^3.6.0",
+      "styled-components": "^5.3.5",
+      "web-vitals": "^2.1.4"
     }
   }
 }

package/LICENSE

@@ -1,23 +0,0 @@
-Windows and all associated images are the property of the Microsoft Corp and are not covered by this license.
-
-MIT License
-
-Copyright (c) 2018 React95
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.