Skip to content

Instantly share code, notes, and snippets.

View Vheissu's full-sized avatar
💭
SURFING THE INTERNET

Dwayne Vheissu

💭
SURFING THE INTERNET
View GitHub Profile
@Vheissu
Vheissu / aurelia-1-async-binding.ts
Created August 11, 2025 22:38
Aurelia 1 async binding behavior without dependencies
import { bindingBehavior } from "aurelia-framework";
import { Binding } from "aurelia-binding";
export interface AsyncAureliaBinding extends Binding {
originalupdateTarget(value: any): void;
_subscription?: { unsubscribe: () => void } | null;
}
export interface AsyncBindingBehaviorOptions {
catch?: ((err: any) => void) | any; // Promise rejection handler or literal fallback
@Vheissu
Vheissu / index.html
Created August 27, 2024 05:14
Value converters and signal bindings example
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Dumber Gist</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no">
<base href="/">
</head>
<!--
Dumber gist uses dumber bundler, the default bundle file
@Vheissu
Vheissu / index.html
Last active August 26, 2024 05:39
Dynamic component example with bi-directional value converters
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Dumber Gist</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no">
<base href="/">
</head>
<!--
Dumber gist uses dumber bundler, the default bundle file
@Vheissu
Vheissu / index.html
Last active August 26, 2024 05:36
Dynamic component example with value converters using object parameters
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Dumber Gist</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no">
<base href="/">
</head>
<!--
Dumber gist uses dumber bundler, the default bundle file
@Vheissu
Vheissu / index.html
Last active August 26, 2024 05:27
Dynamic component example with value converters using parameters and chaining
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Dumber Gist</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no">
<base href="/">
</head>
<!--
Dumber gist uses dumber bundler, the default bundle file
@Vheissu
Vheissu / index.html
Last active August 22, 2024 07:31
Dynamic component example with value converters using parameters
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Dumber Gist</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no">
<base href="/">
</head>
<!--
Dumber gist uses dumber bundler, the default bundle file
@Vheissu
Vheissu / index.html
Last active August 22, 2024 07:24
Dynamic component example with value converters
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Dumber Gist</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no">
<base href="/">
</head>
<!--
Dumber gist uses dumber bundler, the default bundle file
@Vheissu
Vheissu / index.html
Created August 22, 2024 05:42
Dynamic component example
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Dumber Gist</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no">
<base href="/">
</head>
<!--
Dumber gist uses dumber bundler, the default bundle file
@Vheissu
Vheissu / index.html
Created August 22, 2024 05:29
Simple binding example
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Dumber Gist</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no">
<base href="/">
</head>
<!--
Dumber gist uses dumber bundler, the default bundle file
<!doctype html>
<html>
<head>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
</head>
<body>
<div aurelia-app="src/configure">
Loading...