ArnaudRinquin

Self-Healing PR — Auto-fix CI failures with Claude Code

When a PR's CI checks fail, Claude Code automatically analyzes the error logs, fixes the code, and pushes a commit. The fix triggers a new CI run. If it still fails, it stops (max 1 attempt per human push).

How it works

Human pushes → CI fails → Self-healing triggers → Claude analyzes logs → Fixes code → Pushes commit → CI re-runs
                                                                                                          ↓
 If still fails → stops (bot-author check)

ArnaudRinquin

What's interesting to note on this not so trivial example (we have variants -> className; base style attrs that can be expended)

• comprehensive img props types + automatically passed
• auto extra classNames (& style) merging
• auto ref forwarding, if need be

It's debatable that writing such component is simpler than the classic approach but the outcome is undoubtly better.

There are also nice ways to handle variants and such.

ArnaudRinquin

atom-text-editor {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  font-family: "Operator Mono";
  font-weight: 500;
}

atom-text-editor.editor {
  .syntax--storage.syntax--type.syntax--function.syntax--arrow,
  .syntax--keyword.syntax--operator:not(.accessor),

ArnaudRinquin

import { Component } from 'react'
import { connect } from 'react-redux'

class MapWrapper extends Component {
  render() {
    const mapProps = 123 // todo
    return <LeafletMap ref={(mapEl) => this.mapEl = mapEl} {...mapProps} />
  }
  componentDidMount() {
    const { markerData } = this.props

ArnaudRinquin

  componentDidMount() {
    this.el.addEventListener('copy', this.onCopy)
  }
  
  onCopy = (event) => {
    const { editorState } = this.props
    const contentState = editorState.getCurrentContent()
    const html = convertToHTML(contentState);
    console.log('converted!', html);
    // TODO put reulst in the clipboard

ArnaudRinquin

apiVersion: v1
kind: Service
metadata:
  name: {{ template "mongo-arbiter-name" . }}
  labels:
    name: {{ template "mongo-arbiter-name" . }}
spec:
  ports:
    - port: 27017
  selector:

ArnaudRinquin

Usage: envtojson [indent]

EDIT: I created the package ¯\_(ツ)_/¯

ArnaudRinquin

// This one is more or less what you could do in angular 2
import { getUsers } from './userAPI';
import { Component } from 'angular2';

@Component({
  template: '<pre>{{this.users}}</pre>'
});
export class UserList {
  constructor() {
    // for sake of example only, don't call APIs in constructors

ArnaudRinquin

periscope-stats

Store and prepare periscope statistics from live periscope.tv info streams.

Usage

The first step is to get some data from a periscope PUBNUB stream. The easiest way probably is to use peristream. The following examples uses peristream.

ArnaudRinquin

Peristream

A wrapper around periscope.tv event streams, allowing you to easilly access them

Usage

npm i -S peristream