Scott Spence spences10

I've been deceiving you all. I had you believe that Svelte was a UI framework — unlike React and Vue etc, because it shifts work out of the client and into the compiler, but a framework nonetheless.

But that's not exactly accurate. In my defense, I didn't realise it myself until very recently. But with Svelte 3 around the corner, it's time to come clean about what Svelte really is.

Svelte is a language.

Specifically, Svelte is an attempt to answer a question that many people have asked, and a few have answered: what would it look like if we had a language for describing reactive user interfaces?

A few projects that have answered this question:

	#!/usr/bin/env sh

	# LATEST VERSION OF THIS SCRIPT: https://gist.github.com/swayducky/8ba8f2db156c7f445d562cdc12c0ddb4
	# FORKED FROM: https://gist.github.com/ddwang/0046da801bcb29d241869d37ad719394
	# 1) No longer has a hard-coded COMMIT
	# 2) Auto-symlinks a "code" script to avoid wslCode.sh breaking

	# HOW TO INSTALL:
	# 1) Remove "c:\Users\<USER_NAME>\AppData\Local\Programs\cursor\resources\app\bin" from Windows Environment Settings
	# 2) Modify this script with your Windows <USER_NAME> (NOT your WSL username) in the VSCODE_PATH variable

	#!/bin/bash

	VERCEL_OUTPUT_DIR=.vercel_build_output
	LAMBDA_DIR=.vercel_build_output/functions/node/render/
	cp -r static $LAMBDA_DIR/static
	cp node_modules/sharp/build/Release/*.node $LAMBDA_DIR
	cp node_modules/canvas/build/Release/*.node $LAMBDA_DIR
	cp node_modules/sharp/vendor/8.11.3/linux-x64/lib/libvips-cpp.so.42 $LAMBDA_DIR
	cp ./images.json $VERCEL_OUTPUT_DIR
	sed -i 's#\.\./build/Release#\.#g' $LAMBDA_DIR/index.js

	pnpm run build
	cd __sapper__/build/
	mkdir -p $PUBLIC_DIR/${{ inputs.base_path }}
	mv client $PUBLIC_DIR/${{ inputs.base_path }}
	cp -r ../../static/* $PUBLIC_DIR/
	mkdir -p $LAMBDA_DIR
	mv index.js server $LAMBDA_DIR/
	mkdir -p $BUILD_DIR
	mv service-worker.js template.html build.json $BUILD_DIR
	cp ${{ github.workspace }}/vercel.json ./app/

	export actions = {
	prepyment: async ({ request }) => {
	const formData = await request.formData()
	const price = formData.get('price')
	const email = formData.get('email')
	const url = await generateCheckout(price, email)
	return { success: true, url }
	}
	}

	<?

	//
	// AUTO KEYWORD-BASED FOLLOWER CURATION BOT (by @levelsio)
	//
	// File: twitterFollowerCuratorBot.php
	//
	// Created: May 2021
	// License: MIT
	//

	/**
	* proof of concept replacement for gatsby-remark-images
	* to be used with gatsby-plugin-mdx
	*
	* this is mostly a copy/paste/edit from gatsby-remark-images
	*/

	const visitWithParents = require(`unist-util-visit-parents`);
	const getDefinitions = require(`mdast-util-definitions`);
	const path = require(`path`);

-function removeFirstConnection () {
-  $('[type=ellipsis-horizontal-icon]').first().click()
-  setTimeout(() => {
-    $('.js-mn-connection-card__dropdown-delete-btn > button').click()
-    setTimeout(() => {
-      $('[data-control-name="confirm_removed"]').click()
-    }, 250)
-  }, 250)
-}


	function ProviderComposer({ contexts, children }) {
	return contexts.reduceRight(
	(kids, parent) =>
	React.cloneElement(parent, {
	children: kids,
	}),
	children
	);
	}

	{
	"useState()": {
	"prefix": "us",
	"scope": "javascript,javascriptreact,typescript,typescriptreact",
	"body": [
	"const [${1}, set${1/(.*)/${1:/capitalize}/}] = useState($2);",
	"$0"
	],
	"description": "React: useState()"
	},