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:

SSR solves a lot of problems for our users, but can be tricky for our tests. Cypress waits until the window fires its load event, but when we're using SSR, our JavaScript might show up after our page officially loads.

For example, this test will fail:

describe.only('Ratings Filter with SSR', () => {
  beforeEach(() => {
    cy.visit('/secret-menu');
    cy.get('#minimum-rating-visibility').as('rating-filter');
 });

	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',

	{
	"printWidth": 80,
	"tabWidth": 2,
	"useTabs": false,
	"semi": true,
	"singleQuote": true,
	"trailingComma": "all",
	"bracketSpacing": true,
	"jsxBracketSameLine": false,
	"fluid": false

	body {
	background: red;
	}