Prep for beta.5

This commit is contained in:
Ben Croker 2025-02-09 17:29:43 -06:00
parent afa40c83aa
commit 31b0c51a76
No known key found for this signature in database
GPG Key ID: 09D799816F1CF332
31 changed files with 37 additions and 40 deletions

View File

@ -1,5 +1,11 @@
# WIP Release Notes for Datastar # WIP Release Notes for Datastar
## v1.0.0-beta.5
### Fixed
- Fixed a bug in Idiomorph version 0.5.0 (pre-release).
## v1.0.0-beta.4 ## v1.0.0-beta.4
In this release we tuned the engine, added the ability to react to specific signal changes, and added some new modifiers. Idiomorph got an upgrade, and a few bugs were squashed. In this release we tuned the engine, added the ability to react to specific signal changes, and added some new modifiers. Idiomorph got an upgrade, and a few bugs were squashed.

View File

@ -13,7 +13,7 @@ Datastar helps you build reactive web applications with the simplicity of server
Getting started is as easy as adding a single 14.4 KiB script tag to your HTML. Getting started is as easy as adding a single 14.4 KiB script tag to your HTML.
```html ```html
<script type="module" src="https://cdn.jsdelivr.net/gh/starfederation/datastar@v1.0.0-beta.4/bundles/datastar.js"></script> <script type="module" src="https://cdn.jsdelivr.net/gh/starfederation/datastar@v1.0.0-beta.5/bundles/datastar.js"></script>
``` ```
Then start adding frontend reactivity using declarative <code>data-*</code> attributes. Then start adding frontend reactivity using declarative <code>data-*</code> attributes.
@ -46,7 +46,7 @@ You can manually add your own plugins to the core:
<script type="importmap"> <script type="importmap">
{ {
"imports": { "imports": {
"datastar": "https://cdn.jsdelivr.net/gh/starfederation/datastar@v1.0.0-beta.3/bundles/datastar.js" "datastar": "https://cdn.jsdelivr.net/gh/starfederation/datastar@v1.0.0-beta.5/bundles/datastar.js"
} }
} }
</script> </script>

View File

@ -1 +1 @@
1.0.0-beta.4 1.0.0-beta.5

View File

@ -50,7 +50,7 @@ You can manually add your own plugins to the core:
<script type="importmap"> <script type="importmap">
{ {
"imports": { "imports": {
"datastar": "https://cdn.jsdelivr.net/gh/starfederation/datastar@v1.0.0-beta.3/bundles/datastar.js" "datastar": "https://cdn.jsdelivr.net/gh/starfederation/datastar@v{%s data.Version %}/bundles/datastar.js"
} }
} }
</script> </script>

View File

@ -21,7 +21,7 @@
<head> <head>
<title>Datastar SDK Demo</title> <title>Datastar SDK Demo</title>
<script src="https://unpkg.com/@tailwindcss/browser@4"></script> <script src="https://unpkg.com/@tailwindcss/browser@4"></script>
<script type="module" src="https://cdn.jsdelivr.net/gh/starfederation/datastar@v1.0.0-beta.3/bundles/datastar.js"></script> <script type="module" src="https://cdn.jsdelivr.net/gh/starfederation/datastar@v{%s data.Version %}/bundles/datastar.js"></script>
</head> </head>
<body class="bg-white dark:bg-gray-900 text-lg max-w-xl mx-auto my-16"> <body class="bg-white dark:bg-gray-900 text-lg max-w-xl mx-auto my-16">
<div data-signals-delay="400" class="bg-white dark:bg-gray-800 text-gray-500 dark:text-gray-400 rounded-lg px-6 py-8 ring shadow-xl ring-gray-900/5 space-y-2"> <div data-signals-delay="400" class="bg-white dark:bg-gray-800 text-gray-500 dark:text-gray-400 rounded-lg px-6 py-8 ring shadow-xl ring-gray-900/5 space-y-2">

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -5,7 +5,7 @@
<head> <head>
<title>Datastar SDK Demo</title> <title>Datastar SDK Demo</title>
<script src="https://unpkg.com/@tailwindcss/browser@4"></script> <script src="https://unpkg.com/@tailwindcss/browser@4"></script>
<script type="module" src="https://cdn.jsdelivr.net/gh/starfederation/datastar@v1.0.0-beta.3/bundles/datastar.js"></script> <script type="module" src="https://cdn.jsdelivr.net/gh/starfederation/datastar@v1.0.0-beta.5/bundles/datastar.js"></script>
</head> </head>
<body class="bg-white dark:bg-gray-900 text-lg max-w-xl mx-auto my-16"> <body class="bg-white dark:bg-gray-900 text-lg max-w-xl mx-auto my-16">
<div data-signals-delay="400" class="bg-white dark:bg-gray-800 text-gray-500 dark:text-gray-400 rounded-lg px-6 py-8 ring shadow-xl ring-gray-900/5 space-y-2"> <div data-signals-delay="400" class="bg-white dark:bg-gray-800 text-gray-500 dark:text-gray-400 rounded-lg px-6 py-8 ring shadow-xl ring-gray-900/5 space-y-2">

View File

@ -5,7 +5,7 @@
<head> <head>
<title>Datastar SDK Demo</title> <title>Datastar SDK Demo</title>
<script src="https://unpkg.com/@tailwindcss/browser@4"></script> <script src="https://unpkg.com/@tailwindcss/browser@4"></script>
<script type="module" src="https://cdn.jsdelivr.net/gh/starfederation/datastar@v1.0.0-beta.3/bundles/datastar.js"></script> <script type="module" src="https://cdn.jsdelivr.net/gh/starfederation/datastar@v1.0.0-beta.5/bundles/datastar.js"></script>
</head> </head>
<body class="bg-white dark:bg-gray-900 text-lg max-w-xl mx-auto my-16"> <body class="bg-white dark:bg-gray-900 text-lg max-w-xl mx-auto my-16">
<div data-signals-delay="400" class="bg-white dark:bg-gray-800 text-gray-500 dark:text-gray-400 rounded-lg px-6 py-8 ring shadow-xl ring-gray-900/5 space-y-2"> <div data-signals-delay="400" class="bg-white dark:bg-gray-800 text-gray-500 dark:text-gray-400 rounded-lg px-6 py-8 ring shadow-xl ring-gray-900/5 space-y-2">

View File

@ -5,7 +5,7 @@
<head> <head>
<title>Datastar SDK Demo</title> <title>Datastar SDK Demo</title>
<script src="https://unpkg.com/@tailwindcss/browser@4"></script> <script src="https://unpkg.com/@tailwindcss/browser@4"></script>
<script type="module" src="https://cdn.jsdelivr.net/gh/starfederation/datastar@v1.0.0-beta.3/bundles/datastar.js"></script> <script type="module" src="https://cdn.jsdelivr.net/gh/starfederation/datastar@v1.0.0-beta.5/bundles/datastar.js"></script>
</head> </head>
<body class="bg-white dark:bg-gray-900 text-lg max-w-xl mx-auto my-16"> <body class="bg-white dark:bg-gray-900 text-lg max-w-xl mx-auto my-16">
<div data-signals-delay="400" class="bg-white dark:bg-gray-800 text-gray-500 dark:text-gray-400 rounded-lg px-6 py-8 ring shadow-xl ring-gray-900/5 space-y-2"> <div data-signals-delay="400" class="bg-white dark:bg-gray-800 text-gray-500 dark:text-gray-400 rounded-lg px-6 py-8 ring shadow-xl ring-gray-900/5 space-y-2">

View File

@ -5,7 +5,7 @@
<head> <head>
<title>Datastar SDK Demo</title> <title>Datastar SDK Demo</title>
<script src="https://unpkg.com/@tailwindcss/browser@4"></script> <script src="https://unpkg.com/@tailwindcss/browser@4"></script>
<script type="module" src="https://cdn.jsdelivr.net/gh/starfederation/datastar@v1.0.0-beta.3/bundles/datastar.js"></script> <script type="module" src="https://cdn.jsdelivr.net/gh/starfederation/datastar@v1.0.0-beta.5/bundles/datastar.js"></script>
</head> </head>
<body class="bg-white dark:bg-gray-900 text-lg max-w-xl mx-auto my-16"> <body class="bg-white dark:bg-gray-900 text-lg max-w-xl mx-auto my-16">
<div data-signals-delay="400" class="bg-white dark:bg-gray-800 text-gray-500 dark:text-gray-400 rounded-lg px-6 py-8 ring shadow-xl ring-gray-900/5 space-y-2"> <div data-signals-delay="400" class="bg-white dark:bg-gray-800 text-gray-500 dark:text-gray-400 rounded-lg px-6 py-8 ring shadow-xl ring-gray-900/5 space-y-2">

View File

@ -5,7 +5,7 @@
<head> <head>
<title>Datastar SDK Demo</title> <title>Datastar SDK Demo</title>
<script src="https://unpkg.com/@tailwindcss/browser@4"></script> <script src="https://unpkg.com/@tailwindcss/browser@4"></script>
<script type="module" src="https://cdn.jsdelivr.net/gh/starfederation/datastar@v1.0.0-beta.3/bundles/datastar.js"></script> <script type="module" src="https://cdn.jsdelivr.net/gh/starfederation/datastar@v1.0.0-beta.5/bundles/datastar.js"></script>
</head> </head>
<body class="bg-white dark:bg-gray-900 text-lg max-w-xl mx-auto my-16"> <body class="bg-white dark:bg-gray-900 text-lg max-w-xl mx-auto my-16">
<div data-signals-delay="400" class="bg-white dark:bg-gray-800 text-gray-500 dark:text-gray-400 rounded-lg px-6 py-8 ring shadow-xl ring-gray-900/5 space-y-2"> <div data-signals-delay="400" class="bg-white dark:bg-gray-800 text-gray-500 dark:text-gray-400 rounded-lg px-6 py-8 ring shadow-xl ring-gray-900/5 space-y-2">

View File

@ -5,7 +5,7 @@
<head> <head>
<title>Datastar SDK Demo</title> <title>Datastar SDK Demo</title>
<script src="https://unpkg.com/@tailwindcss/browser@4"></script> <script src="https://unpkg.com/@tailwindcss/browser@4"></script>
<script type="module" src="https://cdn.jsdelivr.net/gh/starfederation/datastar@v1.0.0-beta.3/bundles/datastar.js"></script> <script type="module" src="https://cdn.jsdelivr.net/gh/starfederation/datastar@v1.0.0-beta.5/bundles/datastar.js"></script>
</head> </head>
<body class="bg-white dark:bg-gray-900 text-lg max-w-xl mx-auto my-16"> <body class="bg-white dark:bg-gray-900 text-lg max-w-xl mx-auto my-16">
<div data-signals-delay="400" class="bg-white dark:bg-gray-800 text-gray-500 dark:text-gray-400 rounded-lg px-6 py-8 ring shadow-xl ring-gray-900/5 space-y-2"> <div data-signals-delay="400" class="bg-white dark:bg-gray-800 text-gray-500 dark:text-gray-400 rounded-lg px-6 py-8 ring shadow-xl ring-gray-900/5 space-y-2">

View File

@ -5,7 +5,7 @@
<head> <head>
<title>Datastar SDK Demo</title> <title>Datastar SDK Demo</title>
<script src="https://unpkg.com/@tailwindcss/browser@4"></script> <script src="https://unpkg.com/@tailwindcss/browser@4"></script>
<script type="module" src="https://cdn.jsdelivr.net/gh/starfederation/datastar@v1.0.0-beta.3/bundles/datastar.js"></script> <script type="module" src="https://cdn.jsdelivr.net/gh/starfederation/datastar@v1.0.0-beta.5/bundles/datastar.js"></script>
</head> </head>
<body class="bg-white dark:bg-gray-900 text-lg max-w-xl mx-auto my-16"> <body class="bg-white dark:bg-gray-900 text-lg max-w-xl mx-auto my-16">
<div data-signals-delay="400" class="bg-white dark:bg-gray-800 text-gray-500 dark:text-gray-400 rounded-lg px-6 py-8 ring shadow-xl ring-gray-900/5 space-y-2"> <div data-signals-delay="400" class="bg-white dark:bg-gray-800 text-gray-500 dark:text-gray-400 rounded-lg px-6 py-8 ring shadow-xl ring-gray-900/5 space-y-2">

View File

@ -5,7 +5,7 @@
<head> <head>
<title>Datastar SDK Demo</title> <title>Datastar SDK Demo</title>
<script src="https://unpkg.com/@tailwindcss/browser@4"></script> <script src="https://unpkg.com/@tailwindcss/browser@4"></script>
<script type="module" src="https://cdn.jsdelivr.net/gh/starfederation/datastar@v1.0.0-beta.3/bundles/datastar.js"></script> <script type="module" src="https://cdn.jsdelivr.net/gh/starfederation/datastar@v1.0.0-beta.5/bundles/datastar.js"></script>
</head> </head>
<body class="bg-white dark:bg-gray-900 text-lg max-w-xl mx-auto my-16"> <body class="bg-white dark:bg-gray-900 text-lg max-w-xl mx-auto my-16">
<div data-signals-delay="400" class="bg-white dark:bg-gray-800 text-gray-500 dark:text-gray-400 rounded-lg px-6 py-8 ring shadow-xl ring-gray-900/5 space-y-2"> <div data-signals-delay="400" class="bg-white dark:bg-gray-800 text-gray-500 dark:text-gray-400 rounded-lg px-6 py-8 ring shadow-xl ring-gray-900/5 space-y-2">

View File

@ -5,7 +5,7 @@
<head> <head>
<title>Datastar SDK Demo</title> <title>Datastar SDK Demo</title>
<script src="https://unpkg.com/@tailwindcss/browser@4"></script> <script src="https://unpkg.com/@tailwindcss/browser@4"></script>
<script type="module" src="https://cdn.jsdelivr.net/gh/starfederation/datastar@v1.0.0-beta.3/bundles/datastar.js"></script> <script type="module" src="https://cdn.jsdelivr.net/gh/starfederation/datastar@v1.0.0-beta.5/bundles/datastar.js"></script>
</head> </head>
<body class="bg-white dark:bg-gray-900 text-lg max-w-xl mx-auto my-16"> <body class="bg-white dark:bg-gray-900 text-lg max-w-xl mx-auto my-16">
<div data-signals-delay="400" class="bg-white dark:bg-gray-800 text-gray-500 dark:text-gray-400 rounded-lg px-6 py-8 ring shadow-xl ring-gray-900/5 space-y-2"> <div data-signals-delay="400" class="bg-white dark:bg-gray-800 text-gray-500 dark:text-gray-400 rounded-lg px-6 py-8 ring shadow-xl ring-gray-900/5 space-y-2">

View File

@ -13,7 +13,7 @@ Datastar helps you build reactive web applications with the simplicity of server
Getting started is as easy as adding a single 14.4 KiB script tag to your HTML. Getting started is as easy as adding a single 14.4 KiB script tag to your HTML.
```html ```html
<script type="module" src="https://cdn.jsdelivr.net/gh/starfederation/datastar@v1.0.0-beta.4/bundles/datastar.js"></script> <script type="module" src="https://cdn.jsdelivr.net/gh/starfederation/datastar@v1.0.0-beta.5/bundles/datastar.js"></script>
``` ```
Then start adding frontend reactivity using declarative <code>data-*</code> attributes. Then start adding frontend reactivity using declarative <code>data-*</code> attributes.
@ -46,7 +46,7 @@ You can manually add your own plugins to the core:
<script type="importmap"> <script type="importmap">
{ {
"imports": { "imports": {
"datastar": "https://cdn.jsdelivr.net/gh/starfederation/datastar@v1.0.0-beta.3/bundles/datastar.js" "datastar": "https://cdn.jsdelivr.net/gh/starfederation/datastar@v1.0.0-beta.5/bundles/datastar.js"
} }
} }
</script> </script>

View File

@ -2,7 +2,7 @@
"name": "@starfederation/datastar", "name": "@starfederation/datastar",
"author": "Delaney Gillilan", "author": "Delaney Gillilan",
"description": "The hypermedia framework.", "description": "The hypermedia framework.",
"version": "1.0.0-beta.4", "version": "1.0.0-beta.5",
"license": "MIT", "license": "MIT",
"private": false, "private": false,
"homepage": "https://data-star.dev", "homepage": "https://data-star.dev",

View File

@ -5,7 +5,7 @@
(def datastar-key "datastar") (def datastar-key "datastar")
(def version "1.0.0-beta.4") (def version "1.0.0-beta.5")
;; ----------------------------------------------------------------------------- ;; -----------------------------------------------------------------------------

View File

@ -5,13 +5,6 @@ Real-time Hypermedia first Library and Framework for dotnet
# HTML Frontend # HTML Frontend
```html ```html
<html lang="en">
<head>
<script type="module"
src="https://cdn.jsdelivr.net/gh/starfederation/datastar@1.0.0-beta.4/bundles/datastar.js"></script>
<title>D* Demo</title>
</head>
<body>
<main class="container" id="main" data-signals="{'input':'','output':'what'}"> <main class="container" id="main" data-signals="{'input':'','output':'what'}">
<button data-on-click="@get('/displayDate')">Display Date</button> <button data-on-click="@get('/displayDate')">Display Date</button>
<div id="target"></div> <div id="target"></div>
@ -19,8 +12,6 @@ Real-time Hypermedia first Library and Framework for dotnet
<span data-text-output></span> <span data-text-output></span>
<button data-on-click="@post('/changeOutput')">Change Output</button> <button data-on-click="@post('/changeOutput')">Change Output</button>
</main> </main>
</body>
</html>
``` ```
# C# Backend # C# Backend

View File

@ -37,7 +37,7 @@ type EventType =
module Consts = module Consts =
let [<Literal>] DatastarKey = "datastar" let [<Literal>] DatastarKey = "datastar"
let [<Literal>] Version = "1.0.0-beta.4" let [<Literal>] Version = "1.0.0-beta.5"
/// Default: TimeSpan.FromMilliseconds 300 /// Default: TimeSpan.FromMilliseconds 300
let DefaultFragmentsSettleDuration = TimeSpan.FromMilliseconds 300 let DefaultFragmentsSettleDuration = TimeSpan.FromMilliseconds 300

2
sdk/go/consts.go generated
View File

@ -6,7 +6,7 @@ import "time"
const ( const (
DatastarKey = "datastar" DatastarKey = "datastar"
Version = "1.0.0-beta.4" Version = "1.0.0-beta.5"
VersionClientByteSize = 39808 VersionClientByteSize = 39808
VersionClientByteSizeGzip = 14753 VersionClientByteSizeGzip = 14753

View File

@ -7,7 +7,7 @@ import starfederation.datastar.enums.FragmentMergeMode;
*/ */
public final class Consts { public final class Consts {
public static final String DATASTAR_KEY = "datastar"; public static final String DATASTAR_KEY = "datastar";
public static final String VERSION = "1.0.0-beta.4"; public static final String VERSION = "1.0.0-beta.5";
// The default duration for settling during fragment merges. Allows for CSS transitions to complete. // The default duration for settling during fragment merges. Allows for CSS transitions to complete.
public static final int DEFAULT_FRAGMENTS_SETTLE_DURATION = 300; public static final int DEFAULT_FRAGMENTS_SETTLE_DURATION = 300;

View File

@ -10,7 +10,7 @@ use starfederation\datastar\enums\FragmentMergeMode;
class Consts class Consts
{ {
public const DATASTAR_KEY = 'datastar'; public const DATASTAR_KEY = 'datastar';
public const VERSION = '1.0.0-beta.4'; public const VERSION = '1.0.0-beta.5';
// The default duration for settling during fragment merges. Allows for CSS transitions to complete. // The default duration for settling during fragment merges. Allows for CSS transitions to complete.
public const DEFAULT_FRAGMENTS_SETTLE_DURATION = 300; public const DEFAULT_FRAGMENTS_SETTLE_DURATION = 300;

View File

@ -51,7 +51,7 @@ class EventType(StrEnum):
#endregion Enums #endregion Enums
DATASTAR_KEY = "datastar" DATASTAR_KEY = "datastar"
VERSION = "1.0.0-beta.4" VERSION = "1.0.0-beta.5"
#region Default durations #region Default durations

View File

@ -4,7 +4,7 @@
module Datastar module Datastar
module Consts module Consts
DATASTAR_KEY = 'datastar' DATASTAR_KEY = 'datastar'
VERSION = '1.0.0-beta.4' VERSION = '1.0.0-beta.5'
# The default duration for settling during fragment merges. Allows for CSS transitions to complete. # The default duration for settling during fragment merges. Allows for CSS transitions to complete.
DEFAULT_FRAGMENTS_SETTLE_DURATION = 300 DEFAULT_FRAGMENTS_SETTLE_DURATION = 300

View File

@ -1,7 +1,7 @@
// This is auto-generated by Datastar. DO NOT EDIT. // This is auto-generated by Datastar. DO NOT EDIT.
pub const _DATASTAR_KEY: &str = "datastar"; pub const _DATASTAR_KEY: &str = "datastar";
pub const _VERSION: &str = "1.0.0-beta.4"; pub const _VERSION: &str = "1.0.0-beta.5";
// #region Defaults // #region Defaults

View File

@ -2,7 +2,7 @@
export const DATASTAR = "datastar" as const; export const DATASTAR = "datastar" as const;
export const DATASTAR_REQUEST = "Datastar-Request"; export const DATASTAR_REQUEST = "Datastar-Request";
export const VERSION = "1.0.0-beta.4"; export const VERSION = "1.0.0-beta.5";
// #region Defaults // #region Defaults

View File

@ -3,7 +3,7 @@
const std = @import("std"); const std = @import("std");
pub const datastar_key = "datastar"; pub const datastar_key = "datastar";
pub const version = "1.0.0-beta.4"; pub const version = "1.0.0-beta.5";
// #region Defaults // #region Defaults

View File

@ -19,7 +19,7 @@ With Datastar, you can build any UI that a full-stack framework like React, Vue.
The quickest way to use Datastar is to include it in your HTML using a script tag hosted on a CDN. The quickest way to use Datastar is to include it in your HTML using a script tag hosted on a CDN.
```html ```html
<script type="module" src="https://cdn.jsdelivr.net/gh/starfederation/datastar@v1.0.0-beta.4/bundles/datastar.js"></script> <script type="module" src="https://cdn.jsdelivr.net/gh/starfederation/datastar@v1.0.0-beta.5/bundles/datastar.js"></script>
``` ```
If you prefer to host the file yourself, download your own bundle using the [bundler](/bundler), then include it from the appropriate path. If you prefer to host the file yourself, download your own bundle using the [bundler](/bundler), then include it from the appropriate path.