Johann Schopplich johannschopplich

## index.ts
// 📜 TypeScript Cheat Sheet: Types and Their Usage

// 🛠️ **Primitive Type**
// Used mostly for documentation.
type SanitizedInput = string; // Example primitive type.
type MissingNo = 404; // Custom primitive type.

// 🏠 **Object Literal Type**
type Location = {
  x: number;

## cache_expiration.conf
# ----------------------------------------------------------------------
# | Cache expiration                                                   |
# ----------------------------------------------------------------------

# Serve resources with a far-future expiration date.
#
# (!) If you don't control versioning with filename-based cache busting, you
#     should consider lowering the cache times to something like one week.
#
# https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Cache-Control

## prompts.ts
// https://github.com/stackblitz/bolt.new/blob/main/app/lib/.server/llm/prompts.ts
import { MODIFICATIONS_TAG_NAME, WORK_DIR } from '~/utils/constants';
import { allowedHTMLElements } from '~/utils/markdown';
import { stripIndents } from '~/utils/stripIndent';

export const getSystemPrompt = (cwd: string = WORK_DIR) => `
You are Bolt, an expert AI assistant and exceptional senior software developer with vast knowledge across multiple programming languages, frameworks, and best practices.

<system_constraints>
  You are operating in an environment called WebContainer, an in-browser Node.js runtime that emulates a Linux system to some degree. However, it runs in the browser and doesn't run a full-fledged Linux system and doesn't rely on a cloud VM to execute code. All code is executed in the browser. It does come with a shell that emulates zsh. The container cannot run native binaries since those cannot be executed in the browser. That means it can only execute code that is native to a browser including JS, Web

## proxy.ts
const fn = function () {}

function createMock(name: string, overrides: Record<any, any> = {}): any {
  fn.prototype.name = name
  const props: Record<any, any> = {}
  return new Proxy(fn, {
    get(_target, prop) {
      if (prop === 'caller') {
        return null
      }

## polyfill.ts
Promise.withResolvers ??= function <T>() {
  let resolve: PromiseWithResolvers<T>["resolve"];
  let reject: PromiseWithResolvers<T>["reject"];
  const promise = new Promise<T>((res, rej) => {
    resolve = res;
    reject = rej;
  });
  return { promise, resolve: resolve!, reject: reject! };
};

## backup-env.mjs
import process from "node:process";
import fsp from "node:fs/promises";
import path from "node:path";
import fg from "fast-glob";

async function copyEnvFiles(sourceDir, backupDir) {
  try {
    const envFiles = await fg(["**/.env"], {
      cwd: sourceDir,
      ignore: ["**/node_modules/**"],

## blueprint.yaml
fields:
  articles:
    type: pages
    query: kirby.collection('articles')

## index.html
<!doctype html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <title>Patrick Marsceill, software designer</title>
        <link
            rel="icon"
            type="image/png"
            sizes="32x32"
            href="/favicon-32x32.png"

## storage.ts
import { Preferences } from "@capacitor/preferences";
import type {
  MaybeRefOrGetter,
  RemovableRef,
  StorageLikeAsync,
  UseStorageAsyncOptions,
} from "@vueuse/core";

const capacitorPreferenceStorage: StorageLikeAsync = {
  async getItem(key: string): Promise<string | null> {

## main.js
// Function to fetch reservation data from API
async function fetchReservationData(date, capacity = 2, agentId = 2) {
  const baseUrl =
    'https://9110-api.quandoo.com/merchants/56296/reservation-options'
  const url = `${baseUrl}?date=${date}&capacity=${capacity}&agentId=${agentId}`

  try {
    const response = await fetch(url)
    const data = await response.json()
	// 📜 TypeScript Cheat Sheet: Types and Their Usage

	// 🛠️ Primitive Type
	// Used mostly for documentation.
	type SanitizedInput = string; // Example primitive type.
	type MissingNo = 404; // Custom primitive type.

	// 🏠 Object Literal Type
	type Location = {
	x: number;
	# ----------------------------------------------------------------------
	# \| Cache expiration \|
	# ----------------------------------------------------------------------

	# Serve resources with a far-future expiration date.
	#
	# (!) If you don't control versioning with filename-based cache busting, you
	# should consider lowering the cache times to something like one week.
	#
	# https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Cache-Control
	// https://github.com/stackblitz/bolt.new/blob/main/app/lib/.server/llm/prompts.ts
	import { MODIFICATIONS_TAG_NAME, WORK_DIR } from '~/utils/constants';
	import { allowedHTMLElements } from '~/utils/markdown';
	import { stripIndents } from '~/utils/stripIndent';

	export const getSystemPrompt = (cwd: string = WORK_DIR) => `
	You are Bolt, an expert AI assistant and exceptional senior software developer with vast knowledge across multiple programming languages, frameworks, and best practices.

	<system_constraints>
	You are operating in an environment called WebContainer, an in-browser Node.js runtime that emulates a Linux system to some degree. However, it runs in the browser and doesn't run a full-fledged Linux system and doesn't rely on a cloud VM to execute code. All code is executed in the browser. It does come with a shell that emulates zsh. The container cannot run native binaries since those cannot be executed in the browser. That means it can only execute code that is native to a browser including JS, Web
	const fn = function () {}

	function createMock(name: string, overrides: Record<any, any> = {}): any {
	fn.prototype.name = name
	const props: Record<any, any> = {}
	return new Proxy(fn, {
	get(_target, prop) {
	if (prop === 'caller') {
	return null
	}
	Promise.withResolvers ??= function <T>() {
	let resolve: PromiseWithResolvers<T>["resolve"];
	let reject: PromiseWithResolvers<T>["reject"];
	const promise = new Promise<T>((res, rej) => {
	resolve = res;
	reject = rej;
	});
	return { promise, resolve: resolve!, reject: reject! };
	};
	import process from "node:process";
	import fsp from "node:fs/promises";
	import path from "node:path";
	import fg from "fast-glob";

	async function copyEnvFiles(sourceDir, backupDir) {
	try {
	const envFiles = await fg(["**/.env"], {
	cwd: sourceDir,
	ignore: ["/node_modules/"],
	fields:
	articles:
	type: pages
	query: kirby.collection('articles')
	<!doctype html>
	<html lang="en">
	<head>
	<meta charset="utf-8" />
	<title>Patrick Marsceill, software designer</title>
	<link
	rel="icon"
	type="image/png"
	sizes="32x32"
	href="/favicon-32x32.png"
	import { Preferences } from "@capacitor/preferences";
	import type {
	MaybeRefOrGetter,
	RemovableRef,
	StorageLikeAsync,
	UseStorageAsyncOptions,
	} from "@vueuse/core";

	const capacitorPreferenceStorage: StorageLikeAsync = {
	async getItem(key: string): Promise<string \| null> {
	// Function to fetch reservation data from API
	async function fetchReservationData(date, capacity = 2, agentId = 2) {
	const baseUrl =
	'https://9110-api.quandoo.com/merchants/56296/reservation-options'
	const url = `${baseUrl}?date=${date}&capacity=${capacity}&agentId=${agentId}`

	try {
	const response = await fetch(url)
	const data = await response.json()