dabit3

See more of my writing here.

In this post, I'll start from scratch and build up to OpenClaw's architecture step by step, showing how you could have invented it yourself from first principles, using nothing but a messaging API, an LLM, and the desire to make AI actually useful outside the chat window.

End goal: understand how persistent AI assistants work, so you can build your own (or become an OpenClaw power user).

First, let's establish the problem

When you use ChatGPT or Claude in a browser, there are several limitations:

vizvamitra

ToC

1. Concepts
   1. Assets, Liabilities and Equity
   2. Incomes and Expences
   3. Contra accounts
   4. Closing
2. Example
   1. Accounts model
      1. Assets

KristofferEriksson

import { useEffect, useState } from "react";

type UseTextSelectionReturn = {
  text: string;
  rects: DOMRect[];
  ranges: Range[];
  selection: Selection | null;
};

const getRangesFromSelection = (selection: Selection): Range[] => {

jose-mdz

Orthogonal Connectors

This algorithm returns the points that form an orthogonal path between two rectangles.

How to Use

// Define shapes
const shapeA = {left: 50,  top: 50, width: 100, height: 100};
const shapeB = {left: 200, top: 200, width: 50, height: 100};

eldh

import * as React from "react";
import { useMousePosition } from "~/hooks/useMousePosition";

/** Component to cover the area between the mouse cursor and the sub-menu, to allow moving cursor to lower parts of sub-menu without the sub-menu disappearing. */
export function MouseSafeArea(props: { parentRef: React.RefObject<HTMLDivElement> }) {
  const { x = 0, y = 0, height: h = 0, width: w = 0 } = props.parentRef.current?.getBoundingClientRect() || {};
  const [mouseX, mouseY] = useMousePosition();
  const positions = { x, y, h, w, mouseX, mouseY };
  return (
    <div

swalkinshaw

Moved to Shopify/graphql-design-tutorial

RStankov

Radoslav Stankov

• Blog
• Twitter
• How to GraphQL - Ruby (Tutorial)
• Speaker deck

Presenations

| Date | Event | Title | Slides | Video | Code |

tanguyantoine

Types::FoosType = GraphQL::ObjectType.define do
  field :foos, !types[Types::FooType] do
    timed true # enable New Relic trace_execution_scoped
    description "Returns foos"
    argument :per, types.Int, default_value: 20
    argument :page, types.Int, default_value: 1
    # Moving to cursor pagination would be better
    resolve(...)
  end
end

github0013

class FileUploadComponent extends Component{
  upload(){
    this.props.mutate({
      variables: {
        id,
        avatar: this.inputFile.files[0] //this is how you send file
      }
    }).
    then(({data}) => {
      console.log(data)

nettofarah

# NewRelic instrumenter for GraphQL-ruby
#
# In your controller:
#  ::NewRelic::Agent.add_custom_attributes({
#    user_id: @user.try(:id),
#    query_string: @query_string,
#    query_arguments: @query_variables
#  })
#
#   @document = self.class.trace_execution_scoped(["GraphQL#parse"]) do