Latest Updates

Documenting code, one commit at a time.

Personalizing the User Experience: Dynamic Theme Switching in Landing Pages

Introduction

Imagine offering users a seamless way to customize their experience directly from their portfolio page. This post details how the 'landing' project implemented a floating theme selector, providing authenticated owners the power to change their portfolio's appearance without navigating to admin settings.

The Challenge: Static Themes

Previously, users had to delve into admin

Read more

Improving Theme Selection in Landing Pages

The landing project provides customizable landing pages. Recently, we addressed an issue with the theme selection process that was causing cross-origin errors on tenant subdomains.

The Problem

Previously, the theme selector used the route() function to generate URLs. This resulted in the main domain URL being generated, which caused cross-origin failures when the landing page was accessed

Read more

Laravel and Vite: Fixing Manifest Issues After Upgrade

Introduction

After upgrading to Vite 6 in a Laravel project, you might encounter issues with the location of the manifest.json file. The laravel-vite-plugin version 0.8 expects the manifest in build/manifest.json, but Vite 6 outputs it to .vite/manifest.json. This discrepancy can break asset loading in your application.

The Problem: Manifest File Location

When upgrading to newer

Read more

Modernizing the UI and unifying chat styling in Breniapp

The Breniapp project has been undergoing UI modernization efforts, focusing on both the overall aesthetics and specific elements like the chat interface. This post will cover the key changes and their impact.

Design System Refinements

One of the primary goals was to refine the existing design system. This included subtle but impactful changes such as:

  • Softer card shadows: Providing a
Read more

Enhancing the Portfolio Tour with AI Integration in Landing

Introduction

The landing project serves as a central hub for showcasing user portfolios and capabilities. A key aspect of this is guiding new users through the platform's features to ensure a smooth onboarding experience.

The Enhancement

Recent updates focused on enhancing the portfolio tour, specifically highlighting the platform's AI-powered post generation capabilities. This involves:

Read more
PHP JavaScript

Preserving Element Dimensions with Alpine.js Bindings

When working with dynamic styling in Alpine.js, it's crucial to understand how attribute bindings interact with existing styles. A common pitfall is unintentionally overwriting existing style attributes when only intending to modify a specific style property.

The Problem: Overwriting Styles

The issue arises when using the :style binding in Alpine.js. If the expression bound to :style

Read more
PHP JavaScript

Improving Context Management in Breniapp Chat Iterations

The Breniapp project focuses on enhancing user interaction and content generation. A recent update addresses context pollution during chat iterations, streamlining the process and improving debug capabilities for administrators.

The Problem: Context Accumulation

Previously, the chat iteration process (handleIterateSubmitDirect) appended modifications directly to the existing context.

Read more
JavaScript PHP

Fixing a Scoped JavaScript Issue in Breniapp/brenia

The Breniapp/brenia project encountered an issue where a JavaScript library, html2canvas, was not properly loaded on a specific page, leading to undefined behavior. Here's how the problem was identified and resolved.

The Problem

The html2canvas library, intended for use on the content-generation page within the Filament admin panel, was failing to load.

Read more
PHP JavaScript

Enhancing Image Editing Workflow in Breniapp/brenia

Introduction

In the Breniapp/brenia project, a recent enhancement focuses on improving the image editing workflow after initial image generation. This involves ensuring that events triggered during the generation process are properly handled to enable seamless editing capabilities.

The Problem

Previously, after an image was generated using the GenerateEditorPanel, an iterate-layer

Read more
PHP JavaScript

Fixing html2canvas Scope in Livewire

When using JavaScript libraries within Livewire components, you might encounter scope issues. This post explores a common problem with html2canvas and how to resolve it.

The Problem: Isolated Scopes

Livewire's @script directive creates an isolated scope. This means variables and functions defined outside the scope might not be directly accessible within it.

Read more