Johann Schopplich johannschopplich

## README.md

      
              3 files
            
          
              0 forks
            
          
                0 comments
              
            
              0 stars
            
          
                johannschopplich
                / README.md
            
            
              Last active
              February 7, 2025 10:28
            
              
                Bücherspur Flowchart
              
          
    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


## 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
      }

## 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> {

## better-scroller.client.ts
import { createRouterScroller } from 'vue-router-better-scroller'

interface ScrollPositionCoordinates {
  behavior?: ScrollOptions['behavior']
  left?: number
  top?: number
}

export default defineNuxtPlugin((nuxtApp) => {
  nuxtApp.vueApp.use(
	// 📜 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
	}
	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> {
	import { createRouterScroller } from 'vue-router-better-scroller'

	interface ScrollPositionCoordinates {
	behavior?: ScrollOptions['behavior']
	left?: number
	top?: number
	}

	export default defineNuxtPlugin((nuxtApp) => {
	nuxtApp.vueApp.use(