theetrain

Cool Vite thing I learned today; @import in .css files will be inlined at build time.

/* main.css */
@import url('variables.css');
@import url('normalize.css');

This becomes a single CSS file in the production build; and if you happen to add it to a shared library (npm package), you can have it auto-import global styles along with Svelte components.

theetrain

import { maybeStream } from '$lib/utils'

/** @type {import('./$types').PageServerLoad} */
export async function load({ isDataRequest }) {
  const combinationResponse = maybeStream(pretendAPI(), { isDataRequest })
  const otherCombinationResponse = maybeStream(pretendAPI(), { isDataRequest })

  let [combination, other] = await Promise.all([
    combinationResponse,
    otherCombinationResponse

theetrain

import { connect } from '$lib/server/pbclient'
import { redirect, type Actions } from '@sveltejs/kit'

export const actions = {
	create: async ({ request, cookies }) => {
		const data = await request.formData()
		const post = [...data.entries()]

		const pb = await connect()

theetrain

{
  "root": true,
  "extends": ["prettier", "standard"],
  "plugins": ["@typescript-eslint"],
  "parser": "@typescript-eslint/parser",
  "rules": {
    "arrow-parens": ["error", "as-needed"],
    "operator-linebreak": ["error", "before"],
    "no-trailing-spaces": [
      "error",

theetrain

theetrain

Audio captioning

Here are some ways to enable live captioning on your devices.

Operating systems

• macOS: https://support.apple.com/en-ca/guide/mac-help/mchlc1cb8d54/mac
• Windows 11: https://support.microsoft.com/en-us/windows/use-live-captions-to-better-understand-audio-b52da59c-14b8-4031-aeeb-f6a47e6055df
• Android 10+: https://support.google.com/accessibility/android/answer/9350862?hl=en
• iOS: https://support.apple.com/en-ca/guide/iphone/iphe0990f7bb/ios

theetrain

<svelte:options tag="my-app" />

<workgroup-page />

theetrain

FROM node:18.12.1-alpine3.16 as nodebuilder

WORKDIR /app

COPY . .

RUN npm i
RUN npm run build
CMD npm i && npm start

theetrain

// NextJS custom server with HTTPS
// Note, you must generate certificates on your own

const express = require('express')
const nextJs = require('next')
const https = require('https')
const fs = require('fs')

const APP_ENV = process.env.APP_ENV || 'development'
const port = parseInt(process.env.PORT, 10) || 3000

theetrain

# Port 3000 is for manually logging in and using `netlify dev` if you use the CLI for leveraging secrets
# This includes --livereload to refresh the page when there are file changes
# Runs on localhost:4000

version: "3.8"
services:
  dev:
    image: jekyll/jekyll:4
    ports:
      - 4000:4000