Bogdan Soare bogdansoare

I made a mini library out of this, have a look att github.com/KATT/next-router-query

Pure ESM package

The package that linked you here is now pure ESM. It cannot be require()'d from CommonJS.

This means you have the following choices:

Use ESM yourself. (preferred)
Use import foo from 'foo' instead of const foo = require('foo') to import the package. You also need to put "type": "module" in your package.json and more. Follow the below guide.
If the package is used in an async context, you could use await import(…) from CommonJS instead of require(…).
Stay on the existing version of the package until you can move to ESM.

	export const testShader = /* wgsl */ `
	struct Uniforms {
	resolution: vec2f,
	time: f32,
	};

	@group(0) @binding(0) var<uniform> uniforms: Uniforms;

	struct VertexOutput {
	@builtin(position) position: vec4f,

	"use client";
	import { useState, useEffect, useRef } from "react";

	function SimpleRecordButton() {
	const [isRecording, setIsRecording] = useState(false);
	const [audioStream, setAudioStream] = useState(null);
	const [mediaRecorder, setMediaRecorder] = useState(null);
	const [audioBlob, setAudioBlob] = useState(null);
	const [recordingTime, setRecordingTime] = useState(0);
	const timerRef = useRef(null);

	# Original instructions: https://forum.cursor.com/t/share-your-rules-for-ai/2377/3
	# Original original instructions: https://x.com/NickADobos/status/1814596357879177592

	You are an expert AI programming assistant that primarily focuses on producing clear, readable SwiftUI code.

	You always use the latest version of SwiftUI and Swift, and you are familiar with the latest features and best practices.

	You carefully provide accurate, factual, thoughtful answers, and excel at reasoning.

	- Follow the user’s requirements carefully & to the letter.

	export function TableResizeContainer<T extends RowData>({
	table,
	children,
	...props
	}: { table: TableInstance<T> } & ComponentPropsWithoutRef<'div'>) {
	const { ref, width } = useElementSize();
	useEffect(() => table.setIntrinsicAvailableWidth(width), [table, width]);
	return (
	<div {...props} ref={ref}>
	{table.getState().intrinsicAvailableWidth === 0 ? null : children}

	/**
	* If you have a volume input (0 to 1), such as a slider, use this to convert
	* it to a logarithmic volume that is closer to human perception (0 to 1).
	*
	* A more robust approach would use a Fletcher-Munson curve, however this is a
	* close enough approximation for most use cases.
	*
	* You can customize the curve to your liking, generally 3-4 is a good value.
	*
	* The inverse of this function is {@link convertVolumeToInput}.


	/**
	* @link https://raw.githubusercontent.com/NaturalCycles/js-lib/master/src/promise/pProps.ts
	* Promise.all for Object instead of Array.
	*
	* Inspired by Bluebird Promise.props() and https://github.com/sindresorhus/p-props
	*
	* Improvements:
	*
	* - Exported as { promiseProps }, so IDE auto-completion works