thinkjrs

'use client'
import React, { MouseEvent } from 'react'
import Link from 'next/link'
import settings from '../lib/settings'

export function HomeLink404() {
  const handleClick = (e: MouseEvent<HTMLAnchorElement>, href: string) => {
    e.preventDefault()
  }
  return (

thinkjrs

import React from 'react'
import { HomeLink404, DashboardLink404 } from '@/components/404Links'
export default function NotFound() {
  return (
    <>
      <section className="bg-primary relative z-10 py-[120px]">
        <div className="container mx-auto">
          <div className="-mx-4 flex">
            <div className="w-full px-4">
              <div className="mx-auto max-w-[400px] text-center">

thinkjrs

1. Client uploads a file using the frontend upload component
2. Frontend calls edge/middleware backend to get pre-signed PUT and GET request urls from AWS
3. Frontend uses pre-signed PUT request to upload file
4. Frontend uses pre-signed GET request to download file

Additional steps for our apps

5. Frontend sends pre-signed GET request to backend which appends url to campaign via Promo API

https://stackoverflow.com/questions/76776562/nextjs-upload-to-s3-using-aws-sdk-v3-and-new-nextjs-app-router

thinkjrs

<!-- https://larsmagnus.co/blog/how-to-make-images-react-to-light-and-dark-mode -->
<picture>
  <source
    srcset="dark-image.png"
    media="(prefers-color-scheme: dark)"
  />
  <img
    src="light-image.png"
    alt="Browser with large and small images of a coffee cup and plants"
  />

thinkjrs

// https://github.com/vercel/vercel/issues/3825#issuecomment-961295566
function formatBytes(bytes: number, decimals = 2) {
  if (bytes === 0) return '0 Bytes'

  const k = 1024
  const dm = decimals < 0 ? 0 : decimals
  const sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB']

  const i = Math.floor(Math.log(bytes) / Math.log(k))

thinkjrs

Copy an SSH key to a server

Use the built-in ssh-copy-id command to copy keys to servers.

Note: make sure you have enabled password authentication on the server ssh server configuration, first!

ssh-copy-id -i ~/.ssh/mykey user@host

thinkjrs

Removing Docker Volumes

It's a common need to remove docker volumes (e.g. Gitlab runners that polute your system).

The command

Below is a quick 'n dirty command to get the job done.

sudo docker volume rm $(sudo docker volume ls -q)

thinkjrs

Date Range in Python

This covers how to get a date range in Python using only standard library modules.

The code

"""
MIT LICENSED
(c) 2023 Jason R. Stevens, CFA
"""

thinkjrs

Encoding the private key as base64

• Copy the private key to clipboard
• Run command pbpaste | base64 | pbcopy on mac or xclip -selection clipboard -o | base64 -w 0 | xclip -selection clipboard on 'nix systems
• The private key is now base64 encoded in the clipboard. Paste it to env variable e.g. to heroku or to .env file

Decoding the private key from base64 in node.js

const private_key = new Buffer(process.env.PRIVATE_KEY, 'base64').toString('ascii');

thinkjrs

From Github's documentation, the below demonstrates how-to explicitly change the permission mode of a file so that it doesn’t get reset every time there is a clone/fork.

git update-index --chmod=+x <filename>

For example, to give entrypoint.sh executable permissions: