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

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

robksawyer

/**
 * @file useIsoLayoutEffect.js
 * Hook to suppress useLayoutEffect error on SSR.
 */

import { useLayoutEffect, useEffect } from 'react';

const useIsoLayoutEffect =
  typeof window !== 'undefined' ? useLayoutEffect : useEffect;

robksawyer

import * as THREE from 'three';

(function () {
  'use strict';

  var root = this;

  var has_require = typeof require !== 'undefined';

  // var THREE = root.THREE || (has_require && require('three'));

robksawyer

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