liampmccabe

export interface SheetResponse {
  range: string;
  majorDimension: 'ROWS' | 'COLUMNS';
  values: string[][];
}

export const mockBroadbandData: SheetResponse = {
  range: 'Broadband!A2:E50',
  majorDimension: 'ROWS',
  values: [

liampmccabe

function MasonryGrid(userOptions = {}) {
  if (!(this instanceof MasonryGrid)) {
    throw new Error('MasonryGrid must be called with new');
  }

  // Private state using WeakMap to maintain encapsulation
  const privateState = new WeakMap();
  privateState.set(this, {
    expandedId: null,
    isMobile: window.innerWidth < 768,

liampmccabe

function MasonryGrid(userOptions = {}) {
  if (!(this instanceof MasonryGrid)) {
    throw new Error('MasonryGrid must be called with new');
  }

  // Private state using WeakMap to maintain encapsulation
  const privateState = new WeakMap();
  privateState.set(this, {
    expandedId: null,
    isMobile: window.innerWidth < 768,

liampmccabe

function MasonryGrid(userOptions = {}) {
  if (!(this instanceof MasonryGrid)) {
    throw new Error('MasonryGrid must be called with new');
  }

  // Private state using WeakMap to maintain encapsulation
  const privateState = new WeakMap();
  privateState.set(this, {
    expandedId: null,
    isMobile: window.innerWidth < 768,

liampmccabe

function MasonryGrid(userOptions = {}) {
  if (!(this instanceof MasonryGrid)) {
    throw new Error('MasonryGrid must be called with new');
  }

  // Private state using WeakMap to maintain encapsulation
  const privateState = new WeakMap();
  privateState.set(this, {
    expandedId: null,
    isMobile: window.innerWidth < 768,

liampmccabe

function MasonryGrid(userOptions = {}) {
  if (!(this instanceof MasonryGrid)) {
    throw new Error('MasonryGrid must be called with new');
  }

  // Private state using WeakMap to maintain encapsulation
  const privateState = new WeakMap();
  privateState.set(this, {
    expandedId: null,
    isMobile: window.innerWidth < 768,

liampmccabe

const element = webflow.elementBuilder(webflow.elementPresets.DOM);
await element.setTag('h1');
await element.setTextContent('Hello World')
await selectedElement.append(element);

liampmccabe

const remixLocation = useLocation()

  const [source, setSource] = useState<any>(null)
  const [items, setItems] = useState<any[]>(layers ?? [])
  const [activeLayer, setActiveLayer] = useState<any>(null)

  /**
   * Listen to popstate event and set active layer
   */
  useEffect(() => {

liampmccabe

import YouTube, { YouTubeProps } from "react-youtube"
import { useRef, useState } from "react"
import { Play, Pause } from "phosphor-react"
import { motion } from "framer-motion"
import { addPropertyControls, ControlType } from "framer"

export default function MusicPlayer(props) {
    const [isPlaying, setIsPlaying] = useState(false)
    const player = useRef()

liampmccabe

// New.tsx
export const action: ActionFunction = async ({ request }) => {
  const uploadHandler: UploadHandler = async ({ name, filename, stream }) => {
    if (name !== "image") {
      stream.resume();
      return;
    }

    try {
      const uploadedImage = await uploadImage(stream, filename);