From 87ce6326e05a0713c4ea4d15c0c59bb79b36cc14 Mon Sep 17 00:00:00 2001
From: Chris Gervang <chris@gervang.com>
Date: Thu, 6 Feb 2025 17:32:23 -0800
Subject: [PATCH] whats new, fix home page text, and add
 update-release-branch.sh

---
 docs/whats-new.md                |  8 ++++++++
 scripts/update-release-branch.sh | 28 ++++++++++++++++++++++++++++
 website/src/pages/index.jsx      | 21 +++++++++------------
 website/src/pages/showcase.jsx   |  5 ++++-
 4 files changed, 49 insertions(+), 13 deletions(-)
 create mode 100755 scripts/update-release-branch.sh

diff --git a/docs/whats-new.md b/docs/whats-new.md
index f0d74c9f..5c47015f 100644
--- a/docs/whats-new.md
+++ b/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
 
diff --git a/scripts/update-release-branch.sh b/scripts/update-release-branch.sh
new file mode 100755
index 00000000..d5238bcf
--- /dev/null
+++ b/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 \;
diff --git a/website/src/pages/index.jsx b/website/src/pages/index.jsx
index 681b6db2..56fa7eb9 100644
--- a/website/src/pages/index.jsx
+++ b/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>
   );
 }
diff --git a/website/src/pages/showcase.jsx b/website/src/pages/showcase.jsx
index 09de9f03..a2158d12 100644
--- a/website/src/pages/showcase.jsx
+++ b/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>