πŸ™ˆ Intercept stdout for Next.js

Overview

next-intercept-stdout

next-intercept-stdout

Next.js plugin to intercept stdout

Justification

  1. πŸ’Ž This module wraps intercept-stdout as the form of the Next.js plugin.
  2. πŸ™‹πŸ½ Why wrap this module?
    1. I didn't want to call a function separate from other NextConfig values and plugins. It makes the action look suspicious and less coupled.
    2. In addition, intercept-stdout was last distributed about six years ago, so it seemed necessary to cover the implementation separately in case it no longer works.

Ignore Duplicate atom key warnings for Recoil

// next.config.js
const withInterceptStdout = require('next-intercept-stdout');

module.exports = withInterceptStdout(
  {
    reactStrictMode: true,
  },
  (text) => (text.includes('Duplicate atom key') ? '' : text),
);

Usage with the NextConfig Object

// next.config.js
const withInterceptStdout = require('next-intercept-stdout');
const withSvgr = require('@newhighsco/next-plugin-svgr');

module.exports = withInterceptStdout(
  withSvgr({
    reactStrictMode: true,
    svgrOptions: {},
  }),
  (text) => (text.includes('Duplicate atom key') ? '' : text),
);

Usage with other Next.js plugins

You might also like...

πŸ’― Materials to help you rock your next coding interview

Tech Interview Handbook Credits: Illustration by @leftaligned Read on the website Black Lives Matter. Support the Equal Justice Initiative What is thi

Dec 29, 2022

A curated collection of common interview questions to help you prepare for your next interview.

A curated collection of common interview questions to help you prepare for your next interview.

30 Seconds of Interviews A curated collection of common interview questions to help you prepare for your next interview. This README is built using ma

Jan 7, 2023

A github action that provides detailed bundle analysis on PRs for next.js apps

A github action that provides detailed bundle analysis on PRs for next.js apps

Next.js Bundle Analysis Github Action Analyzes each PR's impact on your next.js app's bundle size and displays it using a comment. Optionally supports

Dec 27, 2022

Example project implementing authentication, authorization, and routing with Next.js and Supabase

Example project implementing authentication, authorization, and routing with Next.js and Supabase

Magic Link Authentication and Route Controls with Supabase and Next.js To run this project, To get started with this project, first create a new proje

Dec 11, 2022

Next-gen mobile first analytics server (think Mixpanel, Google Analytics) with built-in encryption supporting HTTP2 and gRPC. Node.js, headless, API-only, horizontally scaleable.

Next-gen mobile first analytics server (think Mixpanel, Google Analytics) with built-in encryption supporting HTTP2 and gRPC. Node.js, headless, API-only, horizontally scaleable.

Introduction to Awacs Next-gen behavior analysis server (think Mixpanel, Google Analytics) with built-in encryption supporting HTTP2 and gRPC. Node.js

Dec 19, 2022

2021 Portfolio, built with Next.js

This is a Next.js project bootstrapped with create-next-app. Getting Started First, run the development server: npm run dev # or yarn dev Open http://

Oct 9, 2022

♦ Crowd funding project using Smart Contracts on the Ethereum. Created with Next.js and Tailwind CSS.

♦ Crowd funding project using Smart Contracts on the Ethereum. Created with Next.js and Tailwind CSS.

Crowdcoin ♦ Crowd funding project using Smart Contracts on the Ethereum. Created with Next.js and Tailwind CSS. Project from "Ethereum and Solidity: T

Dec 14, 2022

Avoid CORS issues by using API Routes from Next.js

CORS Demo Avoid CORS issues by using API Routes from Next.js. Get Started Clone the repo git clone [email protected]:gregrickaby/cors-demo.git CD into co

Sep 30, 2022

Blog-sercannaya - react-next-sass-graphql

Next.js + Tailwind CSS Example This example shows how to use Tailwind CSS (v3.0) with Next.js. It follows the steps outlined in the official Tailwind

Jan 3, 2022
Releases(1.0.1)
  • 1.0.1(Jan 27, 2022)

    • πŸŽ– Add NPM Badge to README.md (d5eb272a4c70c7190fc31cdd45bed6268ebf9035)
    • πŸ‘©πŸ½β€βš–οΈ Document Justification (6d981248ddbeb9e3aa5a5c91fe6b2935cf4cffe3)
    • πŸ’¬ https://github.com/facebookexperimental/Recoil/issues/733#issuecomment-1022914689
    Source code(tar.gz)
    Source code(zip)
  • 1.0.0(Jan 26, 2022)

    Next.js plugin to intercept stdout

    Ignore Duplicate atom key warnings for Recoil

    // next.config.js
    const withInterceptStdout = require('next-intercept-stdout');
    
    module.exports = withInterceptStdout(
      {
        reactStrictMode: true,
      },
      (text) => (text.includes('Duplicate atom key') ? '' : text),
    );
    

    Usage with the NextConfig Object

    // next.config.js
    const withInterceptStdout = require('next-intercept-stdout');
    const withSvgr = require('@newhighsco/next-plugin-svgr');
    
    module.exports = withInterceptStdout(
      withSvgr({
        reactStrictMode: true,
        svgrOptions: {},
      }),
      (text) => (text.includes('Duplicate atom key') ? '' : text),
    );
    

    Usage with other Next.js plugins

    Source code(tar.gz)
    Source code(zip)
Owner
Junho Yeo
πŸ¦„βš‘οΈ β€’ Building the Web3 β€’ 🌎
Junho Yeo
Hemsida fΓΆr personer i Sverige som kan och vill erbjuda boende till mΓ€nniskor pΓ₯ flykt

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

null 4 May 3, 2022
Kurs-repo fΓΆr kursen Webbserver och Databaser

Webbserver och databaser This repository is meant for CME students to access exercises and codealongs that happen throughout the course. I hope you wi

null 14 Jan 3, 2023
Demo running web assembly apps a terminal with blocking stdin/stdout/stderr

Python wasm-terminal Live version here: https://wasm-terminal.firebaseapp.com/ This is a small demo of running Python in the browser with a focus on i

Katie Bell 16 Nov 16, 2022
An example web extension, using MockRTC to intercept & debug your own WebRTC traffic

MockRTC WebExtension Example Part of HTTP Toolkit: powerful tools for building, testing & debugging HTTP(S), WebRTC, and more This is an example web e

HTTP Toolkit 3 Oct 14, 2022
Prop-Proxy allows you to intercept getters and setters of class attributes through decorators

Prop-Proxy Proxy for class properties Prop-Proxy allows you to intercept getters and setters of class attributes through decorators Installation This

Leonardo Kaynan 6 Dec 15, 2022
πŸ–ΌοΈ Image proxy for Next.js. Makes it possible to use dynamic domains in next/image component.

Next.js Image Proxy Image proxy for Next.js. Makes it possible to use dynamic domains in next/image component. ❔ Motivation This library makes it poss

Blazity 30 Dec 1, 2022
next-graphql-server is a library for building production-grade GraphQL servers using Next.js with API Routes

next-graphql-server next-graphql-server is an easy to use Next.js library for creating performant GraphQL endpoints on top of Next.js API Routes. Star

Jakub Neander 82 Nov 21, 2022
πŸ’» A simple Create Next App template to start your projects with Next.js, TypeScript, ESLint, Prettier and other tools.

⚑ Next Typescript Template ⚑ A simple Create Next App template to start your projects with Next.js, TypeScript, ESLint, Prettier and other tools. Quic

JoΓ£o Gabriel 13 Nov 23, 2022
A fullstack next.js template with all the fun stuff like next auth, mongodb, prisma, chakra ui

Welcome to FullStack Next.js template ?? A fullstack next.js template with all the fun stuff like next auth, mongodb, prisma, chakra ui ✨ Demo Tech Ne

Avneesh Agarwal 10 Oct 16, 2022
This is a Next.js project bootstrapped with create-next-app.

Getting Started First, run the development server: npm run dev # or yarn dev Open http://localhost:3000 with your browser to see the result. You can s

J.D. 8 Dec 5, 2022