Chris Sandvik csandman

Chakra React Select

UPDATE: I finally made an NPM package for this component! It is made with TypeScript, and now has a fully customizable styling system. It is also far ahead of this wrapper at this point. Check it out here if you'd like: https://github.com/csandman/chakra-react-select

In order to use this component, you can implement it and use it like you would normally use react-select. It should accept all of the props that the original takes, however customizing the theme or the components could break this implementation. There are also a few extra things you can do with this wrapper that pull from the chakra library.

You can pass the size prop with either sm, md, or lg. These will reflect the sizes available on the Chakra <Input /> component (with the exception of xs because it's too small to work).
In your options objects, you can add the key isFixed to emulate the exa

Tiny wrapper component for React-Datepicker to stylistically fit with Chakra-UI 1.x.

<DatePicker selectedDate={myDate} onChange={(d) => console.log(d)} />

Clearable version:

<DatePicker selectedDate={myDate} onChange={(d) => console.log(d)} isClearable={true} />

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.

Reddit API

I could not find a simple example showing how to consume the Reddit API to get the comments for a post. This shows step by step how to authenticate and the endpoints to request.

Setup

You need to create an app to get an app id and secret. Go to https://www.reddit.com/prefs/apps and at the bottom of the page under "developed applications" create a new app or view a current one.

If you click "edit" to open the app view you will be able to see the app id and secret, these are required for authentication.

	import { Node, nodeInputRule } from "@tiptap/core";
	import { mergeAttributes } from "@tiptap/react";

	import { uploadImagePlugin, UploadFn } from "./upload_image";

	/**
	* Tiptap Extension to upload images
	* @see https://gist.github.com/slava-vishnyakov/16076dff1a77ddaca93c4bccd4ec4521#gistcomment-3744392
	* @since 7th July 2021
	*

	// try it : https://codesandbox.io/s/sample-next-ts-rhf-zod-9ieev

	import React from "react";
	import { useForm } from "react-hook-form";
	import { zodResolver } from "@hookform/resolvers/zod";
	import { z } from "zod";

	import type { FieldError } from "react-hook-form";

	// JSON.stringify(error) will not work, because of circulare structure. So we need this helper.

	// util/copy-attachments.js

	// This is supposed to copy all files to the url where next.js expects them as a static file.
	// The example I have is too tailored to my library to make any sense to anyone else.
	// However, the theory is: static file is expected at /some/url/hey.png
	// When running next.js in dev, server.js will serve this url instead, because this file is not in
	// the public folder, but is instead in the content folder I manage.
	// When building, I run this script (see package.json example below) which will move hey.png
	// to public/some/url/hey.png.

	#!/usr/bin/env python3

	# !! NOTE - this script is no longer maintained... please see the repo for further
	# updates: https://github.com/jheddings/notes2notion

	# this script attempts to migrate from Apple Notes to Notion while retaining as
	# much information and formatting as possible. there are limitations to the
	# export data from Notes, so we try to preserve the intent of the original note.

	# THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED,

	// input MUST be 128kbps cbr mp3 with no album art (and probably no id3, untested)

	const encapsulatemp3insidemp4 = (function() {

	// firefox mediasource extensions support
	// encapsulate cbr 128 kbps mp3 inside audio/mp4
	// jollo.org 0BSD or LNT

	const encapsulation = (function() {
	function bumpsum(prev, pad, inc) {