#hyperbook — Public Fediverse posts

RE: https://fosstodon.org/@openpatch/116967879718457560

Mit dem neuen #hyperbook Release kommt auch mein neuer Lernpfad zum Programmieren mit Python. Alles interaktiv und direkt im Browser bearbeitbar.

Bisher haben wir mit TigerJython gearbeitet, daher lehnt sich der Lernpfad noch stark an das alte Material an.

Beim Einsatz im nächsten Schuljahr werde ich sicher noch das ein oder andere Kapitel überarbeiten.

https://informatik.openpatch.org/mittelstufe/python/einfuehrung-mit-turtle/

#informatik #FediLZ

#hyperbook v0.100.0 got released:

- turtle module autocompletion in pyide, with full function signatures
- turtle gained missing functions: mainloop, tracer, stamps, onkey/onclick, textinput, and more
- input() no longer freezes the page while a script waits
- Smarter dev rebuilds: saving a file rebuilds only the pages that use it
- Turtle bugfixes: fill actually fills, pen settings no longer reset on read

https://hyperbook.openpatch.org/changelog

#Python #OpenSource #EdTech

#hyperbook v0.98.0 got released:

The #OpenSCAD element got a nice upgrade. It now shows a gizmo and an infinite plane.

https://hyperbook.openpatch.org/elements/openscad

#hyperbook v0.97.0 got released:

You can now use binary files in the #openscad element, just like in the #typst element.

Also #openscad is updated to version: 2026-06-08.

Here is the documentation for this feature: https://hyperbook.openpatch.org/elements/openscad#load-binary-files-into-the-openscad-filesystem

Here is an example from @mikebarkmin: https://www.barkmin.eu/3d-modelle/einkaufschip/

Some elements in #hyperbook, like the typst or pyide one, require loading of necessary files from a cdn. Therefore, we added warnings to the documentation.

In a future version the cdn will be configurable in the hyperbook.json so you could use your own.

For example: https://hyperbook.openpatch.org/elements/typst

Did you know that you can create turtle graphics in the pyide element?

Due to some browser limitations, is it not a full implementation of the turtle module of python, but the code from your #hyperbook is compatible with the python module and should look the same. 🙏

https://hyperbook.openpatch.org/elements/pyide#turtle

#python #pyodide #turtle #education

#hyperbook v0.94.0 introduced the #OpenSCAD element:

Drop in your .scad code and get an interactive 3D viewer inline. Great for documentation, tutorials, and teaching parametric modeling.

https://hyperbook.openpatch.org/elements/openscad

#3DPrinting #OpenSource #Education #EdTech

#hyperbook v0.91.0 released

This release brings some nice improvements to the built-in IDEs:
- Fullscreen mode is now polished across PyIDE, the Web IDE, Typst, and p5
- PyIDE now supports canvas rendering
- Graphical output lands in PyIDE

https://hyperbook.openpatch.org/elements/pyide

#opensource #education

Ich wollte schon immer in Scratch Blöcke ausblenden, sodass meine Schüler:innen sich am Anfang besser zurechtfinden können. Also habe ich das Scratch-Projekt geforkt und Blockflow entwickelt.

Hier ist Scratch ohne Sounds und nur mit Kontroll- und Bewegungsblöcken: https://blockflow.openpatch.org/editor.html?project=JTdCJTBBJTIwJTIwJTIydGl0bGUlMjIlM0ElMjAlMjJNeSUyMFByb2plY3QlMjIlMkMlMEElMjAlMjAlMjJ0b29sYm94JTIyJTNBJTIwJTdCJTBBJTIwJTIwJTIwJTIwJTIyY2F0ZWdvcmllcyUyMiUzQSUyMCU1QiUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMm1vdGlvbiUyMiUyQyUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMmNvbnRyb2wlMjIlMEElMjAlMjAlMjAlMjAlNUQlMEElMjAlMjAlN0QlMkMlMEElMjAlMjAlMjJ1aSUyMiUzQSUyMCU3QiUwQSUyMCUyMCUyMCUyMCUyMmFsbG93RXh0ZW5zaW9ucyUyMiUzQSUyMGZhbHNlJTJDJTBBJTIwJTIwJTIwJTIwJTIyc2hvd1NvdW5kc1RhYiUyMiUzQSUyMGZhbHNlJTBBJTIwJTIwJTdEJTBBJTdE

Alles ist frei konfigurierbar mit dem Generator: https://blockflow.openpatch.org/generator.html

Blockflow ist auch im #hyperbook integriert: https://hyperbook.openpatch.org/de/elements/blockflow

#FediLZ #informatik #InformatikEdu

Psst. Kleiner Hinweis auf mein neues Projekt. Vielleicht kannst du dir schon denken worum es geht. Mehr Infos gibt es, wenn alles im #hyperbook integriert ist.

https://blockflow.openpatch.org/generator.html

#FediLZ #informatik #InformatikEdu

#hyperbook v0.86.0 released 🚀

Welcome the new #struktolab* element — the successor to the former stuktog element.

It comes with built-in view and edit modes, making it easy to both present and create structograms directly inside your Hyperbook.

Learn more about it here:

https://hyperbook.openpatch.org/@/struktolab

#hyperbook v0.85.0 released:

We now show consent banners for YouTube and embed elements.

#hyperbook v0.83.0 got released:

The Online IDE includes a new compiler, and both the Online IDE and SQL IDE are now shipped as bundled local versions.

This moves the project closer to a state where the entire Hyperbook is fully owned and independent of external services, improving reliability and control over updates.

https://hyperbook.openpatch.org/elements/online-ide

#EdTech #FLOSS

#hyperbook v0.80.0 got released:

The Typst element now supports loading files other than images directly from your server.

```typst
#let data = csv("test.csv")
```

This loads the file directly from your server, making it incredibly powerful—and a very convenient way to build dynamic Typst documents inside your Hyperbook.

#typst

#hyperbook v0.79.0 got released:

- Typst now loads images and other assets from the server when using relative paths.
- Added debounce to Typst rendering to improve performance when typing quickly.

Documentation: https://hyperbook.openpatch.org/elements/typst

#typst

Did you know that anyone can embed a #learningmap on their website?
All you need is the Learningmap web component.

You’ll find step-by-step instructions on how to set it up in the documentation:

https://learningmap.openpatch.org/packages/web-component#full-viewer-example

P.S.: If you use #hyperbook everything is setup for you ;) https://hyperbook.openpatch.org/elements/learningmap

Did you know that creating a GeoGebra applet in #hyperbook is way easier than using geogebra.org — at least from a text-lover’s perspective 😅?

:::geogebra{perspective="G" height=400 width=700 coordsystem="-10,10,-2,8"}

a = Slider[-5,5]
SetCoords(a, 450, 370)
f_a(x) = x^2 * a + a * x

:::

Here you can find the hyperbook documentation: https://hyperbook.openpatch.org/elements/geogebra

Here you can find every Geogebra-command.
https://geogebra.github.io/docs/manual/en/commands/3D_Commands/

#geogebra

Did you know that you can embed #h5p content directly into a #hyperbook

Just place the .h5p file into your book folder and use the h5p element:

::h5p{src="/test.h5p"}

Learner progress is automatically saved in the Hyperbook store and restored after a page refresh.

Documentation: https://hyperbook.openpatch.org/elements/h5p

Did you know that a #hyperbook works without JavaScript?

Some advanced elements won’t work without it, of course — but the foundation of your hyperbook runs beautifully even with JavaScript turned off.

🛠 #hyperbook v0.77.x maintenance updates

A few small but important fixes to keep things smooth and polished

v0.77.5 – Normalized line-height in code blocks

v0.77.4 – Fixed empty pages appearing in prev/next navigation

v0.77.3 – Floating buttons are now hidden in standalone mode

v0.77.2 – Fixed wide layout styling and line-height

v0.77.1 – Emojis fixed (now updated manually for reliability)

🚀 #hyperbook v0.77.0 is out!

Navigation just got a big upgrade ✨

You now have a powerful new navigation field for pages and sections to control exactly how they appear in the sidebar — including hidden items, virtual sections, page-style sections (perfect for blogs), and sections that start expanded.

Plus: Breadcrumb navigation
Help readers understand where they are in your book with a clean breadcrumb trail, configurable globally or per page — even with emoji icons.

🚀 #hyperbook v0.76.0 is out!

Better interoperability with other docs tools ✨
You can now use title as an alternative to name in page and section frontmatter — making Hyperbook more compatible with tools like MkDocs.

🚀 #hyperbook v0.75.0 is out!

Snippets and templates just got more powerful ✨
This release adds three new Handlebars helpers for cleaner, more flexible content.

New helpers:

dateformat – format dates with custom patterns
truncate – cut text by character limit
truncateWords – cut text by word count

https://hyperbook.openpatch.org/elements/snippets

🚀 #hyperbook v0.74.0 is out!

The pagelist element just got a major upgrade ✨
You can now filter pages using a powerful query language.

What’s new:

Boolean logic with AND, OR, NOT and parentheses

Query any frontmatter field (e.g. tags, difficulty, custom fields)

Defined operator precedence (NOT > AND > OR)

New params: limit and orderBy for precise control

Perfect for building dynamic blog lists, feeds, and curated content.

See the documentation for more info: https://hyperbook.openpatch.org/elements/pagelist

🚀 #hyperbook v0.73.0 is out!

Write and preview Typst documents directly in Hyperbook ✨
With the new Typst directive you get an interactive editor with live preview and support for full multi-file projects.

- Syntax-highlighted editor with live preview
- Multi-file projects with tabs
- Upload images, fonts & assets
- Export to PDF or download as ZIP

Docs: https://hyperbook.openpatch.org/elements/typst

#hyperbook v0.72.2 is out 🚀

Sometimes you have to take a step back to move forward.

Hyperbook now includes a no-JavaScript mode. While this naturally limits some advanced features, it works perfectly for simple, content-focused books — even without JavaScript.

https://hyperbook.openpatch.org/changelog

#hyperbook v0.72.0 is out 🎉

🔗 Share content the way you want
Create clean, shareable links that show exactly the parts you want - perfect for lessons, explanations, or quick references.

Just press the share button, configure the URL, and copy it to your clipboard.

Here is an example - linking only to the part of the changelog for this version:

https://hyperbook.openpatch.org/changelog?standalone=true&sections=v0720

#hyperbook v0.62.0 is out!

Hyperbook now uses the new @learningmap/web-component package — bringing better integration and flexibility for interactive learning maps. 🧭

✨ Works best together with the brand-new #learningmap Editor.

https://www.learningmap.app/

#hyperbook v0.61.0 got released:

✨ New Page Layout Options:

Default: Standard layout

Wide: Full-width for tables, code, galleries

Standalone: Content-only, perfect for embeds

🧠 Auto iframe detection — switches to standalone mode automatically!

https://hyperbook.openpatch.org/advanced/layouts

#hyperbook v0.60.0 got released:

🚀 Hyperbook just got a little smarter!
When building your project, if there’s no favicon.ico but you’ve set a logo in hyperbook.json, Hyperbook will now automatically generate a complete set of favicons and PWA icons for you. ✨