fgnass

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).

fgnass

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:

fgnass

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)));

fgnass

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

fgnass

#!/bin/bash

set -e

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

slugify *

# Trim silence at the beginning

fgnass

(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);

fgnass

// 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 })
    );

fgnass

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 */

fgnass

import styled, { css } from 'styled-components';

const Button = styled.button`
  font-size: 1em;
  margin: 1em;
  border: 2px solid palevioletred;
  border-radius: 3px;
  color: palevioletred;

  ${props => props.primary && css`

fgnass

import styled, { css } from 'styled-components';

const Button = styled.button`
  font-size: 1em;
  margin: 1em;
  border: 2px solid palevioletred;
  border-radius: 3px;