Danny Blue deebloo

👋

Hello!

Trying to make computers do thing as a Principal Software Engineer at @Noctua-Technology

deebloo / property-validators.ts

Created August 23, 2020 17:37

	import { component, property, JoistElement } from '@joist/component';

	function isString(val: unknown) {
	if (typeof val === 'string') {
	return null;
	}

	return { message: 'error' };
	}

deebloo / component-state-async.ts

Last active August 23, 2020 23:24

	import { component, State, JoistElement, get } from '@joist/component';
	import { template, html } from '@joist/component/lit-html';

	@component<number>({
	tagName: 'my-counter',
	state: 'Hello',
	render: template(({ state }) => html`${state}`)
	})
	class MyCounterElement extends JoistElement {
	@get(State)

deebloo / element-styles.ts

Last active August 23, 2020 17:31

	import { component, JoistElement } from '@joist/component';
	import { template, html } from '@joist/component/lit-html';

	@component({
	tagName: 'app-root',
	shadowDom: 'open',
	state: {
	title: 'Hello World'
	},
	styles: [`

deebloo / joist-handler-example.ts

Last active August 30, 2020 00:39

	import { component, State, handle, JoistElement, get } from '@joist/component';
	import { template, html } from '@joist/component/lit-html';

	@component<number>({
	tagName: 'app-root',
	state: 0,
	render: template(({ state, run }) => {
	return html`
	<button @click=${run('dec')}>-</button>
	<span>${state}</span>

deebloo / joist-property-example.ts

Last active August 30, 2020 00:41

	import { component, State, JoistElement, property, get, PropChange } from '@joist/component';

	@component({
	tagName: 'app-root',
	state: ''
	})
	class AppElement extends JoistElement {
	@get(State)
	private state!: State<string>;

deebloo / joist-state-example.ts

Last active August 6, 2020 16:17

	import { component, State, JoistElement, get } from '@joist/component';
	import { template, html } from '@joist/component/lit-html'

	@component<number>({
	tagName: 'my-counter',
	state: 0,
	render: template(({ state }) => html`${state}`)
	})
	class MyCounterElement extends JoistElement {
	@get(State)

deebloo / joist-di-example.ts

Created August 6, 2020 14:56

	import { component, JoistElement, get } from '@joist/component';
	import { service, inject } from '@joist/di'

	@service()
	class FooService {
	sayHello() {
	return 'Hello World';
	}
	}

deebloo / my.element.ts

Last active August 25, 2020 20:52

	import { component, JoistElement } from '@joist/component';
	import { template, html } from '@joist/component/lit-html';

	@component({
	tagName: 'my-element',
	state: {
	title: 'Hello World'
	},
	render: template(({ state }) => {
	return html`<h1>${state.title}</h1>`

deebloo / custom-element-arguments-1.html

Last active March 17, 2020 20:22

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<title>My Element</title>
	</head>

	<body>
	<script type="module">
	import { html, render } from 'https://unpkg.com/lit-html?module';

deebloo / custom-element-arguments-0.html

Last active March 17, 2020 20:02

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<title>My Element</title>
	</head>

	<body>
	<script type="module">
	import { html, render } from 'https://unpkg.com/lit-html?module';