@webikon/webentor-codemods 0.1.0

package/migrations/0.13.0/rules/deps.yml

@@ -0,0 +1,311 @@
+# Dependency bumps for the webentor-core 0.13.0 upgrade.
+#
+# One rule per dependency, matched by its exact key (anchored regex, so e.g.
+# "eslint" never matches "eslint-plugin-prettier") with a value-is-string guard
+# (so a config object that shares a key — e.g. "lint-staged"/"prettier"/"stylelint"
+# — is never clobbered), rewritten to the 0.13.0 starter baseline range regardless
+# of the consumer's current value. The set is the complete
+# `git diff <0.12 baseline> -- <theme>/{package,composer}.json`.
+#
+# `files:` scopes npm rules to package.json and the composer rule to composer.json.
+# Held majors (react 18, eslint 9, vite 7, typescript 5, lint-staged 16) are
+# intentionally absent. `name`/`version` are never touched.
+id: deps-10up-block-components
+language: json
+files: ['**/package.json']
+rule:
+  kind: pair
+  all:
+    - has: { field: key, regex: '^"@10up/block-components"$' }
+    - has: { field: value, kind: string }
+fix: '"@10up/block-components": "^1.22.2"'
+---
+id: deps-eslint-js
+language: json
+files: ['**/package.json']
+rule:
+  kind: pair
+  all:
+    - has: { field: key, regex: '^"@eslint/js"$' }
+    - has: { field: value, kind: string }
+fix: '"@eslint/js": "^9.39.2"'
+---
+id: deps-ianvs-sort-imports
+language: json
+files: ['**/package.json']
+rule:
+  kind: pair
+  all:
+    - has: { field: key, regex: '^"@ianvs/prettier-plugin-sort-imports"$' }
+    - has: { field: value, kind: string }
+fix: '"@ianvs/prettier-plugin-sort-imports": "^4.7.1"'
+---
+id: deps-roots-vite-plugin
+language: json
+files: ['**/package.json']
+rule:
+  kind: pair
+  all:
+    - has: { field: key, regex: '^"@roots/vite-plugin"$' }
+    - has: { field: value, kind: string }
+fix: '"@roots/vite-plugin": "^1.3.1"'
+---
+id: deps-shufo-blade
+language: json
+files: ['**/package.json']
+rule:
+  kind: pair
+  all:
+    - has: { field: key, regex: '^"@shufo/prettier-plugin-blade"$' }
+    - has: { field: value, kind: string }
+fix: '"@shufo/prettier-plugin-blade": "^1.16.2"'
+---
+id: deps-tailwindcss-postcss
+language: json
+files: ['**/package.json']
+rule:
+  kind: pair
+  all:
+    - has: { field: key, regex: '^"@tailwindcss/postcss"$' }
+    - has: { field: value, kind: string }
+fix: '"@tailwindcss/postcss": "^4.3.1"'
+---
+id: deps-tailwindcss-vite
+language: json
+files: ['**/package.json']
+rule:
+  kind: pair
+  all:
+    - has: { field: key, regex: '^"@tailwindcss/vite"$' }
+    - has: { field: value, kind: string }
+fix: '"@tailwindcss/vite": "^4.3.1"'
+---
+id: deps-types-wordpress-block-editor
+language: json
+files: ['**/package.json']
+rule:
+  kind: pair
+  all:
+    - has: { field: key, regex: '^"@types/wordpress__block-editor"$' }
+    - has: { field: value, kind: string }
+fix: '"@types/wordpress__block-editor": "^15.0.6"'
+---
+id: deps-vitejs-plugin-react
+language: json
+files: ['**/package.json']
+rule:
+  kind: pair
+  all:
+    - has: { field: key, regex: '^"@vitejs/plugin-react"$' }
+    - has: { field: value, kind: string }
+fix: '"@vitejs/plugin-react": "^5.2.0"'
+---
+id: deps-webentor-core-npm
+language: json
+files: ['**/package.json']
+rule:
+  kind: pair
+  all:
+    - has: { field: key, regex: '^"@webikon/webentor-core"$' }
+    - has: { field: value, kind: string }
+fix: '"@webikon/webentor-core": "^0.13.0"'
+---
+id: deps-wp-block-editor
+language: json
+files: ['**/package.json']
+rule:
+  kind: pair
+  all:
+    - has: { field: key, regex: '^"@wordpress/block-editor"$' }
+    - has: { field: value, kind: string }
+fix: '"@wordpress/block-editor": "^15.21.1"'
+---
+id: deps-wp-block-library
+language: json
+files: ['**/package.json']
+rule:
+  kind: pair
+  all:
+    - has: { field: key, regex: '^"@wordpress/block-library"$' }
+    - has: { field: value, kind: string }
+fix: '"@wordpress/block-library": "^9.48.1"'
+---
+id: deps-wp-blocks
+language: json
+files: ['**/package.json']
+rule:
+  kind: pair
+  all:
+    - has: { field: key, regex: '^"@wordpress/blocks"$' }
+    - has: { field: value, kind: string }
+fix: '"@wordpress/blocks": "^15.21.1"'
+---
+id: deps-wp-components
+language: json
+files: ['**/package.json']
+rule:
+  kind: pair
+  all:
+    - has: { field: key, regex: '^"@wordpress/components"$' }
+    - has: { field: value, kind: string }
+fix: '"@wordpress/components": "^35.0.1"'
+---
+id: deps-wp-dependency-extraction
+language: json
+files: ['**/package.json']
+rule:
+  kind: pair
+  all:
+    - has: { field: key, regex: '^"@wordpress/dependency-extraction-webpack-plugin"$' }
+    - has: { field: value, kind: string }
+fix: '"@wordpress/dependency-extraction-webpack-plugin": "^6.48.1"'
+---
+id: deps-wp-i18n
+language: json
+files: ['**/package.json']
+rule:
+  kind: pair
+  all:
+    - has: { field: key, regex: '^"@wordpress/i18n"$' }
+    - has: { field: value, kind: string }
+fix: '"@wordpress/i18n": "^6.21.1"'
+---
+id: deps-wp-icons
+language: json
+files: ['**/package.json']
+rule:
+  kind: pair
+  all:
+    - has: { field: key, regex: '^"@wordpress/icons"$' }
+    - has: { field: value, kind: string }
+fix: '"@wordpress/icons": "^14.0.1"'
+---
+id: deps-eslint
+language: json
+files: ['**/package.json']
+rule:
+  kind: pair
+  all:
+    - has: { field: key, regex: '^"eslint"$' }
+    - has: { field: value, kind: string }
+fix: '"eslint": "^9.39.2"'
+---
+id: deps-eslint-plugin-prettier
+language: json
+files: ['**/package.json']
+rule:
+  kind: pair
+  all:
+    - has: { field: key, regex: '^"eslint-plugin-prettier"$' }
+    - has: { field: value, kind: string }
+fix: '"eslint-plugin-prettier": "^5.5.6"'
+---
+id: deps-lint-staged
+language: json
+files: ['**/package.json']
+rule:
+  kind: pair
+  all:
+    - has: { field: key, regex: '^"lint-staged"$' }
+    - has: { field: value, kind: string }
+fix: '"lint-staged": "^16.4.0"'
+---
+id: deps-postcss
+language: json
+files: ['**/package.json']
+rule:
+  kind: pair
+  all:
+    - has: { field: key, regex: '^"postcss"$' }
+    - has: { field: value, kind: string }
+fix: '"postcss": "^8.5.15"'
+---
+id: deps-prettier
+language: json
+files: ['**/package.json']
+rule:
+  kind: pair
+  all:
+    - has: { field: key, regex: '^"prettier"$' }
+    - has: { field: value, kind: string }
+fix: '"prettier": "^3.8.4"'
+---
+id: deps-prettier-plugin-tailwindcss
+language: json
+files: ['**/package.json']
+rule:
+  kind: pair
+  all:
+    - has: { field: key, regex: '^"prettier-plugin-tailwindcss"$' }
+    - has: { field: value, kind: string }
+fix: '"prettier-plugin-tailwindcss": "^0.8.0"'
+---
+id: deps-stylelint
+language: json
+files: ['**/package.json']
+rule:
+  kind: pair
+  all:
+    - has: { field: key, regex: '^"stylelint"$' }
+    - has: { field: value, kind: string }
+fix: '"stylelint": "^17.13.0"'
+---
+id: deps-stylelint-config-recommended
+language: json
+files: ['**/package.json']
+rule:
+  kind: pair
+  all:
+    - has: { field: key, regex: '^"stylelint-config-recommended"$' }
+    - has: { field: value, kind: string }
+fix: '"stylelint-config-recommended": "^18.0.0"'
+---
+id: deps-tailwindcss
+language: json
+files: ['**/package.json']
+rule:
+  kind: pair
+  all:
+    - has: { field: key, regex: '^"tailwindcss"$' }
+    - has: { field: value, kind: string }
+fix: '"tailwindcss": "^4.3.1"'
+---
+id: deps-typescript-eslint
+language: json
+files: ['**/package.json']
+rule:
+  kind: pair
+  all:
+    - has: { field: key, regex: '^"typescript-eslint"$' }
+    - has: { field: value, kind: string }
+fix: '"typescript-eslint": "^8.61.1"'
+---
+id: deps-vite
+language: json
+files: ['**/package.json']
+rule:
+  kind: pair
+  all:
+    - has: { field: key, regex: '^"vite"$' }
+    - has: { field: value, kind: string }
+fix: '"vite": "^7.3.5"'
+---
+id: deps-alpinejs-intersect
+language: json
+files: ['**/package.json']
+rule:
+  kind: pair
+  all:
+    - has: { field: key, regex: '^"@alpinejs/intersect"$' }
+    - has: { field: value, kind: string }
+fix: '"@alpinejs/intersect": "^3.15.12"'
+---
+id: deps-webentor-core-composer
+language: json
+files: ['**/composer.json']
+rule:
+  kind: pair
+  all:
+    - has: { field: key, regex: '^"webikon/webentor-core"$' }
+    - has: { field: value, kind: string }
+fix: '"webikon/webentor-core": "^0.13"'

package/migrations/0.13.0/rules/editor-enqueue-iframe.yml

@@ -0,0 +1,62 @@
+id: theme-editor-enqueue-iframe
+language: php
+severity: hint
+message: >-
+  Move editor canvas styles to `enqueue_block_assets` (is_admin) so WP 7.0's
+  iframed editor styles them correctly.
+note: >-
+  Matches the canonical theme `app/setup.php` that enqueues the editor JS plus
+  the `editor.css` and `button.style.css` styles all on
+  `enqueue_block_editor_assets`. Rewrites it so the JS stays on
+  `enqueue_block_editor_assets` while the two styles move to a new
+  `enqueue_block_assets` hook guarded by `is_admin()` (WP 7.0 iframe editor).
+  Already-migrated files (no styles left on that hook) do not match — idempotent.
+rule:
+  all:
+    - pattern: "add_action('enqueue_block_editor_assets', function (): void { $$$BODY }, 10);"
+    - has:
+        pattern: "\\Kucrut\\Vite\\enqueue_asset($JSDIR, 'resources/scripts/editor.ts', $JSOPTS)"
+        stopBy: end
+    - has:
+        pattern: "\\Kucrut\\Vite\\enqueue_asset($SDIR, 'resources/styles/editor.css', $SOPTS)"
+        stopBy: end
+    - has:
+        pattern: "\\Kucrut\\Vite\\enqueue_asset($BDIR, 'resources/core-components/button/button.style.css', $BOPTS)"
+        stopBy: end
+fix: |-
+  add_action('enqueue_block_editor_assets', function (): void {
+      $dependencies = File::exists(get_template_directory() . '/public/build/editor.deps.json') ? File::json(get_template_directory() . '/public/build/editor.deps.json') : [];
+
+      \Kucrut\Vite\enqueue_asset(
+          $JSDIR,
+          'resources/scripts/editor.ts',
+          $JSOPTS
+      );
+  }, 10);
+
+  /**
+   * Enqueue global block-editor styles into the editor canvas.
+   *
+   * Since WP 6.9/7.0 the editor runs in an iframe. Global canvas styles must be
+   * registered on `enqueue_block_assets` (not `enqueue_block_editor_assets`) so
+   * WordPress routes them into the iframe; otherwise it warns that the style was
+   * "added to the iframe incorrectly". The `is_admin()` guard keeps them off the
+   * public frontend, where this hook also fires.
+   */
+  add_action('enqueue_block_assets', function (): void {
+      if (!is_admin()) {
+          return;
+      }
+
+      \Kucrut\Vite\enqueue_asset(
+          $SDIR,
+          'resources/styles/editor.css',
+          $SOPTS
+      );
+
+      \Kucrut\Vite\enqueue_asset(
+          $BDIR,
+          'resources/core-components/button/button.style.css',
+          $BOPTS
+      );
+  }, 10);

package/migrations/__fixtures__/0.13.0/after/app/setup.php

@@ -0,0 +1,226 @@
+<?php
+
+namespace App;
+
+use Illuminate\Support\Facades\File;
+
+/**
+ * Register the theme assets.
+ *
+ * @return void
+ */
+add_action('enqueue_block_editor_assets', function (): void {
+    $dependencies = File::exists(get_template_directory() . '/public/build/editor.deps.json') ? File::json(get_template_directory() . '/public/build/editor.deps.json') : [];
+
+    \Kucrut\Vite\enqueue_asset(
+        get_template_directory() . '/public/build',
+        'resources/scripts/editor.ts',
+        [
+            'handle' => 'theme-blocks-editor',
+            'dependencies' => $dependencies,
+            'in-footer' => true, // Optional. Defaults to false.
+        ]
+    );
+}, 10);
+
+/**
+ * Enqueue global block-editor styles into the editor canvas.
+ *
+ * Since WP 6.9/7.0 the editor runs in an iframe. Global canvas styles must be
+ * registered on `enqueue_block_assets` (not `enqueue_block_editor_assets`) so
+ * WordPress routes them into the iframe; otherwise it warns that the style was
+ * "added to the iframe incorrectly". The `is_admin()` guard keeps them off the
+ * public frontend, where this hook also fires.
+ */
+add_action('enqueue_block_assets', function (): void {
+    if (!is_admin()) {
+        return;
+    }
+
+    \Kucrut\Vite\enqueue_asset(
+        get_template_directory() . '/public/build',
+        'resources/styles/editor.css',
+        [
+            'handle' => 'theme-blocks-editor-styles',
+            'css-only' => true,
+        ]
+    );
+
+    \Kucrut\Vite\enqueue_asset(
+        get_template_directory() . '/public/build',
+        'resources/core-components/button/button.style.css',
+        [
+            'handle' => 'theme-button-styles',
+            'css-only' => true,
+        ]
+    );
+}, 10);
+
+add_action('wp_enqueue_scripts', function () {
+    \Kucrut\Vite\enqueue_asset(
+        get_template_directory() . '/public/build',
+        'resources/scripts/app.ts',
+        [
+            'handle' => 'theme-app-scripts',
+            'in-footer' => true
+        ]
+    );
+
+    \Kucrut\Vite\enqueue_asset(
+        get_template_directory() . '/public/build',
+        'resources/styles/app.css',
+        [
+            'handle' => 'theme-app-styles',
+            'css-only' => true,
+        ]
+    );
+
+    \Kucrut\Vite\enqueue_asset(
+        get_template_directory() . '/public/build',
+        'resources/styles/lightgallery.css',
+        [
+            'handle' => 'theme-lightgallery-styles',
+            'css-only' => true,
+        ]
+    );
+
+    // Core components
+    \Kucrut\Vite\enqueue_asset(
+        get_template_directory() . '/public/build',
+        'resources/core-components/button/button.style.css',
+        [
+            'handle' => 'theme-button-styles',
+            'css-only' => true,
+        ]
+    );
+
+    // $manifest = \Kucrut\Vite\get_manifest(get_template_directory() . '/public/build');
+
+    // $components = glob(get_template_directory() . '/resources/core-components/*/');
+    // foreach ($components as $component) {
+    //     $componentName = basename($component);
+    //     if (!empty($manifest->data->{"resources/core-components/{$componentName}/{$componentName}.script.ts"})) {
+    //         \Kucrut\Vite\enqueue_asset(
+    //             get_template_directory() . '/public/build',
+    //             "resources/core-components/{$componentName}/{$componentName}.script.ts",
+    //             [
+    //                 'handle' => "theme-{$componentName}-scripts",
+    //             ]
+    //         );
+    //     }
+
+    //     if (!empty($manifest->data->{"resources/core-components/{$componentName}/{$componentName}.style.css"})) {
+    //         \Kucrut\Vite\enqueue_asset(
+    //             get_template_directory() . '/public/build',
+    //             "resources/core-components/{$componentName}/{$componentName}.style.css",
+    //             [
+    //                 'handle' => "theme-{$componentName}-styles",
+    //                 'css-only' => true,
+    //             ]
+    //         );
+    //     }
+    // }
+}, 10);
+
+/**
+ * Use the generated theme.json file.
+ *
+ * @return string
+ */
+add_filter('theme_file_path', function ($path, $file) {
+    return $file === 'theme.json'
+        ? public_path('build/assets/theme.json')
+        : $path;
+}, 10, 2);
+
+/**
+ * Add custom classes to body.
+ *
+ * @param  array $classes Array of body classes.
+ * @return array Modified array of body classes.
+ */
+add_filter('body_class', function (array $classes): array {
+    $classes[] = 'webentor-theme';
+
+    return $classes;
+});
+
+/**
+ * Add custom classes to Gutenberg editor wrapper, but only on edit pages.
+ *
+ * @param  string $classes String of editor wrapper classes.
+ * @return string Modified string of editor wrapper classes.
+ */
+add_filter('admin_body_class', function (string $classes): string {
+    $screen = get_current_screen();
+
+    if ($screen && $screen->is_block_editor()) {
+        $classes .= ' webentor-theme';
+    }
+
+    return $classes;
+});
+
+/**
+ * Register the initial theme setup.
+ *
+ * @return void
+ */
+add_action('after_setup_theme', function () {
+    /**
+     * Load languages.
+     */
+    load_theme_textdomain('webentor', get_stylesheet_directory() . '/resources/languages');
+
+    /**
+     * Register the navigation menus.
+     *
+     * @link https://developer.wordpress.org/reference/functions/register_nav_menus/
+     */
+    register_nav_menus([
+        'primary_nav' => __('Primary Nav', 'webentor'),
+    ]);
+
+    /**
+     * Enable plugins to manage the document title.
+     *
+     * @link https://developer.wordpress.org/reference/functions/add_theme_support/#title-tag
+     */
+    add_theme_support('title-tag');
+
+    /**
+     * Enable post thumbnail support.
+     *
+     * @link https://developer.wordpress.org/themes/functionality/featured-images-post-thumbnails/
+     */
+    add_theme_support('post-thumbnails');
+
+    /**
+     * Enable responsive embed support.
+     *
+     * @link https://developer.wordpress.org/block-editor/how-to-guides/themes/theme-support/#responsive-embedded-content
+     */
+    add_theme_support('responsive-embeds');
+
+    /**
+     * Enable HTML5 markup support.
+     *
+     * @link https://developer.wordpress.org/reference/functions/add_theme_support/#html5
+     */
+    add_theme_support('html5', [
+        'caption',
+        'comment-form',
+        'comment-list',
+        'gallery',
+        'search-form',
+        'script',
+        'style',
+    ]);
+
+    /**
+     * Enable selective refresh for widgets in customizer.
+     *
+     * @link https://developer.wordpress.org/reference/functions/add_theme_support/#customize-selective-refresh-widgets
+     */
+    add_theme_support('customize-selective-refresh-widgets');
+}, 20);

package/migrations/__fixtures__/0.13.0/after/composer.json

@@ -0,0 +1,63 @@
+{
+  "name": "webikon/webentor-theme",
+  "type": "wordpress-theme",
+  "version": "2.0.6",
+  "description": "Webentor starter theme",
+  "homepage": "https://webikon.sk",
+  "authors": [
+    {
+      "name": "Roots",
+      "homepage": "https://github.com/roots/sage"
+    },
+    {
+      "name": "Webikon s.r.o.",
+      "email": "support@webikon.sk",
+      "homepage": "https://webikon.sk"
+    },
+    {
+      "name": "Pavol Caban",
+      "email": "pavol.caban@webikon.sk",
+      "homepage": "https://webikon.sk"
+    }
+  ],
+  "repositories": [
+    {
+      "type": "github",
+      "url": "https://github.com/webikon/webentor-core.git"
+    }
+  ],
+  "autoload": {
+    "psr-4": {
+      "App\\": "app/"
+    }
+  },
+  "require": {
+    "php": ">=8.3",
+    "johnbillion/extended-cpts": "^5.0",
+    "log1x/acf-composer": "^3.0",
+    "log1x/sage-directives": "^2.0",
+    "log1x/sage-svg": "^2.0",
+    "roots/acorn": "^5.0",
+    "roots/acorn-prettify": "^1.0",
+    "stoutlogic/acf-builder": "^1.12",
+    "webikon/webentor-core": "^0.13"
+  },
+  "require-dev": {
+    "squizlabs/php_codesniffer": "^3.8.0"
+  },
+  "config": {
+    "optimize-autoloader": true,
+    "preferred-install": "dist",
+    "sort-packages": true
+  },
+  "minimum-stability": "dev",
+  "prefer-stable": true,
+  "scripts": {
+    "post-autoload-dump": [
+      "Roots\\Acorn\\ComposerScripts::postAutoloadDump"
+    ],
+    "lint": [
+      "phpcs --extensions=php --standard=PSR12 app"
+    ]
+  }
+}