updates

Author: ryansolid

logo.png

@@ -25,7 +25,7 @@
   "homepage": "https://github.com/ryansolid/solid-realworld#readme",
   "dependencies": {
     "marked": "^0.8.0",
-    "solid-js": "0.16.8"
+    "solid-js": "0.16.9"
   },
   "devDependencies": {
     "@babel/core": "7.8.4",

package-lock.json

@@ -16,7 +16,7 @@ const plugins = [
   }),
   resolve({ extensions: [".js", ".jsx"] }),
   commonjs(),
-  terser()
+  process.env.production && terser()
 ];
 
 export default {

package.json

@@ -1,4 +1,4 @@
-import { lazy } from "solid-js";
+import { lazy, createSignal } from "solid-js";
 import { useStore, useRouter } from "./store";
 import NavBar from "./components/NavBar";
 import Home from "./pages/Home";
@@ -10,16 +10,17 @@ const Settings = lazy(() => import("./pages/Settings")),
   Auth = lazy(() => import("./pages/Auth"));
 
 export default () => {
-  const [store, { setAppLoaded, pullUser }] = useStore(),
+  const [store, { pullUser }] = useStore(),
+    [appLoaded, setAppLoaded] = createSignal(false),
     { match, getParams } = useRouter();
 
-  if (!store.token) setAppLoaded();
-  else pullUser().finally(() => setAppLoaded());
+  if (!store.token) setAppLoaded(true);
+  else pullUser().finally(() => setAppLoaded(true));
 
   return (
     <>
       <NavBar />
-      <Show when={store.appLoaded}>
+      <Show when={appLoaded()}>
           <Suspense fallback={<div class="container">Loading...</div>}>
           <Switch>
             <Match when={match("editor", /^editor\/?(.*)/)}><Editor {...getParams()} /></Match>

rollup.config.js

@@ -8,7 +8,7 @@ export default () => {
     <nav class="navbar navbar-light">
       <div class="container">
         <NavLink class="navbar-brand" route="">
-          {store.appName.toLowerCase()}
+          {store.appName}
         </NavLink>
         <ul class="nav navbar-nav pull-xs-right">
           <li class="nav-item">
@@ -35,12 +35,12 @@ export default () => {
           >
             <li class="nav-item">
               <NavLink class="nav-link" route="editor">
-                <i class="ion-compose"></i> New Post
+                <i class="ion-compose" /> New Post
               </NavLink>
             </li>
             <li class="nav-item">
               <NavLink class="nav-link" route="settings">
-                <i class="ion-gear-a"></i> Settings
+                <i class="ion-gear-a" /> Settings
               </NavLink>
             </li>
             <li class="nav-item">

src/App.js

@@ -12,7 +12,7 @@ export default function() {
       const query = new URLSearchParams(search);
       return query.get("tab");
     }),
-    [, start] = useTransition({ timeoutMs: 300 }),
+    [, start] = useTransition({ timeoutMs: 250 }),
     getPredicate = () => {
       switch (tab()) {
         case "feed":
@@ -32,5 +32,5 @@ export default function() {
 
   createEffect(() => start(() => loadArticles(getPredicate())));
 
-  return Home({ handleSetPage, appName: appName.toLowerCase(), token, tab, store });
+  return Home({ handleSetPage, appName, token, tab, store });
 }

src/components/NavBar.js

@@ -15,9 +15,8 @@ export default () => {
     submitForn = ev => {
       ev.preventDefault();
       const user = Object.assign({}, state);
-      if (!user.password) {
-        delete user.password;
-      }
+      if (!user.password) delete user.password;
+      if (!user.image) delete user.image;
       setState({ updatingUser: true });
       updateUser(user)
         .then(() => (location.hash = `/@${user.username}`))

src/pages/Home/index.js

@@ -16,7 +16,6 @@ export default function createAgent([state, actions]) {
 
     try {
       const response = await fetch(API_ROOT + url, opts);
-      // if (response.status !== 200) throw response;
       const json = await response.json();
       return resKey ? json[resKey] : json;
     } catch (err) {

src/pages/Settings.js

@@ -4,7 +4,6 @@ export default function createArticles(agent, store, loadState, setState, loadAr
   const [state, actions] = store;
   store[1] = {
     ...actions,
-    clear: () => setState({ articles: {}, page: 0 }),
     setPage: page => setState({ page }),
     loadArticles(predicate) {
       const articles = $req(predicate).then(({ articles, articlesCount }) => {