create-cayde-app - npm Package Compare versions

Comparing version 0.0.4 to 0.0.5

lib/index.js

@@ -55,3 +55,3 @@ "use strict";
         ? ["cayde"]
-        : ["react", "react-dom", "react-router-dom", "cayde", "express"],
+        : ["react@next", "react-dom@next", "react-router-dom", "cayde", "express"],
     })
@@ -58,0 +58,0 @@ .then(function() {

package.json

 {
   "name": "create-cayde-app",
-  "version": "0.0.4",
+  "version": "0.0.5",
   "description": "CLI tool to bootstrap Cayde applications with no configuration",
@@ -38,3 +38,3 @@ "main": "index.js",
   ],
-  "gitHead": "da8642f1211ef8a3ea6c70a6a2691de77ea970ae"
+  "gitHead": "95ea17fddf483059560214982b4a74b8f053a646"
 }

templates/default/package.json

@@ -6,7 +6,7 @@ {
   "scripts": {
-    "start": "ff start",
-    "build": "ff build",
-    "test": "ff test --env=jsdom",
+    "start": "cayde start",
+    "build": "cayde build",
+    "test": "cayde test --env=jsdom",
     "start:prod": "NODE_ENV=production node build/server.js"
   }
 }

templates/default/src/App.js

@@ -1,13 +0,13 @@
-import React from 'react';
-import Route from 'react-router-dom/Route';
-import Switch from 'react-router-dom/Switch';
-import Home from './Home';
-import './App.css';
+import React from "react";
+import Route from "react-router-dom/Route";
+import Switch from "react-router-dom/Switch";
+import Home from "./Home";
+import "./App.css";
 
 const App = () => (
-  <Switch>
-    <Route exact path="/" component={Home} />
-  </Switch>
+    <Switch>
+        <Route exact path="/" component={Home} />
+    </Switch>
 );
 
 export default App;

templates/default/src/App.test.js

@@ -1,16 +0,16 @@
-import App from './App';
-import React from 'react';
-import ReactDOM from 'react-dom';
-import MemoryRouter from 'react-router-dom/MemoryRouter';
+import React from "react";
+import ReactDOM from "react-dom";
+import MemoryRouter from "react-router-dom/MemoryRouter";
+import App from "./App";
 
-describe('<App />', () => {
-  test('renders without exploding', () => {
-    const div = document.createElement('div');
+describe("<App />", () => {
+  test("renders without exploding", () => {
+    const div = document.createElement("div");
     ReactDOM.render(
-      <MemoryRouter>
-        <App />
-      </MemoryRouter>,
-      div
+        <MemoryRouter>
+            <App />
+        </MemoryRouter>,
+        div,
     );
   });
 });

templates/default/src/client.js

@@ -1,11 +0,11 @@
-import App from './App';
-import BrowserRouter from 'react-router-dom/BrowserRouter';
-import React from 'react';
-import { hydrate } from 'react-dom';
+import BrowserRouter from "react-router-dom/BrowserRouter";
+import React from "react";
+import { hydrate } from "react-dom";
+import App from "./App";
 
 hydrate(
-  <BrowserRouter>
-    <App />
-  </BrowserRouter>,
-  document.getElementById('root')
+    <BrowserRouter>
+        <App />
+    </BrowserRouter>,
+    document.getElementById("root"),
 );
@@ -12,0 +12,0 @@

templates/default/src/Home.js

@@ -1,22 +0,18 @@
-import React from 'react';
-import logo from './react.svg';
-import './Home.css';
+import React from "react";
+import logo from "./react.svg";
+import "./Home.css";
 
-class Home extends React.Component {
-  render() {
-    return (
-      <div className="Home">
+const Home = () => (
+    <div className="Home">
         <div className="Home-header">
-          <img src={logo} className="Home-logo" alt="logo" />
-          <h2>Welcome to Cayde</h2>
+            <img src={logo} className="Home-logo" alt="logo" />
+            <h2>Welcome to Cayde</h2>
         </div>
         <p className="Home-intro">
-          To get started, edit <code>src/App.js</code> or{' '}
-          <code>src/Home.js</code> and save to reload.
+          To get started, edit <code>src/App.js</code> or{" "}
+            <code>src/Home.js</code> and save to reload.
         </p>
-      </div>
-    );
-  }
-}
+    </div>
+);
 
 export default Home;

templates/default/src/index.js

@@ -1,4 +0,4 @@
-import http from 'http';
+import http from "http";
 
-let app = require('./server').default;
+let app = require("./server").default;
 
@@ -9,3 +9,3 @@ const server = http.createServer(app);
 
-server.listen(process.env.PORT || 3000, error => {
+server.listen(process.env.PORT || 3000, (error) => {
   if (error) {
@@ -15,15 +15,15 @@ console.log(error);
 
-  console.log('🚀 started');
+  console.log("🚀 started");
 });
 
 if (module.hot) {
-  console.log('✅  Server-side HMR Enabled!');
+  console.log("✅  Server-side HMR Enabled!");
 
-  module.hot.accept('./server', () => {
-    console.log('🔁  HMR Reloading `./server`...');
+  module.hot.accept("./server", () => {
+    console.log("🔁  HMR Reloading `./server`...");
 
     try {
-      app = require('./server').default;
-      server.removeListener('request', currentApp);
-      server.on('request', app);
+      app = require("./server").default;
+      server.removeListener("request", currentApp);
+      server.on("request", app);
       currentApp = app;
@@ -30,0 +30,0 @@ } catch (error) {

templates/default/src/server.js

@@ -1,6 +0,6 @@
-import App from './App';
-import React from 'react';
-import { StaticRouter } from 'react-router-dom';
-import express from 'express';
-import { renderToString } from 'react-dom/server';
+import React from "react";
+import { StaticRouter } from "react-router-dom";
+import express from "express";
+import { renderToString } from "react-dom/server";
+import App from "./App";
 
@@ -11,10 +11,10 @@ const assets = require(process.env.CAYDE_ASSETS_MANIFEST);
 server
-  .disable('x-powered-by')
+  .disable("x-powered-by")
   .use(express.static(process.env.CAYDE_PUBLIC_DIR))
-  .get('/*', (req, res) => {
+  .get("/*", (req, res) => {
     const context = {};
     const markup = renderToString(
-      <StaticRouter context={context} location={req.url}>
-        <App />
-      </StaticRouter>
+        <StaticRouter context={context} location={req.url}>
+            <App />
+        </StaticRouter>,
     );
@@ -33,17 +33,15 @@
         <meta name="viewport" content="width=device-width, initial-scale=1">
-        ${
-          assets.client.css
-            ? `<link rel="stylesheet" href="${assets.client.css}">`
-            : ''
-        }
-        ${
-          process.env.NODE_ENV === 'production'
-            ? `<script src="${assets.client.js}" defer></script>`
-            : `<script src="${assets.client.js}" defer crossorigin></script>`
-        }
+    ${assets.client.css
+    ? `<link rel="stylesheet" href="${assets.client.css}">`
+    : ""}   
+
+    ${process.env.NODE_ENV === "production"
+    ? `<script src="${assets.client.js}" defer></script>`
+    : `<script src="${assets.client.js}" defer crossorigin></script>`}
     </head>
+    
     <body>
         <div id="root">${markup}</div>
     </body>
-</html>`
+</html>`,
       );
@@ -50,0 +48,0 @@ }

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

Network access

Supply chain risk

This module accesses the network.

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

Network access

Supply chain risk

This module accesses the network.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

58255

decreased by-1.08%

Number of package files

26

decreased by-3.7%

Lines of code

467

decreased by-5.08%

No dependency changes