joemaller

To enable thicker separator rules while still using theme.json and being able to let authors set the color of the separator, do this:

      "core/separator": {
        "border": {
          "top": {
            "style": "solid",
            "color": "transparent",
 "width": "3px"

joemaller

// webpack v5.102.1 (generated 2025-10-20)
import webpack from "webpack";
console.log("Webpack Compilation Stages:", webpack.Compilation);

// https://webpack.js.org/api/compilation-hooks/#list-of-asset-processing-stages
const result = {
  PROCESS_ASSETS_STAGE_ADDITIONAL: -2000,
  PROCESS_ASSETS_STAGE_PRE_PROCESS: -1000,
  PROCESS_ASSETS_STAGE_DERIVED: -200,
  PROCESS_ASSETS_STAGE_ADDITIONS: -100,

joemaller

# Connect and start an Exchange Online PowerShell session
Connect-ExchangeOnline -UserPrincipalName [email protected]

# Publish the calendar
Set-MailboxCalendarFolder -Identity "[email protected]:\Calendar" -PublishEnabled $true -DetailLevel FullDetails -PublishDateRangeFrom ThreeMonths -PublishDateRangeTo OneYear

# Print the Published ICS url
Get-MailboxCalendarFolder -Identity "[email protected]:\Calendar" | Select-Object -ExpandProperty PublishedICalUrl

joemaller

# Display in a lower subgraph
declare lower; 

# Top-Five QQQ components with rankings from Invesco
input stock1 = "MSFT";
input weight1 = 8.85;

input stock2 = "NVDA";
input weight2 = 8.754;

joemaller

Input: Any Processing Instruction element, eg. <? string >?

Output modified Processing Instruction element

Expected Processing Instruction element passed through unchanged.

---

joemaller

Use Prettier to format HTML & PHP with a single VS Code command

Prettier is a fantastic tool, but doesn't natively support PHP. The Prettier PHP Plugin helps, but fully takes over formatting of PHP files and skips HTML in mixed documents.

There is a command-line solution (add --parser html), but most of the time I'm formatting on-the-fly in VS Code, so dropping out to the command line would be a huge slowdown.

Which brings up another problem: The Prettier VS Code extension hasn't worked with Prettier plugins since August 2023.

But, there's a solution to which works really well, even if it's a little slow.

joemaller

Plane questions

• Q. How to run vitest with full breakpoint debugging in vscode?

  Open JavaScript Debug terminal from the VS Code terminal dropdown menu. Run the tests normally.

• how to increase the collapse limit for nested objects in the js console when dumping from vitest?

  This works, but it's gross:

import util from "node:util";

joemaller

Patterns are proving to be exceptionally useful, but there is some confusing, bug-like behavior with the core/query Query Loop block where patterns assigned to newly inserted blocks discard the pattern's query and fallback to the block's defaults. (as of March 2025).

1. Insert a Query Loop block, click Choose, select pattern.
   Expectation: Use the specified pattern's query.
   Actual: The pattern specified in the query is ignored, query reverts to defaults (postType, perPage, order, etc.)
   

2. Configure a Query Loop Block, then click Replace to choose a pattern
   Expectation: Either use the query in the pattern, or offer an option to replace the query?
   Actual: Existing query is preserved.
   This situation is not clear. Existing behavior makes some sense, since we've already configured the query. However there is still a query in the pattern which is being ignored.

joemaller

WordPress 6.6 introduced support for custom Aspect Ratios for image blocks. Image Aspect Ratio options can be configured in the WordPress Block Editor by providing a list in the settings.dimensions object.

There's no easy way to remove individual aspect ratios from the list. The only options are to extend the existing list or fully replace it.

So, something like the following will produce a menu with 12 Aspect Ratio choices.

{
  "$schema": "https://schemas.wp.org/trunk/theme.json",
  "version": 3,

joemaller

<?php


/**
 * Experiment to rewrite the render_callbacks of the pagination prev/next blocks to swap the arrow for something else
 */
add_filter('register_block_type_args', __NAMESPACE__ . '\\swap_render_callback', 10, 2);

/**
 * Replace the pagination-prev/next render_callback with a function which wraps the native function's return value