update to solid 0.19.0

Author: ryansolid

package-lock.json

@@ -25,19 +25,19 @@
   "homepage": "https://github.com/ryansolid/solid-realworld#readme",
   "dependencies": {
     "marked": "^0.8.0",
-    "solid-js": "0.18.12"
+    "solid-js": "0.19.0"
   },
   "devDependencies": {
-    "@babel/core": "7.10.3",
-    "@babel/plugin-proposal-optional-chaining": "7.10.3",
+    "@babel/core": "7.11.4",
+    "@babel/plugin-proposal-optional-chaining": "7.11.0",
     "@babel/plugin-syntax-dynamic-import": "7.8.3",
-    "@rollup/plugin-commonjs": "13.0.0",
+    "@rollup/plugin-commonjs": "15.0.0",
     "@rollup/plugin-node-resolve": "8.1.0",
-    "babel-preset-solid": "0.18.12",
-    "rollup": "2.18.1",
-    "rollup-plugin-babel": "4.4.0",
+    "babel-preset-solid": "0.19.0",
+    "rollup": "2.26.5",
+    "@rollup/plugin-babel": "5.2.0",
     "rollup-plugin-delete": "^2.0.0",
-    "rollup-plugin-terser": "^6.1.0",
+    "rollup-plugin-terser": "^7.0.0",
     "serve": "^11.3.2"
   }
 }

package.json

@@ -1,6 +1,6 @@
 import resolve from "@rollup/plugin-node-resolve";
 import commonjs from "@rollup/plugin-commonjs";
-import babel from "rollup-plugin-babel";
+import babel from "@rollup/plugin-babel";
 import del from "rollup-plugin-delete";
 import { terser } from "rollup-plugin-terser";
 

rollup.config.js

@@ -6,7 +6,7 @@ export default function createArticles(agent, store, loadState, setState, loadAr
     ...actions,
     setPage: page => setState({ page }),
     loadArticles(predicate) {
-      const articles = $req(predicate).then(({ articles, articlesCount }) => {
+      const articles = () => $req(predicate).then(({ articles, articlesCount }) => {
         setState({ totalPagesCount: Math.ceil(articlesCount / LIMIT) });
         return articles.reduce((memo, article) => {
           memo[article.slug] = article;
@@ -20,7 +20,7 @@ export default function createArticles(agent, store, loadState, setState, loadAr
         const article = state.articles[slug];
         if (article) return article;
       }
-      loadArticle({ [slug]: agent.Articles.get(slug) });
+      loadArticle({ [slug]: () => agent.Articles.get(slug) });
     },
     async makeFavorite(slug) {
       const article = state.articles[slug];

src/store/createArticles.js

@@ -19,7 +19,7 @@ export default function createAuth(agent, store, loadState, setState) {
     },
     pullUser() {
       let p;
-      loadState({ currentUser: (p = agent.Auth.current()) });
+      loadState({ currentUser: () => (p = agent.Auth.current()) });
       return p;
     },
     async updateUser(newUser) {

src/store/createAuth.js

@@ -8,7 +8,7 @@ export default function createComments(agent, store, loadState, setState) {
       if (state.articleSlug !== articleSlug) {
         setState({ articleSlug });
       }
-      loadState({ comments: agent.Comments.forArticle(articleSlug) });
+      loadState({ comments: () => agent.Comments.forArticle(articleSlug) });
     },
     async createComment(comment) {
       const { errors } = await agent.Comments.create(state.articleSlug, comment);

src/store/createComments.js

@@ -3,7 +3,7 @@ import { createEffect } from "solid-js";
 export default function createCommon(agent, store, loadState, setState) {
   const [state, actions] = store;
   loadState({
-    tags: agent.Tags.getAll().then(tags => tags.map(t => t.toLowerCase()))
+    tags: () => agent.Tags.getAll().then(tags => tags.map(t => t.toLowerCase()))
   });
   createEffect(() => {
     state.token ? localStorage.setItem("jwt", state.token) : localStorage.removeItem("jwt");

src/store/createCommon.js

@@ -3,7 +3,7 @@ export default function createProfile(agent, store, loadState, setState) {
   store[1] = {
     ...actions,
     loadProfile(username) {
-      loadState({ profile: agent.Profile.get(username) });
+      loadState({ profile: () => agent.Profile.get(username) });
     },
     async follow() {
       if (state.profile && !state.profile.following) {