joshnuss

import fs from 'node:fs/promises'

export function sql(url) {
  return {
    name: 'vite-plugin-sql',

    // expose an import called 'sql:runtime'
    resolveId(id) {
      if (id.startsWith('sql:runtime')) {
        return id

joshnuss

Converting a JavaScript SvelteKit app to TypeScript

• Install typescript, tslib, and svelte-check for dev mode

pnpm i -D typescript tslib svelte-check

• Add a tsconfig.json

joshnuss

import { expect } from 'vitest'

expect.extend({
  async toError(promise, status, message=null) {
    try {
      await promise

      return { pass: false, message: () => 'Expected an error to be raised.'}
    } catch (actual) {
      if (actual?.constructor?.name !== 'HttpError') {

joshnuss

Experiment for creating .drl drill files.

These are used in the process of fabricating PCBs (printed circuit boards), they specify where the laser/mechanical drills should drill holes.

The format is also known as Excellon.

Excellon Specification

https://gist.githubusercontent.com/katyo/5692b935abc085b1037e/raw/32879038a55e1e7019902d8d073d6f5d6d2e45ff/excellon.md

joshnuss

<script>
	import * as THREE from 'three'
	import { SVGLoader } from 'three/examples/jsm/loaders/SVGLoader.js'
	import { T, useThrelte } from '@threlte/core'
	import { onMount } from 'svelte'

	const { invalidate } = useThrelte()
	const loader = new SVGLoader()

	let wrapper

joshnuss

{
	"src/routes/*page.svelte": {
		"alternate": [
			"src/routes/{}page.js",
			"src/routes/{}page.server.js"
		],
		"template": [
			"<script>",
			"  export let data",
			"</script>"

joshnuss

Prisma Snippets

For ViM and VSCode.

Commands

• model<tab>: defines a model
• field<tab>: defines a field
• index<tab>: defines an index
• unique: defines a unique index

joshnuss

# Create a vanilla SvelteKit project
# usage: sk <folder-name>
sk() {
  pnpm create svelte@latest $1 \
    && cd $1 \
    && pnpm install \
    && git init \
    && git add . \
    && git commit -m 'Initial commit'
}

joshnuss

The idea

A way to create physical signage for a business by uploading the company's logo. The app will use a 3rd party to 3D print or laser cut the sign.

Main flow

1. Upload a logo in SVG format
2. Choose fabrication style (3d print, laser cut) and colors
3. Place the order

joshnuss

snippet model "define a model"
	model ${1:Name} {
		id Int @id @default(autoincrement())
		${2}

		createdAt DateTime @default(now())
		updatedAt DateTime @updatedAt
	}

snippet enum "define an enum"