robksawyer

let excludedActivityTypes = [
            UIActivity.ActivityType.print,
            UIActivity.ActivityType.openInIBooks,
            UIActivity.ActivityType.copyToPasteboard,
            UIActivity.ActivityType.addToReadingList,
            UIActivity.ActivityType.assignToContact,
            UIActivity.ActivityType.copyToPasteboard,
            UIActivity.ActivityType.mail,
            UIActivity.ActivityType.markupAsPDF,
            UIActivity.ActivityType.postToFacebook,

robksawyer

import {
  AdditiveBlending,
  Color,
  LinearFilter,
  MeshBasicMaterial,
  RGBAFormat,
  ShaderMaterial,
  Texture,
  UniformsUtils,
  Vector2,

robksawyer

import { IncomingMessage } from "http";
import { NextRequest } from "next/server";
import { Socket } from "net";
import { cookies } from "next/headers";

export async function convertNextRequestToIncomingMessage(
  request: NextRequest
): Promise<IncomingMessage> {
  if (!request || typeof request !== "object") {
    throw new Error("Invalid request object");

robksawyer

import { Session } from "@shopify/shopify-api/dist/auth/session";
import { PostgreSQLSessionStorage } from "@shopify/shopify-app-session-storage-postgresql";
import { createClient } from "@supabase/supabase-js";

// Supabase client setup
const supabaseUrl = process.env.NEXT_PUBLIC_SUPABASE_URL;
const supabaseKey = process.env.NEXT_PUBLIC_SUPABASE_KEY;

if (!supabaseUrl || !supabaseKey) {
  throw new Error("Missing Supabase URL or key");

robksawyer

If you use Storybook with Next.js and have components using next/link you'll have to mock next/router the same you would for testing with Jest or others. Simply create a file with the mock router as shown below and import it in your Storybook config.

This is based on some information from an issue on Next.js:

vercel/next.js#1827

robksawyer

// @file signup.jade
// @path /templates/views/user/signup.jade
// @description Form that user sees when signing up.
//

extends ../../layouts/default

block intro
	.container
		h1= 'Sign up for Little B.O.M'

robksawyer

"use strict";

class MyCustomMaterial extends THREE.ShaderMaterial {
    
    // constructor takes appropriate parameters.
    // Default values using object destructuring (ES6)
    // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment#Object_destructuring
	constructor({
		color = 0xffffff,
        emissive = 0x000000,

robksawyer

function Noodle() {
  const { viewport, camera } = useThree()
  const { nodes } = useGLTF('/worms-transformed.glb')
  const [geometry] = useState(() => nodes[`noodle_${Math.ceil(Math.random() * 4)}`].geometry)
  const [speed] = useState(() => 0.1 + Math.random() / 10)
  const position = useMemo(() => {
    const z = Math.random() * -30
    const bounds = viewport.getCurrentViewport(camera, [0, 0, z])
    return [THREE.MathUtils.randFloatSpread(bounds.width), THREE.MathUtils.randFloatSpread(bounds.height * 0.75), z]
  }, [viewport])

robksawyer

// main sphere rotates following the mouse position
  useFrame(({ clock, mouse }) => {
    main.current.rotation.z = clock.getElapsedTime();
    main.current.rotation.y = THREE.MathUtils.lerp(
      main.current.rotation.y,
      mouse.x * Math.PI,
      0.1
    );
    main.current.rotation.x = THREE.MathUtils.lerp(
      main.current.rotation.x,

robksawyer

import { FontLoader } from 'three-stdlib';
import { useLoader } from '@react-three/fiber';

export const useFont = (src) => {
  return useLoader(FontLoader, src);
}