oliviertassinari

Prompt: "Create a simple tabs with Base UI".

Result:

Model	Release date	Cutoff	Searched the web	Result	Docs at the time
Claude Opus 4.7	April 2026	January 2026	No	❌ Import from "@base-ui-components/react" and use API.	Docs
GPT-5.4 Pro	March 2026	August 2025	No	❌ Import from "@base-ui-components/react" and use API.	Docs
Gemini 3.1 Pro Preview	March 2026	January 2025	No	❌ Import from "@base-ui-components/react" and use API.	Docs
Claude Opus 4.6	February 2026	May 2025	No	❌ Import from "@base-ui-components/react" and use API.	Docs

oliviertassinari

GitHub Labels Reference

Label	Description	Color
accessibility	a11y	#0052cc
benchmark	We can't optimize what we can't measure.	#FADDE6
blog	Related to blog content or publication.	#0DD1CE
breaking change	Introduces changes that are not backward compatible.	#A33CD6
browser: Edge	Affects or fixes behavior in Microsoft Edge.	#68522D
browser: Firefox	Affects or fixes behavior in Mozilla Firefox.	#68522D

oliviertassinari

Exporting your 2FA tokens from Authy to transfer them into another 2FA application

IMPORTANT - Update regarding deprecation of Authy desktop apps

Past August 2024, Authy stopped supported the desktop version of their apps:
See Authy is shutting down its desktop app | The 2FA app Authy will only be available on Android and iOS starting in August for details.

And indeed, after a while, Authy changed something in their backend which now prevents the old desktop app from logging in. If you are already logged in, then you are in luck, and you can follow the instructions below to export to tokens.

If you are not logged in anymore, but can find a backup of the necessary files, then restore those files, and re-install Authy 2.2.3 following the instructions below, and it should work as expected.

oliviertassinari

@mui/styled-engine-empty

An empty style engine to get a sense of the performance cost of @mui/styled-engine.

Add in your package.json

  "dependencies": {
    "@mui/styled-engine-empty": "gist:5e9031104a86eb5c3325819e9a23857f"
 }

oliviertassinari

# Based on https://deanandrews.uk/export-woocommerce-reviews-wordpress/ but enhanced to include the rating and filter out other comments.

```
SELECT `post_title` AS 'Product', `comment_author` AS 'Customer Name', `comment_author_email` AS 'Customer Email', `comment_date`, `comment_content` AS 'Review', `wp_commentmeta`.`meta_value` AS 'Rating'
FROM `wp_comments` 
INNER JOIN `wp_posts` ON `comment_post_ID`=`ID` 
INNER JOIN `wp_commentmeta` ON `wp_commentmeta`.`comment_id`=`wp_comments`.`comment_ID` 
WHERE `comment_author` != 'WooCommerce'
AND `wp_posts`.`post_type` = 'product'
AND `wp_posts`.`post_status` = 'publish'

oliviertassinari

@-moz-document url-prefix("https://www.linkedin.com/") {
  /** Picture **/
  .pv-top-card__non-self-photo-wrapper, .pv-top-card__photo-wrapper {
    filter: blur(1.5rem);
  }
  /** Links to profile **/
  a[href^="/in/"], a[href^="https://www.linkedin.com/in/"] {
    filter: blur(1rem);
  }
	/** Name **/

oliviertassinari

module.exports = require('@material-ui/styled-engine-sc');

oliviertassinari

import warning from 'warning'

const times = new Map()

const implementations = {
  mark: {
    start: name => {
      times.set(name, performance.now())
      performance.mark(`metric_${name}_start`)
    },

oliviertassinari

import { deepmerge } from '@material-ui/utils';
import { createMuiTheme } from '@material-ui/core/styles';
import grey from '@material-ui/core/colors/grey';

const rawTheme = createMuiTheme({
  palette: {
    primary: {
      main: '#1976d2',
      dark: '#0052cc',
    },

oliviertassinari

import { deepmerge } from '@material-ui/utils'
import { createMuiTheme } from '@material-ui/core/styles'
import grey from '@material-ui/core/colors/grey'

const basicBlue = '#0052cc' // Nathan's blue #0b24fb

const rawTheme = createMuiTheme({
  palette: {
    primary: {
      main: basicBlue,