Johann Schopplich johannschopplich

Bücherspur Flow

Kirby CMS & Stationen

Im Kirby CMS können Benutzer Touren und Stationen anlegen und bearbeiten. Jede Station enthält neben Textinhalten auch einen POI-Datensatz. Dieser POI-Datensatz ist für die Nutzer schreibgeschützt, da er von der externen Destination One-Datenbank importiert wird. Anhand eines POI-ID-Feldes wird eine Verbindung zwischen der Station und dem entsprechenden POI hergestellt. Über einen Button im Kirby Panel können Sie gezielt POI-Daten importieren. Wird der Button betätigt, erfolgt ein Aufruf des Workers, der die Datenaktualisierung durchführt.

Der Abruf von POI-Daten von Destination One erfolgt auf Abruf. Alle Daten vom Frontend werden immer von Kirby geladen.

Worker

Der serverlose Worker kümmert sich um sämtliche Logik rund um die POI-Daten. Er kommuniziert direkt mit der externen Destination One-Datenbank und stellt über zwei unterschiedliche Routen sicher, dass die Daten synchronisiert werden:

Die Route /destination-one/:id/poi holt gezielt die POI-Daten

	// 📜 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> {