Add images and Tables to Blog Posts (nmelhado#146)

* TODO: support tables and header formatting, revise comments

* TODO: support tables and headers, add warning about new env variable

* added tables, TODO: revise READMEs and add warnings

* revise READMEs TODO: add warnings

* upgrade sveltekit -- BREAKING

* fix roster order bug

* remove timeouts, upgrade last API endpoints

* add blog console log if missing new ENV variable

* enable SSR

* fix manager link

* fix other manager link

Author: nmelhado

.gitignore

@@ -1,8 +1,10 @@
 .DS_Store
 node_modules
 /.svelte-kit
+/.vercel
 /package
 .env
 static/smui-dark.css
 static/smui.css
 build
+.vercel_build_output

CHANGELOG.md

@@ -2,6 +2,21 @@
 
 All notable changes to this project will be documented in this file.
 
+## [2.0.0] - 2022-09-18
+
+### Changed
+
+- Upgraded Vite and SvelteKit [(issue #149)](https://github.com/nmelhado/league-page/issues/149)
+    - **This may be a breaking change. It required a very significant rewrite**
+
+### Fixed
+
+- Blog being anabled crashing pages [(issue #141)](https://github.com/nmelhado/league-page/issues/141)
+- Support images and tables in blogs [(issue #140)](https://github.com/nmelhado/league-page/issues/140)
+    - **This is a breaking change for previous blog integrations as it now requires an additional API key!!**
+    - Follow the README or [TRAINING_WHEELS](https://github.com/nmelhado/league-page/blob/master/TRAINING_WHEELS.md#iii-add-a-blog) guide to add the additional key and re-enable your blog
+- Roster ID mismatch [(issue #155)](https://github.com/nmelhado/league-page/issues/155)
+
 ## [1.3.4] - 2022-07-09
 
 ### Fixed

README.md

@@ -82,6 +82,9 @@ Generate a custom league page for your Sleeper fantasy football league in just a
     - For local development add a `.env` file to the root of your project and add the following variables
         - `VITE_CONTENTFUL_ACCESS_TOKEN` with the corresponding value obtained from contenful
         - `VITE_CONTENTFUL_SPACE` with your space ID, obtained from contenful
+    - Create a Content Delivery / Preview API key
+    - For local development add the following variable to your `.env` file
+        - `VITE_CONTENTFUL_CLIENT_ACCESS_TOKEN` with the `Content Delivery API - access token` from contenful
     - To add the variables for production, go to your project settings and add the corresponding keys (using the same names as above) to the environment variables section
     - For more detailed instructions, follow the [Training Wheels blog instructions](https://github.com/nmelhado/league-page/blob/master/TRAINING_WHEELS.md#iii-add-a-blog)
     - Finally, set `enableBlog` to true in `src/lib/utils/leagueInfo.js`

TRAINING_WHEELS.md

@@ -192,19 +192,25 @@ Generate a custom league page for your Sleeper fantasy football league in just a
     ![Space ID](https://storage.googleapis.com/nfl-player-data/getSpaceID.jpg)
     - Create a Content Management API key and copy down the value
     ![API key settings](https://storage.googleapis.com/nfl-player-data/apiKeySettings.jpg)
-    ![add API key](https://storage.googleapis.com/nfl-player-data/addApiKey.jpg)
+    ![add Content Management API key](https://storage.googleapis.com/nfl-player-data/addApiKey.jpg)
     ![API key](https://storage.googleapis.com/nfl-player-data/generatePersonalToken.jpg)
     ![API key](https://storage.googleapis.com/nfl-player-data/generate.jpg)
     ![API key](https://storage.googleapis.com/nfl-player-data/copyPersonalToken.jpg)
+    - Create a Content Delivery / Preview API key and copy down the `Content Delivery API - access token` value
+    ![API key settings](https://storage.googleapis.com/nfl-player-data/apiKeySettings.jpg)
+    ![add Content Delivery / Preview API API key](https://storage.googleapis.com/nfl-player-data/content-delivery-step-1-min.jpg)
+    ![Copy](https://storage.googleapis.com/nfl-player-data/content-delivery-step-2-min.jpg)
     - Now, go back to Vercel go to your project settings
     ![project settings](https://storage.googleapis.com/nfl-player-data/projectSettings.jpg)
     - Go to the environment variables section
     ![environment variables](https://storage.googleapis.com/nfl-player-data/envVariables.jpg)
     - Add the values using the following names
         - name: `VITE_CONTENTFUL_SPACE` value: `Space ID (from contentful)`
         - name: `VITE_CONTENTFUL_ACCESS_TOKEN` value: `Content Management API - access token (from contentful)`
+        - name: `VITE_CONTENTFUL_CLIENT_ACCESS_TOKEN` value: `Content Delivery API - access token (from contentful)`
     ![contentful space](https://storage.googleapis.com/nfl-player-data/contentfulSpace.jpg)
     ![contentful API token](https://storage.googleapis.com/nfl-player-data/contentfulAPIKey.jpg)
+    ![contentful delivery API token](https://storage.googleapis.com/nfl-player-data/vercel%20step%203-min.jpg)
     - Go back to GitHub and scroll back up to the top of `/src/lib/utils/leagueInfo.js`
     - Click the edit button and set `enableBlog` to true
     - Scroll down and click `Commit changes`
@@ -236,6 +242,7 @@ Generate a custom league page for your Sleeper fantasy football league in just a
 ## V. Wrapping up
 
 - That's it. You've built out your own league website!
+- If you want to replace the league page logo with your league's own logo, replece `static/badge.png` with your own 120px x 120px png file (using the same name)
 - If  you want to delve further, you can also edit your league constitution page `/src/routes/constitution/index.svelte`
     - This page is primarily HTML, so you can edit this in a similar way to how you edited the homepage
 - If you and your league like League Page, please consider <b><a href="https://www.buymeacoffee.com/nmelhado" target="_blank">donating</a></b> (and encouraging your league-mates to too!)