steipete

// Windsurf Auto Press Continue v13.2 (with added logging)
(() => {
    const SCRIPT_NAME = 'Windsurf Auto Press Continue v13.2 (logged)'; // Updated name for clarity
    let intervalId = null, lastClick = 0;

    // --- Config ---
    const BTN_SELECTORS = 'span[class*="bg-ide-button-secondary-background"]'; 
    const BTN_TEXT_STARTS_WITH = 'continue';
    const SIDEBAR_SELECTOR = null; 
    const COOLDOWN_MS = 3000; 

wilsonpage

export const CACHE_STALE_AT_HEADER = 'x-edge-cache-stale-at';
export const CACHE_STATUS_HEADER = 'x-edge-cache-status';
export const CACHE_CONTROL_HEADER = 'Cache-Control';
export const CLIENT_CACHE_CONTROL_HEADER = 'x-client-cache-control';
export const ORIGIN_CACHE_CONTROL_HEADER = 'x-edge-origin-cache-control';

enum CacheStatus {
  HIT = 'HIT',
  MISS = 'MISS',
  REVALIDATING = 'REVALIDATING',

orekyuu

@startuml
UA -> App: /login
UA <-- App: Redirect
UA -> 認可サーバー: /auhorize
UA <- 認可サーバー: ログインページ表示
UA -> 認可サーバー: ログイン
UA <- 認可サーバー: 認可（AppにXXXを許可しますか？
UA -> 認可サーバー: OK
UA <-- 認可サーバー: Redierct
UA -> App: /callback?code=xxx&state=xxx

Grsmto

// Type definitions for react-table 7
// Project: https://github.com/tannerlinsley/react-table#readme
// Definitions by: Grsmto <https://github.com/grsmto>
// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
// TypeScript Version: 3.0
declare module 'react-table' {
  export type Cell = {
    render: (type: string) => any;
    getCellProps: () => any;
    column: Column;

jasonLaster

Time Travel Debugging

Time Travel refers to the ability to record a tab and later replay it ([WebReplay][wrr]). The technology is useful for local development, where you might want to:

• pause and step forwards or backwards
• pause and rewind to a prior state
• rewind to the time a console message was logged
• rewind to the time an element had a certain style or layout
• rewind to the time a network asset loaded

sebmarkbage

The Rules of React

All libraries have subtle rules that you have to follow for them to work well. Often these are implied and undocumented rules that you have to learn as you go. This is an attempt to document the rules of React renders. Ideally a type system could enforce it.

What Functions Are "Pure"?

A number of methods in React are assumed to be "pure".

On classes that's the constructor, getDerivedStateFromProps, shouldComponentUpdate and render.

mangosmoothie

// https://github.com/arnaudbenard/redux-mock-store/issues/59#issuecomment-345741265

//------------- the saga ----------------
function* fetchSaga(action) {
   try {
      yield put({type: "FETCH_SUCCEEDED", data: "data"});
   } catch (e) {
      yield put({type: "FETCH_FAILED", message: e.message});
   }
}

remy

import { withRouter } from 'next/router';
import Link from 'next/link';
import React, { Children } from 'react';

const ActiveLink = ({ router, children, ...props }) => {
  const child = Children.only(children);

  let className = child.props.className || '';
  if (router.pathname === props.href && props.activeClassName) {
    className = `${className} ${props.activeClassName}`.trim();

Huruikagi

// ここからコンパイル型情報の調整用スクリプト
import * as karma from "karma";
import * as karmaCoverage from "karma-coverage";
import * as webpack from "webpack";

// @types/karma-webpackはなかったのでここで作成
// webpack用のオプションを設定できるようにする
namespace karmaWebpack {
    export interface ConfigOptions extends karma.ConfigOptions {
        webpack: webpack.Configuration;

newcloudtech

var webpackConfig = require('../webpack.config.js');
module.exports = function () {
        autoWatch: true,
        frameworks: ['jasmine'],
        preprocessors: {
            '../app/**/*.js': ['webpack'],
            '../app/**/scripts/**/*.js': ['coverage']
        },
        webpack: {
            resolve: webpackConfig.resolve,