Steve Kinney stevekinney

Here is a cool thing we can do in Svelte 5 with Runes. Let's say we make a little utility type like this:

type Holocene<T> = T extends { extends: keyof SvelteHTMLElements }
	? Omit<Partial<SvelteHTMLElements[T['extends']]>, keyof T> & Omit<T, 'extends'>
	: T;

Now, we can pass an extends key to the type we give to the props of a component and it will automatically inherit whatever HTML element we choose.

Electron, v3

You should install Electron Fiddle.

Repositories

Please clone and install the dependencies for the following respositories:

	import chalk from 'chalk';
	import getPort, { portNumbers } from 'get-port';

	export type TemporalServerOptions = {
	/** The port for the Temporal server to listen on.*/
	port: number;
	/** The port for the Temporal UI to listen on. */
	uiPort: number;
	/** The port for the Temporal HTTP API to listen on. */
	httpPort: number;

	/**
	* This file was auto-generated by openapi-typescript.
	* Do not make direct changes to the file.
	*/

	export interface paths {
	"/tasks": {
	parameters: {
	query?: never;
	header?: never;

	act
	avrdude
	boost
	buf
	bun
	certstrap
	cloc
	cocoapods
	corepack
	deno

	export const processImages = () => {
	return {
	name: 'markdown-image-optimization',
	/**
	* @param {object} options
	* @param {string} options.content
	* @param {string} options.filename
	*/
	markup: ({ content, filename }) => {
	if (!filename.endsWith('.md')) return;

	import {
	condition,
	defineQuery,
	defineSignal,
	proxyActivities,
	setHandler,
	sleep
	} from '@temporalio/workflow';

	import OrderStatus, { formatStatus } from '../utilities/status';

	import { readFile } from 'fs/promises';

	import { parse, preprocess, walk } from 'svelte/compiler';

	import autoprefixer from 'autoprefixer';
	import type { AcceptedPlugin } from 'postcss';
	import sveltePreprocess from 'svelte-preprocess';
	import tailwind from 'tailwindcss';
	import nesting from 'tailwindcss/nesting';

	const colors = {
	primary: {
	'50': '#f0f0fd',
	'100': '#e4e4fb',
	'200': '#d0cff6',
	'300': '#b5b1f0',
	'400': '#9e92e7',
	'500': '#8d77dd',
	'600': '#7f5ecf',
	'700': '#6d4db5',

	body {
	background: red;
	}