Merge pull request #84 from WebDevStudios/feature/WDSEN-5-Script-Cleanup

WDSEN-51: Script cleanup + platform agnostic package changes

Author: thatmitchcanter

.devcontainer/README.md

@@ -0,0 +1,17 @@
+# Theme Dev Container
+
+A **theme-only** dev container so you can work on WDS BT without installing PHP or Node locally—whether you’re at WDS (using the project template) or anywhere else. The stack matches [WebDevStudios/wds-devcontainer](https://github.com/WebDevStudios/wds-devcontainer): **PHP 8.2** and **Node 24**.
+
+## Usage
+
+1. Open this theme repo in Cursor or VS Code.
+2. Choose **Reopen in Container** (or run **Dev Containers: Reopen in Container** from the command palette).
+3. After the container builds, run `npm run setup` if needed (postCreate runs `npm ci && composer install`).
+
+## What’s included
+
+- PHP 8.2 with Composer and extensions: tokenizer, xmlwriter, simplexml, dom, mbstring  
+- Node 24  
+- VS Code extensions: Intelephense, ESLint, Prettier, Stylelint  
+
+When you use a full WordPress project (e.g. WDS project template), that project’s devcontainer is used for the site; this one is for standalone theme development only.

.devcontainer/devcontainer.json

@@ -0,0 +1,29 @@
+{
+	"name": "WDS BT",
+	"image": "mcr.microsoft.com/devcontainers/base:ubuntu-24.04",
+	"features": {
+		"ghcr.io/devcontainers/features/php:1": {
+			"version": "8.2",
+			"installComposer": true,
+			"installXdebug": false,
+			"extensions": "tokenizer,xmlwriter,simplexml,dom,mbstring"
+		},
+		"ghcr.io/devcontainers/features/node:1": {
+			"version": "24",
+			"nodeGypDependencies": true,
+			"installYarnUsingApt": false
+		}
+	},
+	"customizations": {
+		"vscode": {
+			"extensions": [
+				"bmewburn.vscode-intelephense-client",
+				"dbaeumer.vscode-eslint",
+				"esbenp.prettier-vscode",
+				"stylelint.vscode-stylelint"
+			]
+		}
+	},
+	"postCreateCommand": "npm ci && composer install --no-interaction",
+	"remoteUser": "vscode"
+}

.env

@@ -1,3 +1,3 @@
 # The version of your theme, manually updated by you.
 # This version will be reflected in style.css, package.json, and composer.json.
-VERSION=1.4.0
+VERSION=1.4.5

.npmrc

@@ -0,0 +1,5 @@
+# Allow legacy peer deps for WordPress ecosystem compatibility
+legacy-peer-deps=true
+
+# Ensure scripts run with proper shell
+script-shell=/bin/bash

.nvmrc

@@ -1,6 +1,6 @@
 # WDS BT
 
-## Version: 1.4.0
+## Version: 1.4.5
 
 [![WebDevStudios. Your Success is Our Mission.](https://webdevstudios.com/wp-content/uploads/2024/02/wds-banner.png)](https://webdevstudios.com/contact/)
 
@@ -53,7 +53,7 @@ WDS BT is a foundational WordPress block theme designed for maximum flexibility
 | Responsive Design                                | Ensures optimal display and functionality across devices.                                           |
 | Foundation Theme                                 | Flexible base theme optimized for extensive customization.                                          |
 | Automated Code Quality                           | Modern linting configurations with PHP 8.3 compatibility, ESLint 9 flat config, WordPress coding standards, and automated quality checks. |
-| Cross-Platform PHP Support                       | Automatic PHP binary detection and extension handling for Mac, Linux, and CI/CD environments.       |
+| DevContainer                                    | [.devcontainer](.devcontainer) for **theme-only** workflow: PHP 8.2, Node 24, Composer. Usable by anyone (not just WDS); matches [wds-devcontainer](https://github.com/WebDevStudios/wds-devcontainer) when using the project template. |
 | Third-party Block Style Overrides                | Conditionally enqueue and override third-party block styles for efficient asset delivery.           |
 | Accessibility Compliance                         | Built-in WCAG 2.2 compliance with automated Pa11y checks.                                           |
 | Enhanced Webpack Configuration                   | Refined Webpack setup for improved dependency resolution and optimized asset management.            |
@@ -82,6 +82,8 @@ WDS BT is a foundational WordPress block theme designed for maximum flexibility
 2. Activate WDS BT from your WordPress admin panel under Appearance > Themes.
 3. Run `npm run setup` to install dependencies and perform an initial build.
 
+**Theme-only dev (no local PHP/Node):** Open this repo in Cursor or VS Code and choose **Reopen in Container**. The [.devcontainer](.devcontainer) provides PHP 8.2 and Node 24 so you can run `npm run setup` and build without installing tooling locally—works for everyone, not only WDS projects.
+
 ## Documentation
 
 Full documentation is in the **[docs/](docs/README.md)** folder. Use it for setup details, NPM scripts, fonts, version management, linting and Lefthook, performance and images, Block Showcase, customizations, and accessibility/quality.

README.md

@@ -26,7 +26,6 @@
 		margin-top: var(--wp--preset--spacing--gap);
 
 		.wp-block-accordion {
-			background: var(--wp--preset--color--base, #fff);
 			overflow: hidden;
 		}
 
@@ -97,7 +96,6 @@
 				var(--wp--preset--color--contrast, rgba(0, 0, 0, 0.1));
 			border-radius: var(--wp--preset--border-radius--md);
 			box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
-			background: var(--wp--preset--color--base, #fff);
 			padding: var(--wp--preset--spacing--50);
 			overflow: hidden;
 			display: flex;
@@ -120,7 +118,6 @@
 						rgba(0, 0, 0, 0.6)
 					);
 					font-size: var(--wp--preset--font-size--small);
-					background: var(--wp--preset--color--base-2, #f5f5f5);
 					padding: var(--wp--preset--spacing--30);
 					border-radius: var(--wp--preset--border-radius--sm);
 				}