Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Merged
merged 1 commit into from
Feb 7, 2025
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
8 changes: 8 additions & 0 deletions docs/whats-new.md
Original file line number Diff line number Diff line change
Expand Up @@ -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

Expand Down
28 changes: 28 additions & 0 deletions scripts/update-release-branch.sh
Original file line number Diff line number Diff line change
@@ -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 \;
21 changes: 9 additions & 12 deletions website/src/pages/index.jsx
Original file line number Diff line number Diff line change
Expand Up @@ -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>
);
}
5 changes: 4 additions & 1 deletion website/src/pages/showcase.jsx
Original file line number Diff line number Diff line change
Expand Up @@ -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>
Expand Down
Loading