whats new, fix home page text, and add update-release-branch.sh (#304)

docs/whats-new.md

@@ -17,6 +17,14 @@ In preparation for the 1.4 release, we made major upgrades to the tools that sup
 ### Fixed
 
 - [#286](https://github.com/visgl/hubble.gl/pull/286) Improved compatibility up to deck.gl 8.9, react 18.0, react-map-gl 7.1, and kepler.gl 3.1.
+- [#302](https://github.com/visgl/hubble.gl/pull/302) Fixed kepler.gl 3.1 integration
+  - fix(react) kepler layers should be visible
+  - fix(kepler) layers should update on every react render
+  - chore(kepler) component should configure which map to render
+  - change(kepler) switch png and jpeg encoder to use zip archives
+  - fix(kepler) filters should render enlarged filters using latest schema
+  - fix(kepler) all defined filters should render
+- [#298](https://github.com/visgl/hubble.gl/pull/298) Added missing exports to the main `hubble.gl` package.
 
 ### Changed
 

scripts/update-release-branch.sh

@@ -0,0 +1,28 @@
+#!/bin/sh
+# Example:
+# update-release-branch.sh 6.3
+
+set -e
+
+BRANCH=`echo "$1-release"`
+VERSION=`echo "$1.0"`
+
+echo "Updating branch to ${BRANCH}..."
+
+# Replace source links in docs and examples
+find docs -iname "*.md" -type f -exec sed -i '' -E "s/hubble.gl\/(tree|blob)\/(master|[0-9\.]+-release)/hubble.gl\/tree\/${BRANCH}/g" {} \;
+find examples -maxdepth 0 -iname "*.md" -type f -exec sed -i '' -E "s/hubble.gl\/(tree|blob)\/(master|[0-9\.]+-release)/hubble.gl\/tree\/${BRANCH}/g" {} \;
+find examples/*/src -iname "*.js" -type f -exec sed -i '' -E "s/hubble.gl\/(tree|blob)\/(master|[0-9\.]+-release)/hubble.gl\/tree\/${BRANCH}/g" {} \;
+
+# Bump dependencies in examples
+update_dep() {
+  FILE=$1
+  VERSION=$2
+  cat $FILE | jq ".dependencies |= . + \
+  with_entries(select(.key | match(\"@?hubble.gl\")) | .value |= \"^${VERSION}\")" > temp
+  mv temp $FILE
+}
+
+# https://stackoverflow.com/questions/4321456/find-exec-a-shell-function-in-linux
+export -f update_dep
+find examples/*/package.json -exec bash -c 'update_dep "$0" $1' {} $VERSION \;

website/src/pages/index.jsx

@@ -85,18 +85,15 @@ export default function IndexPage() {
   const baseUrl = useBaseUrl('/');
   return (
     <Layout title="Home" description="hubble.gl">
-      <Home theme="dark" HeroExample={HeroExample}>
-        <div style={{padding: "2rem", paddingLeft: "4rem"}}>
-          <TextContainer>
-            <h3>High Quality Video</h3>
-            <p>Ensured framerates, high resolutions, and a variety of formats. Fine tune animations with keyframe markers and easings.</p>
-            <h3>Easy Integration</h3>
-            <p>Stand up scenes within deck.gl or kepler.gl, then animate any aspect of it. Empower users to animate without code with UI components powered by this library.</p>
-            <h3>Client Side Library</h3>
-            <p>Render within the browser without a backend. User data never leaves their machine. Since nothing runs on a server, sites can scale without backend encoders.</p>
-          </TextContainer>
-        </div>
-      </Home>
+      <Home theme="dark" HeroExample={HeroExample} />
+      <TextContainer>
+        <h3>High Quality Video</h3>
+        <p>Ensured framerates, high resolutions, and a variety of formats. Fine tune animations with keyframe markers and easings.</p>
+        <h3>Easy Integration</h3>
+        <p>Stand up scenes within deck.gl or kepler.gl, then animate any aspect of it. Empower users to animate without code with UI components powered by this library.</p>
+        <h3>Client Side Library</h3>
+        <p>Render within the browser without a backend. User data never leaves their machine. Since nothing runs on a server, sites can scale without backend encoders.</p>
+      </TextContainer>
     </Layout>
   );
 }

website/src/pages/showcase.jsx

@@ -5,7 +5,10 @@ export default function Showcase() {
     return (
         <Layout title="Showcase" description="Animations built with hubble.gl">
             <div style={{padding: "64px 64px 0 64px"}}>
-                <h1 style={{marginTop: "64px"}}>Showcase</h1>
+                <h1>Showcase</h1>
+                <p style={{font: "normal 14px/20px 'Uber Move',Helvetica,Arial,sans-serif"}}>
+                    <i>Would you like us to feature your project? <a href="https://github.com/visgl/hubble.gl/issues">Let us know!</a></i>
+                </p>
                 <p style={{marginBottom: "48px", font: "normal 14px/20px 'Uber Move',Helvetica,Arial,sans-serif"}}>
                     These videos demonstrate polished animations made with hubble.gl and light post processing. Video editors and presentation software can be used to add text, dissolve between clips, and combine multiple renderings. Learn more about these techniques in the <a href="/docs/post-processing">post processing</a> guide.
                 </p>