Felix Gnass fgnass

Persona

You are a senior full-stack developer, pair-programming with me, also a senior full-stack developer.

Be critical of my ideas. Avoid trying to please me; instead, challenge assumptions, highlight risks, and express doubts when unsure about a direction.

When I ask a question, do not write code immediately. Only provide explanations, guidance, or feedback. Write code only when explicitly instructed to do so.

When you are uncertain about something, admit it! Never make random changes.

Goal

The goal is to package a server-side rendered Next.js app as SPA for capacitor.

Approach

Pages with dynamic routes/data use getServerSideProps(). For capacitor we need at least one page that can be rendered statically, preferably the index page.

When there are pages that use getServerSiedeProps() we can't use next export (it will fail with an error).

Keybase proof

I hereby claim:

I am fgnass on github.
I am fgnass (https://keybase.io/fgnass) on keybase.
I have a public key ASBTra-cTg-Ff-R-1_WL1vyGiYM8zCgf9oBm5lSqUqM1iQo

To claim this, I am signing this object:

	// Quick helper to generate sizes attributes for your responsive images.

	// It loads the current page into an invisible iframe and resizes it to the different breakpoints,
	// where it measures the images and converts their width to vw.

	// Usage: Open the HTML page you want to add sizes attributes to in your browser,
	// paste this code in the console and hit return. The result will be logged to the console.

	(async () => {
	const sizesData = new Map();

	r = readline;
	[...Array(+r())]
	.map(r)
	.map(l => /(.+): (.+) /.exec(l))
	.map(
	([, n, c]) =>
	(c.split("-").map(c => 117 - c.charCodeAt(0)) + "").padEnd(20, ",1") + n
	)
	.sort()
	.map(e => writeline(e.slice(20)));

	let ball: game.LedSprite = null
	let player: game.LedSprite = null
	let score = 0
	let lives = 0
	input.onButtonPressed(Button.A, () => {
	player.move(-1)
	})
	input.onButtonPressed(Button.B, () => {
	player.move(1)
	})

	#!/bin/bash

	set -e

	# Rename files to make them URL friendly
	# https://formulae.brew.sh/formula/slugify

	slugify *

	# Trim silence at the beginning

	(function() {
	let i = 0;
	const el = document.querySelector('.askt-utterance__input');
	el.addEventListener('keyup', function(ev) {
	const req = document.querySelectorAll('.askt-dialog__message--request');
	if (ev.key == 'ArrowUp') i = i >= req.length - 1 ? 0 : i + 1;
	else if (ev.key == 'ArrowDown') i = i > 0 ? i - 1 : req.length - 1;
	else return;
	el.value = '';
	document.execCommand('insertText', false, req[i].innerText);

	// Paste this into your borwser's console on the Alexa Skill testing page:

	document.addEventListener('click', ev => {
	if (ev.target.matches('.askt-dialog__message--request')) {
	const el = document.querySelector('.askt-utterance__input');
	el.focus();
	document.execCommand('insertText', false, ev.target.innerText);
	el.dispatchEvent(
	new KeyboardEvent('keypress', { bubbles: true, keyCode: 13 })
	);

	import webdriver from 'friendly-webdriver';
	import unexpected from 'unexpected';
	import unexpectedWebdriver from 'unexpected-webdriver';
	import retractor from 'retractor';

	const expect = unexpected.clone();
	expect.use(unexpectedWebdriver());

	/* @jsx retractor */