Latest Updates

Documenting code, one commit at a time.

AI HTML 10 posts
×
PHP AI

AI Rewrite Service: More Than Just String Manipulation

When connecting quick actions to an AI service, developers must move beyond simple string manipulation and leverage the power of AI for more sophisticated content transformations.

From Naive Manipulation to AI-Powered Rewrites

Initially, basic functionalities like shortening content or changing a call to action (CTA) might seem achievable through simple string truncation or concatenation.

Read more
PHP CSS HTML

Enhancing Mobile Responsiveness Documentation in Breniapp

Context: Breniapp

The Breniapp project focuses on [description]. Recent efforts have centered on improving the documentation, specifically regarding mobile responsiveness.

Mobile Responsiveness Guidelines

A key area of focus has been the addition of mobile responsiveness guidelines to the CLAUDE.md documentation file. Ensuring applications are accessible and user-friendly across

Read more
PHP AI

Streamlining Tenant AI Usage Reporting in Breniapp

Introduction

Reporting on tenant AI usage is crucial for understanding resource consumption and billing in Breniapp, a multi-tenant application. However, overly complex reports can obscure key metrics. We recently simplified the tenant AI usage table to focus on the most essential data points.

The Problem

The original tenant AI usage table contained redundant information and unnecessary

Read more

Eliminating CORS Issues with Data-URL Image Conversion

Introduction

In web applications, handling images from different origins can be a recurring challenge due to Cross-Origin Resource Sharing (CORS) restrictions. These restrictions often lead to unexpected failures, especially when trying to manipulate images using technologies like html2canvas to capture screenshots with overlays.

The Problem

When capturing web page screenshots using

Read more
PHP HTML

Improving Canvas Image Handling in Breniapp/brenia

Introduction

This post details a fix implemented in Breniapp/brenia to improve how canvas images are handled, specifically addressing issues with html2canvas when capturing overlays. The core problem was that the crossorigin="anonymous" attribute on canvas images was causing html2canvas to fail in certain scenarios.

The Problem: CORS and html2canvas

The crossorigin="anonymous"

Read more

Streamlining Media Handling in Breniapp

The Breniapp project focuses on streamlining internal business processes. Recently, we tackled an issue with how media assets were being handled, specifically in the content library.

The Problem

The asset() helper function was generating incorrect URLs for files stored in the public disk, leading to broken links and display issues.

Read more
PHP HTML CSS

Layout Broken: A Tale of an Unclosed Div

Ever had a small HTML error cause a cascade of layout issues? This is the story of how an unclosed div tag in the Breniapp/brenia project led to a broken layout and a late-night fix.

The Problem

The issue manifested as content being rendered underneath the sidebar, with no overflow, effectively breaking the entire Filament layout. The culprit? A conditional div tag that wasn't properly

Read more
PHP AI

Enhancing Content Chat with AI Model Overrides in Breniapp

Introduction

The Breniapp project is enhancing its content chat feature, providing superadmins with more control over AI model selection during content generation. This feature aims to offer greater flexibility and customization in AI-driven content creation.

The Feature: AI Model Overrides

The core of this update lies in the introduction of AI model overrides within the content chat

Read more

Improving Image Downloads in Breniapp

Introduction

In Breniapp, we recently tackled an issue where downloaded images were not reflecting the complete visual output displayed on screen. Specifically, text and logo overlays, which were rendered using HTML and CSS, were missing from the downloaded image, resulting in users receiving only the base image.

The Problem

The original download implementation was simply fetching the

Read more