@airfleet/generator-init 0.15.3 → 0.17.0

package/README.md

@@ -1,6 +1,6 @@
 # Airfleet Generator
 
-![npm](https://img.shields.io/npm/v/@airfleet/generator-init)
+[![npm](https://img.shields.io/npm/v/@airfleet/generator-init)](https://www.npmjs.com/package/@airfleet/generator-init)
 [![📦 Release (npm)](https://github.com/airfleet/airfleet-generator-cli/actions/workflows/release-npm.yml/badge.svg)](https://github.com/airfleet/airfleet-generator-cli/actions/workflows/release-npm.yml)
 
 A Yeoman generator to scaffold common Airfleet features.

package/generators/plugin/index.js

@@ -1,5 +1,6 @@
 "use strict";
 import Generator from "yeoman-generator";
+import { paramCase } from "change-case";
 
 import nameCases from "../../utils/nameCases.js";
 import copyTemplates from "../../utils/copyTemplates.js";
@@ -58,12 +59,6 @@ export default class extends Generator {
         message: "What's the documentation URL? (Notion page)",
         validate: requiredText("Please enter the documentation URL"),
       },
-      {
-        type: "confirm",
-        name: "pluginCreateOptions",
-        message: "Create theme options page?",
-        default: true,
-      },
       {
         type: "input",
         name: "pluginVersion",
@@ -85,10 +80,35 @@ export default class extends Generator {
         validate: requiredText("Please enter the Node version"),
         default: ">=16",
       },
+      {
+        type: "list",
+        name: "pluginCreateOptions",
+        message: "Create options page?",
+        choices: ["No", "Framework", "ACF"],
+        default: "Framework",
+      },
+      {
+        type: "confirm",
+        name: "pluginAcfLocalJson",
+        message: "Add ACF Local JSON?",
+        default: false,
+      },
+      {
+        type: "list",
+        name: "pluginAjaxVariables",
+        message: "Add AJAX variables?",
+        choices: ["No", "Frontend", "Admin", "Both"],
+        default: "No",
+      },
     ];
 
     this.answers = await this.prompt(prompts);
     this.name = nameCases(this.answers.pluginName);
+    this.ajaxVariables = {
+      frontend: this.answers.pluginAjaxVariables === 'Both' || this.answers.pluginAjaxVariables === 'Frontend',
+      admin: this.answers.pluginAjaxVariables === 'Both' || this.answers.pluginAjaxVariables === 'Admin',
+    };
+    this.optionsPage = paramCase(this.answers.pluginCreateOptions);
 
     const nameNoAirfleet = this.answers.pluginName
       .replace(/^airfleet/i, "")
@@ -102,14 +122,18 @@ export default class extends Generator {
       packageName: `@airfleet/${this.nameNoAirfleet.slug}-wp-plugin`,
       mainBranch: "main",
       year: new Date().getFullYear(),
+      ajaxVariables: this.ajaxVariables,
+      optionsPage: this.optionsPage,
     };
   }
 
   writing() {
     const files = [
+      ".github/workflows/create-asana-attachment.yaml",
+      ".github/workflows/release-plugin.yml",
+      ".github/workflows/test-wordpress.yml",
       ".husky/pre-commit",
       ".vscode/settings.json",
-      "acf-json/.gitkeep",
       "assets/admin/scripts/admin.entry.js",
       "assets/admin/styles/admin.entry.scss",
       "assets/editor/scripts/editor.entry.js",
@@ -129,12 +153,14 @@ export default class extends Generator {
       ".parcelrc",
       ".prettierignore",
       "CHANGELOG.md",
+      "composer-scoped.json.ejs",
       "composer.json.ejs",
       "index.php",
       "LICENSE.ejs",
       "package.json.ejs",
       "phpcs.xml.ejs",
       "README.md.ejs",
+      "scoper.custom.php.ejs",
     ];
     const templates = [
       ...mapFilesToTemplates(files),
@@ -153,6 +179,36 @@ export default class extends Generator {
         destination: `${this.name.slug}.php`,
         isEnabled: true,
       },
+      {
+        template: "inc/AjaxVariables.php.ejs",
+        destination: `inc/AjaxVariables.php`,
+        isEnabled: this.ajaxVariables.frontend,
+      },
+      {
+        template: "inc/AjaxVariablesAdmin.php.ejs",
+        destination: `inc/AjaxVariablesAdmin.php`,
+        isEnabled: this.ajaxVariables.admin,
+      },
+      {
+        template: "inc/Options.php.ejs",
+        destination: `inc/Options.php`,
+        isEnabled: this.optionsPage === 'framework',
+      },
+      {
+        template: "inc/Options/GeneralOptions.php.ejs",
+        destination: `inc/Options/GeneralOptions.php`,
+        isEnabled: this.optionsPage === 'framework',
+      },
+      {
+        template: "inc/Pages.php.ejs",
+        destination: `inc/Pages.php`,
+        isEnabled: this.optionsPage === 'framework',
+      },
+      {
+        template: "acf-json/.gitkeep",
+        destination: `acf-json/.gitkeep`,
+        isEnabled: this.answers.pluginAcfLocalJson,
+      },
     ];
 
     copyTemplates(this, templates, this.data);

package/generators/plugin/templates/.github/workflows/create-asana-attachment.yaml

@@ -0,0 +1,19 @@
+name: ✍️ Asana Create PR Attachment
+
+on:
+  pull_request:
+    types: [opened, reopened]
+
+jobs:
+  create-asana-attachment-job:
+    runs-on: ubuntu-latest
+    timeout-minutes: 1
+    name: Create pull request attachments on Asana tasks
+    steps:
+      - name: Create pull request attachments
+        uses: Asana/create-app-attachment-github-action@latest
+        id: postAttachment
+        with:
+          asana-secret: ${{ secrets.ASANA_SECRET }}
+      - name: Log output status
+        run: echo "Status is ${{ steps.postAttachment.outputs.status }}"

package/generators/plugin/templates/.github/workflows/release-plugin.yml

@@ -0,0 +1,185 @@
+name: 📦 Release (Plugin)
+
+on:
+  push:
+    branches: ["main"]
+  workflow_dispatch:
+
+jobs:
+  release:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: 🚚 Get latest code
+        uses: actions/checkout@v3
+
+      - name: ⚙️ Setup PHP
+        uses: shivammathur/setup-php@v2
+        with:
+          php-version: "8.1"
+          ini-values: short_open_tag=1
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+
+      - name: ⚙️ Setup Node
+        uses: actions/setup-node@v3
+        with:
+          node-version: 16
+          cache: "npm"
+
+      - name: ⚙️ Get Composer cache directory
+        id: composer-cache
+        run: echo "::set-output name=dir::$(composer config cache-files-dir)"
+
+      - name: ⚙️ Cache Composer dependencies
+        uses: actions/cache@v3
+        with:
+          path: ${{ steps.composer-cache.outputs.dir }}
+          key: ${{ runner.os }}-composer-${{ hashFiles('**/composer.lock') }}
+          restore-keys: ${{ runner.os }}-composer-
+
+      - name: 🔨 Increase composer timeout
+        run: composer --global config process-timeout 1500
+
+      - name: 🔨 Composer install (with dev dependencies)
+        run: composer install --prefer-dist --no-ansi --no-interaction --no-progress --optimize-autoloader
+
+      - name: 🔨 npm install
+        run: npm ci
+
+      - name: 🔬 Test
+        run: npm test
+
+      - name: 🔨 Composer install (without dev dependencies)
+        run: composer install --prefer-dist --no-ansi --no-interaction --no-progress --no-dev --optimize-autoloader
+
+      - name: 🔨 Install release dependencies
+        run: npm install -g release-it@^15 @release-it/keep-a-changelog@^3
+
+      - name: 🔨 Additional release dependencies
+        run: |
+          npm install -g  @release-it/bumper@^4 json
+          sudo apt-get install jo
+
+      - name: 🔨 Config git
+        run: |
+          git config user.name "${GITHUB_ACTOR}"
+          git config user.email "${GITHUB_ACTOR}@users.noreply.github.com"
+
+      - name: 🔧 Get plugin name
+        id: plugin
+        # For a better understanding of how the name is generated
+        # see https://docs.github.com/en/actions/learn-github-actions/environment-variables#default-environment-variables
+        # see https://www.gnu.org/software/bash/manual/html_node/Shell-Parameter-Expansion.html
+        # basically we start with "airfleet/airfleet-analytics-plugin" and end up with "airfleet-analytics"
+        run: |
+          NAME=${GITHUB_REPOSITORY#*/}
+          NAME=${NAME%-plugin}
+          echo "Plugin name: ${NAME}"
+          echo "::set-output name=PLUGIN_NAME::$NAME"
+
+      - name: 🔧 Get changelog
+        id: changelog
+        run: |
+          echo "$(sed  '/## \[Unreleased\]/,/## \[/!d'  CHANGELOG.md | sed '1d;$d')" > $RUNNER_TEMP/latest_changelog.txt
+          cat $RUNNER_TEMP/latest_changelog.txt
+
+      - name: 📦 Release
+        run:
+          export PLUGIN="${{ steps.plugin.outputs.PLUGIN_NAME }}" && npx release-it $(cat .airfleet-release)
+          -VV
+          --ci
+          --hooks.before:release='echo Building $PLUGIN'
+          --hooks.before:release='npm run build --if-present'
+          --hooks.before:release='mkdir -p $RUNNER_TEMP/.release-dist/$PLUGIN/'
+          --hooks.before:release='rsync -a . $RUNNER_TEMP/.release-dist/$PLUGIN/'
+          --hooks.before:release='cd $RUNNER_TEMP/.release-dist && du -hs $PLUGIN'
+          --hooks.before:release='rm -rf $RUNNER_TEMP/.release-dist/$PLUGIN/.git/'
+          --hooks.before:release='rm -rf $RUNNER_TEMP/.release-dist/$PLUGIN/node_modules/'
+          --hooks.before:release='rm -rf $RUNNER_TEMP/.release-dist/$PLUGIN/.parcel-cache/'
+          --hooks.before:release='cd $RUNNER_TEMP/.release-dist && du -hs $PLUGIN'
+          --hooks.before:release='cd $RUNNER_TEMP/.release-dist && ls -la'
+          --hooks.before:release='cd $RUNNER_TEMP/.release-dist/$PLUGIN/ && ls -la'
+          --hooks.before:release='cd $RUNNER_TEMP/.release-dist && zip -rq $PLUGIN.zip $PLUGIN'
+          --hooks.before:release='cd $RUNNER_TEMP/.release-dist && du -hs $PLUGIN.zip'
+          --hooks.before:release='rm -rf $RUNNER_TEMP/.release-dist/$PLUGIN/'
+          --hooks.before:release='cd $RUNNER_TEMP/.release-dist && ls -la'
+          --hooks.before:release='cp -R $RUNNER_TEMP/.release-dist dist/.release-dist'
+          --git.pushArgs='--follow-tags'
+          --git.pushArgs='-o ci.skip'
+          --no-npm.publish
+          --github.release
+          --github.assets='dist/.release-dist/**/*'
+          --plugins.@release-it/keep-a-changelog.filename=CHANGELOG.md
+          --no-plugins.@release-it/keep-a-changelog.strictLatest
+          --plugins.@release-it/keep-a-changelog.addUnreleased
+          --plugins.@release-it/keep-a-changelog.addVersionUrl
+          --plugins.@release-it/keep-a-changelog.head=main
+          --plugins.@release-it/bumper.out.file=*.php
+          --plugins.@release-it/bumper.out.type=text/php
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+
+      - name: ⚒️ Build plugin.json
+        run: |
+          PLUGIN="${{ steps.plugin.outputs.PLUGIN_NAME }}"
+          NAME="$(grep 'Plugin Name' $PLUGIN.php | sed 's/\*//; s/Plugin Name://; s/^[ t]*//')"
+          DESCRIPTION="$(cat package.json | json description)"
+          SLUG="$PLUGIN/$PLUGIN.php"
+          VERSION="$(cat package.json | json version)"
+          DATE="$(date -u +%FT%TZ)"
+          CHANGELOG="$(cat $RUNNER_TEMP/latest_changelog.txt)"
+          VERSIONS="[$(jo version="$VERSION" date="$DATE" changelog="$CHANGELOG" )]"
+          echo "Plugin: $PLUGIN"
+          echo "Name: $NAME"
+          echo "Description: $DESCRIPTION"
+          echo "Slug: $SLUG"
+          echo "Version: $VERSION"
+          echo "Date: $DATE"
+          echo "Changelog: $CHANGELOG"
+          echo "Versions: $VERSIONS"
+          jo -p name="$NAME" description="$DESCRIPTION" slug="$SLUG" versions="$VERSIONS" > $RUNNER_TEMP/plugin.json
+          cat $RUNNER_TEMP/plugin.json
+
+      - name: ⚙️ Configure AWS Credentials
+        uses: aws-actions/configure-aws-credentials@v1
+        with:
+          aws-region: ${{ secrets.AWS_DEFAULT_REGION }}
+          aws-access-key-id: ${{ secrets.AWS_ACCESS_KEY_ID }}
+          aws-secret-access-key: ${{ secrets.AWS_SECRET_ACCESS_KEY }}
+
+      - name: 🚀 Upload plugin zip file to AWS
+        run: |
+          PLUGIN="${{ steps.plugin.outputs.PLUGIN_NAME }}"
+          BUCKET="${{ secrets.AWS_S3_BUCKET }}"
+          FILENAME="$PLUGIN.$(cat $RUNNER_TEMP/plugin.json | json versions.0.version).zip"
+          aws s3 cp $RUNNER_TEMP/.release-dist/$PLUGIN.zip s3://$BUCKET/$PLUGIN/$FILENAME
+
+      - name: 📥 Download plugins list from AWS
+        run: |
+          BUCKET="${{ secrets.AWS_S3_BUCKET }}"
+          aws s3 cp s3://$BUCKET/plugins.json $RUNNER_TEMP/plugins.json
+          echo "Current plugins.json from S3"
+          cat $RUNNER_TEMP/plugins.json | json
+
+      - name: ⚒️ Build new plugins list
+        # Reference https://trentm.com/json/
+        run: |
+          NL=$'\n'
+          PLUGIN_SLUG=$(cat $RUNNER_TEMP/plugin.json | json slug)
+          echo "Plugin slug: $PLUGIN_SLUG"
+          PLUGIN_VERSIONS=$(echo "$(cat $RUNNER_TEMP/plugin.json | json versions)${NL}$(cat $RUNNER_TEMP/plugins.json | json plugins | json -c "this.slug === '$PLUGIN_SLUG'" | json 0.versions)" | json --group)
+          echo "Plugin versions:"
+          echo $PLUGIN_VERSIONS | json
+          PLUGIN_UPDATED=$(echo "$(cat $RUNNER_TEMP/plugins.json | json plugins | json -c "this.slug === '$PLUGIN_SLUG'" | json 0)${NL}$(cat $RUNNER_TEMP/plugin.json | json)" | json --merge | json -e "this.versions = $PLUGIN_VERSIONS" | json)
+          echo "Plugin updated:"
+          echo $PLUGIN_UPDATED | json
+          PLUGINS_LIST_UPDATED=$(echo "$(cat $RUNNER_TEMP/plugins.json | json plugins | json -c "this.slug !== '$PLUGIN_SLUG'")${NL}$(echo $(echo $PLUGIN_UPDATED) | json --group)" | json --group)
+          echo "Plugins list updated:"
+          echo $PLUGINS_LIST_UPDATED | json
+          cat $RUNNER_TEMP/plugins.json | json -e "this.plugins = $PLUGINS_LIST_UPDATED" | json  > $RUNNER_TEMP/plugins_updated.json
+
+      - name: 🚀 Upload updated plugins list to AWS
+        run: |
+          BUCKET="${{ secrets.AWS_S3_BUCKET }}"
+          aws s3 cp $RUNNER_TEMP/plugins_updated.json s3://$BUCKET/plugins.json

package/generators/plugin/templates/.github/workflows/test-wordpress.yml

@@ -0,0 +1,56 @@
+name: 🧪 Test
+
+on:
+  push:
+    branches: ["staging", "development"]
+  pull_request:
+    branches: ["main", "staging", "development"]
+  workflow_dispatch:
+
+jobs:
+  test:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: 🚚 Get latest code
+        uses: actions/checkout@v3
+
+      - name: ⚙️ Setup PHP
+        uses: shivammathur/setup-php@v2
+        with:
+          php-version: "8.1"
+          ini-values: short_open_tag=1
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+
+      - name: ⚙️ Setup Node
+        uses: actions/setup-node@v3
+        with:
+          node-version: 16
+          cache: "npm"
+
+      - name: ⚙️ Get Composer cache directory
+        id: composer-cache
+        run: echo "::set-output name=dir::$(composer config cache-files-dir)"
+
+      - name: ⚙️ Cache Composer dependencies
+        uses: actions/cache@v3
+        with:
+          path: ${{ steps.composer-cache.outputs.dir }}
+          key: ${{ runner.os }}-composer-${{ hashFiles('**/composer.lock') }}
+          restore-keys: ${{ runner.os }}-composer-
+
+      - name: 🔨 Increase composer timeout
+        run: composer --global config process-timeout 1500
+
+      - name: 🔨 Composer install
+        run: composer install --prefer-dist --no-ansi --no-interaction --no-progress --optimize-autoloader
+
+      - name: 🔨 npm install
+        run: npm ci
+
+      - name: 🔬 Test
+        run: npm test
+
+      - name: 📦 Build
+        run: npm run build --if-present

package/generators/plugin/templates/.prettierignore

@@ -10,3 +10,6 @@ dist
 .composer-cache
 acf-json
 CHANGELOG.md
+.github
+vendor-scoped
+wp-content

package/generators/plugin/templates/.vscode/settings.json

@@ -1,10 +1,33 @@
 {
   "editor.codeActionsOnSave": {
-    "source.fixAll": true
+    "source.fixAll": true,
+    "source.fixAll.eslint": true
   },
   "editor.formatOnSave": true,
   "stylelint.validate": ["css", "scss", "postcss"],
+  "phpSniffer.autoDetect": true,
   "[php]": {
-    "editor.formatOnSave": false
+    "editor.defaultFormatter": "wongjn.php-sniffer"
+  },
+  "[javascript]": {
+    "editor.defaultFormatter": "dbaeumer.vscode-eslint"
+  },
+  "[javascriptreact]": {
+    "editor.defaultFormatter": "dbaeumer.vscode-eslint"
+  },
+  "[typescript]": {
+    "editor.defaultFormatter": "dbaeumer.vscode-eslint"
+  },
+  "[typescriptreact]": {
+    "editor.defaultFormatter": "dbaeumer.vscode-eslint"
+  },
+  "[postcss]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[scss]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[css]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
   }
 }

package/generators/plugin/templates/README.md.ejs

@@ -1,6 +1,7 @@
 # <%= name.title %> WordPress Plugin
 
-[![pipeline status](<%= repositoryBase %>/badges/main/pipeline.svg)](<%= repositoryBase %>/-/commits/main)
+[![🧪 Test](<%= repositoryBase %>/actions/workflows/test-wordpress.yml/badge.svg)](<%= repositoryBase %>/actions/workflows/test-wordpress.yml)
+[![📦 Release (Plugin)](<%= repositoryBase %>/actions/workflows/release-plugin.yml/badge.svg)](<%= repositoryBase %>/actions/workflows/release-plugin.yml)
 
 <%= answers.pluginDescription %>
 

package/generators/plugin/templates/composer-scoped.json.ejs

@@ -0,0 +1,5 @@
+{
+  "require": {
+    "airfleet/wordpress-framework": "^0.3.0"
+  }
+}

package/generators/plugin/templates/composer-scoped.lock.ejs

@@ -0,0 +1,56 @@
+{
+  "_readme": [
+      "This file locks the dependencies of your project to a known state",
+      "Read more about it at https://getcomposer.org/doc/01-basic-usage.md#installing-dependencies",
+      "This file is @generated automatically"
+  ],
+  "content-hash": "73f083775f13a46ceb1fe9e556b8e1c5",
+  "packages": [
+      {
+          "name": "airfleet/wordpress-framework",
+          "version": "0.3.0",
+          "source": {
+              "type": "git",
+              "url": "https://github.com/airfleet/airfleet-wordpress-framework-php.git",
+              "reference": "063b33c80a313f046dd4eaba265b5cff173554a4"
+          },
+          "dist": {
+              "type": "zip",
+              "url": "https://api.github.com/repos/airfleet/airfleet-wordpress-framework-php/zipball/063b33c80a313f046dd4eaba265b5cff173554a4",
+              "reference": "063b33c80a313f046dd4eaba265b5cff173554a4",
+              "shasum": ""
+          },
+          "require": {
+              "php": ">=8.0"
+          },
+          "type": "library",
+          "autoload": {
+              "psr-4": {
+                  "Airfleet\\Framework\\": "inc/"
+              }
+          },
+          "notification-url": "https://packagist.org/downloads/",
+          "authors": [
+              {
+                  "name": "Airfleet",
+                  "email": "dev@airfleet.co"
+              }
+          ],
+          "description": "Airfleet framework for WordPress",
+          "support": {
+              "issues": "https://github.com/airfleet/airfleet-wordpress-framework-php/issues",
+              "source": "https://github.com/airfleet/airfleet-wordpress-framework-php/tree/0.3.0"
+          },
+          "time": "2023-04-13T13:58:54+00:00"
+      }
+  ],
+  "packages-dev": [],
+  "aliases": [],
+  "minimum-stability": "stable",
+  "stability-flags": [],
+  "prefer-stable": false,
+  "prefer-lowest": false,
+  "platform": [],
+  "platform-dev": [],
+  "plugin-api-version": "2.3.0"
+}

package/generators/plugin/templates/composer.json.ejs

@@ -12,7 +12,8 @@
     "composer/installers": "^2.0"
   },
   "require-dev": {
-    "airfleet/wordpress-dev": "^2.1.0"
+    "airfleet/wordpress-dev": "^3.0.1",
+    "wpify/scoper": "2.5.4"
   },
   "autoload": {
     "psr-4": {
@@ -32,7 +33,20 @@
   "config": {
     "allow-plugins": {
       "composer/installers": true,
-      "dealerdirect/phpcodesniffer-composer-installer": true
+      "dealerdirect/phpcodesniffer-composer-installer": true,
+      "wpify/scoper": true
     }
-  }
+  },
+  "extra": {
+    "wpify-scoper": {
+      "prefix": "Airfleet\\Plugins\\<%= nameNoAirfleet.pascal %>\\Vendor",
+      "folder": "vendor-scoped",
+      "globals": [
+        "wordpress"
+      ],
+      "composerjson": "composer-scoped.json",
+      "composerlock": "composer-scoped.lock"
+    }
+  },
+  "minimum-stability": "dev"
 }

package/generators/plugin/templates/gitignore

@@ -9,3 +9,5 @@ dist
 .phpcscache
 .composer-cache
 .env
+vendor-scoped
+wp-content

package/generators/plugin/templates/inc/AjaxVariables.php.ejs

@@ -0,0 +1,22 @@
+<?php
+
+namespace Airfleet\Plugins\<%= nameNoAirfleet.pascal %>;
+
+use Airfleet\Plugins\<%= nameNoAirfleet.pascal %>\Vendor\Airfleet\Framework\Assets\FrontendVariables;
+
+class AjaxVariables extends FrontendVariables {
+	public function __construct() {
+		parent::__construct(
+			[
+				'slug' => \<%= name.constant %>_SLUG,
+				'name' => '_<%= name.camel %>',
+				'variables' => function (): array {
+					return [
+						'ajaxUrl' => admin_url( 'admin-ajax.php' ),
+						'ajaxNonce' => wp_create_nonce( '<%= name.camel %>Nonce' ),
+					];
+				},
+			]
+		);
+	}
+}

package/generators/plugin/templates/inc/AjaxVariablesAdmin.php.ejs

@@ -0,0 +1,22 @@
+<?php
+
+namespace Airfleet\Plugins\<%= nameNoAirfleet.pascal %>;
+
+use Airfleet\Plugins\<%= nameNoAirfleet.pascal %>\Vendor\Airfleet\Framework\Assets\AdminVariables;
+
+class AjaxVariablesAdmin extends AdminVariables {
+	public function __construct() {
+		parent::__construct(
+			[
+				'slug' => \<%= name.constant %>_SLUG,
+				'name' => '_<%= name.camel %>',
+				'variables' => function (): array {
+					return [
+						'ajaxUrl' => admin_url( 'admin-ajax.php' ),
+						'ajaxNonce' => wp_create_nonce( '<%= name.camel %>Nonce' ),
+					];
+				},
+			]
+		);
+	}
+}

package/generators/plugin/templates/inc/Options/GeneralOptions.php.ejs

@@ -0,0 +1,43 @@
+<?php
+
+namespace Airfleet\Plugins\<%= nameNoAirfleet.pascal %>\Options;
+
+use Airfleet\Plugins\<%= nameNoAirfleet.pascal %>\Vendor\Airfleet\Framework\Options\Group;
+use Airfleet\Plugins\<%= nameNoAirfleet.pascal %>\Vendor\Airfleet\Framework\Options\Wizard;
+
+class GeneralOptions extends Group {
+	private const IS_ENABLED = 'is_enabled';
+
+	// phpcs:ignore NeutronStandard.Functions.LongFunction.LongFunction
+	public function __construct() {
+		parent::__construct(
+			'<%= name.snake %>_general_group',
+			'<%= name.snake %>_general',
+			Wizard::create_sections(
+				[
+					'<%= name.snake %>_general_settings' => [
+						'title' => __( 'General Settings', 'airfleet' ),
+						'description' => __( 'General settings for <%= name.title %>.', 'airfleet' ),
+						'fields' => [
+							self::IS_ENABLED => [
+								'type' => 'checkbox',
+								'title' => __( '<%= name.title %> enabled?', 'airfleet' ),
+								'label' => __( 'Enable <%= name.title %>', 'airfleet' ),
+								'default' => false,
+							],
+						],
+					],
+        ]
+			)
+		);
+	}
+
+	/**
+	 * Check if the functionality is enabled.
+	 *
+	 * @return boolean
+	 */
+	public function is_enabled(): bool {
+		return $this->value( self::IS_ENABLED );
+	}
+}

package/generators/plugin/templates/inc/Options.php.ejs

@@ -0,0 +1,17 @@
+<?php
+
+namespace Airfleet\Plugins\<%= nameNoAirfleet.pascal %>;
+
+use Airfleet\Plugins\<%= nameNoAirfleet.pascal %>\Options\GeneralOptions;
+
+class Options {
+	protected GeneralOptions $general;
+
+	public function __construct() {
+		$this->general = new GeneralOptions( $this );
+	}
+
+	public function general(): GeneralOptions {
+		return $this->general;
+	}
+}

package/generators/plugin/templates/inc/Pages.php.ejs

@@ -0,0 +1,35 @@
+<?php
+
+namespace Airfleet\Plugins\<%= nameNoAirfleet.pascal %>;
+
+use Airfleet\Plugins\<%= nameNoAirfleet.pascal %>\Vendor\Airfleet\Framework\Features\BasePluginFeature;
+use Airfleet\Plugins\<%= nameNoAirfleet.pascal %>\Vendor\Airfleet\Framework\Options\Pages\MenuTabsPage;
+use Airfleet\Plugins\<%= nameNoAirfleet.pascal %>\Vendor\Airfleet\Framework\Options\Tabs\OptionsTab;
+use Airfleet\Plugins\<%= nameNoAirfleet.pascal %>\Options;
+
+class Pages extends BasePluginFeature {
+	protected MenuTabsPage $page;
+
+	public function __construct( Options $options ) {
+		$this->page = new MenuTabsPage(
+			[
+				'slug' => \<%= name.constant %>_SLUG,
+				'title' => \<%= name.constant %>_TITLE_SHORT,
+				'class' => '<%= name.slug %>-page',
+				'tabs' => [
+          new OptionsTab(
+            'general',
+            __( 'General', 'airfleet' ),
+            $options->general(),
+            '<%= name.snake %>_general_page'
+          ),
+				],
+			],
+      'airfleet'
+    );
+	}
+
+	public function initialize(): void {
+		$this->page->initialize();
+	}
+}

package/generators/plugin/templates/inc/Setup.php.ejs

@@ -2,72 +2,43 @@
 
 namespace Airfleet\Plugins\<%= nameNoAirfleet.pascal %>;
 
-class Setup {
+use Airfleet\Plugins\<%= nameNoAirfleet.pascal %>\Vendor\Airfleet\Framework\Assets\Enqueue;
+use Airfleet\Plugins\<%= nameNoAirfleet.pascal %>\Vendor\Airfleet\Framework\Features\PluginFeatures;
+<%_ if (optionsPage === 'framework' ) { _%>
+use Airfleet\Plugins\<%= nameNoAirfleet.pascal %>\Vendor\Airfleet\Framework\Plugin\SettingsLink;
+<%_ } _%>
+<%_ if (optionsPage === 'acf' ) { _%>
+use Airfleet\Plugins\<%= nameNoAirfleet.pascal %>\Vendor\Airfleet\Framework\Plugin\AcfAirfleetOptionsSubPage;
+use Airfleet\Plugins\<%= nameNoAirfleet.pascal %>\Vendor\Airfleet\Framework\Plugin\AcfSettingsLink;
+<%_ } _%>
+<%_ if (answers.pluginAcfLocalJson) { _%>
+use Airfleet\Plugins\<%= nameNoAirfleet.pascal %>\Vendor\Airfleet\Framework\Acf\LocalJson;
+<%_ } _%>
 
-	/**
-	 * Setup the plugin.
-	 *
-	 * @return void
-	 */
-	public function initialize(): void {
-		$this->show_admin_notice_if_missing_framework();
-		add_action(
-			'airfleet/init',
-			function () {
-        $this->plugin_basic_setup();
-			}
-		);
-	}
-
-	/**
-	 * Basic setup for the plugin. Enqueue assets and add options page
-	 *
-	 * @return void
-	 */
-	public function plugin_basic_setup(): void {
-    $plugin = new \Airfleet\Plugin(
-      [
-        'slug' => '<%= name.slug %>',
-        'title' => '<%= name.title %>',
-        'short_title' => '<%= nameNoAirfleet.title %>',
-        'url' => \<%= name.constant %>_URL,
-        'path' => \<%= name.constant %>_PATH,
-        'version' => \<%= name.constant %>_VERSION,
-        'namespace' => 'Airfleet\\Plugins\\<%= nameNoAirfleet.pascal %>',
-      ]
-    );
-    $plugin->setup_acf_json();
-    $plugin->enqueue();
-    $plugin->enqueue_critical();
-    $plugin->enqueue_admin();
-    $plugin->enqueue_editor();
-    <%_ if (answers.pluginCreateOptions) { _%>
-    $plugin->add_options_page();
+class Setup extends PluginFeatures {
+	public function __construct( array $config ) {
+    <%_ if (optionsPage === 'framework' ) { _%>
+		$options = new Options();
     <%_ } _%>
-    $plugin->register_views();
-	}
-
-	/**
-	 * Show and admin notification if the Airfleet Framework plugin is not enabled.
-	 *
-	 * @return void
-	 */
-	public function show_admin_notice_if_missing_framework(): void {
-		add_action(
-			'admin_notices',
-			function () {
-				global $airfleet_framework_missing_notice;
-
-				if ( $airfleet_framework_missing_notice || defined( 'AIRFLEET_FRAMEWORK_VERSION' ) ) {
-					return;
-				}
-				$airfleet_framework_missing_notice = true;
-				?>
-				<div class="notice notice-error">
-					<p>Please install the Airfleet Framework to enable the Airfleet plugins.</p>
-				</div>
-				<?php
-			}
-		);
+		$this->features = [
+			new Enqueue( $config ),
+      <%_ if (optionsPage === 'framework' ) { _%>
+			new Pages( $options ),
+			new SettingsLink( $config ),
+      <%_ } _%>
+      <%_ if (optionsPage === 'acf' ) { _%>
+      new AcfAirfleetOptionsSubPage( $config ),
+      new AcfSettingsLink( $config ),
+      <%_ } _%>
+      <%_ if (ajaxVariables.frontend) { _%>
+      new AjaxVariables(),
+      <%_ } _%>
+      <%_ if (ajaxVariables.admin) { _%>
+      new AjaxVariablesAdmin(),
+      <%_ } _%>
+      <%_ if (answers.pluginAcfLocalJson) { _%>
+      new LocalJson( $config['path'] . 'acf-json' ),
+      <%_ } _%>
+		];
 	}
 }

package/generators/plugin/templates/package.json.ejs

@@ -3,10 +3,11 @@
   "description": "<%= answers.pluginDescription %>",
   "version": "<%= answers.pluginVersion %>",
   "scripts": {
-    "build": "dotenv -- parcel build --log-level verbose \"./!(dist)/**/*.entry.{js,scss}\"",
-    "start": "dotenv -- parcel serve --hmr-port 1236 --port 1234 --log-level verbose \"./!(dist)/**/*.entry.{js,scss}\"",
+    "build": "dotenv -- parcel build --no-source-maps --log-level verbose \"./!(dist)/**/*.entry.{js,css,scss}\"",
+    "start": "dotenv -- parcel serve --hmr-port 1236 --port 1234 --log-level verbose \"./!(dist)/**/*.entry.{js,css,scss}\"",
+    "watch": "dotenv -- parcel watch --no-hmr --log-level verbose \"./!(dist)/**/*.entry.{js,css,scss}\"",
     "base:eslint": "eslint \"**/*.js\" --cache --ignore-path .gitignore",
-    "base:prettier": "prettier \"**/*.{js,jsx,ts,tsx,json,css,scss,xml,yaml,yml,md}\"",
+    "base:prettier": "prettier \"**/*.{css,scss}\"",
     "base:stylelint": "stylelint \"**/*.{css,scss}\" --cache --ignore-path .gitignore --allow-empty-input",
     "lint": "run-s --continue-on-error lint:*",
     "lint:prettier": "npm run base:prettier -- --check",
@@ -20,8 +21,7 @@
     "fix:phpcs": "composer run fix",
     "pretest": "npm run lint",
     "test": "echo Testing done",
-    "prepare": "husky install",
-    "cz": "git-cz"
+    "prepare": "husky install"
   },
   "private": true,
   "keywords": [
@@ -42,12 +42,17 @@
   },
   "dependencies": {},
   "devDependencies": {
-    "@airfleet/wordpress-dev": "^1.1.0"
+    "@airfleet/wordpress-dev": "^2.1.2"
   },
   "browserslist": [
-    "defaults",
-    "not IE 11",
-    "not op_mini all"
+  "defaults",
+  "not dead",
+  "not op_mini all",
+  "not op_mob > 0",
+  "not opera > 0",
+  "not kaios > 0",
+  "not and_qq > 0",
+  "not and_uc > 0"
   ],
   "prettier": "@airfleet/prettier-config-wordpress",
   "stylelint": {
@@ -62,17 +67,14 @@
     ]
   },
   "lint-staged": {
-    "*.{js,jsx,ts,tsx,json,css,scss,xml,yaml,yml,md}": "prettier --write",
     "*.{js,jsx}": "eslint --cache --ignore-path .gitignore --fix",
-    "*.{css,scss}": "stylelint --cache --ignore-path .gitignore --fix",
+    "*.{css,scss}": [
+      "prettier --write",
+      "stylelint --cache --ignore-path .gitignore --fix"
+    ],
     "*.php": [
       "composer run fix",
       "composer run lint"
     ]
-  },
-  "config": {
-    "commitizen": {
-      "path": "./node_modules/cz-conventional-changelog"
-    }
   }
 }

package/generators/plugin/templates/plugin-name.php.ejs

@@ -1,5 +1,4 @@
 <?php
-
 /**
  * <%= name.title %>
  *
@@ -28,14 +27,35 @@ if ( ! defined( 'ABSPATH' ) ) {
 
 // Plugin constants.
 define( '<%= name.constant %>_VERSION', '<%= answers.pluginVersion %>' );
+define( '<%= name.constant %>_SLUG', '<%= name.slug %>' );
+define( '<%= name.constant %>_SLUG_SHORT', '<%= nameNoAirfleet.slug %>' );
+define( '<%= name.constant %>_TITLE', '<%= name.title %>' );
+define( '<%= name.constant %>_TITLE_SHORT', '<%= nameNoAirfleet.title %>' );
 define( '<%= name.constant %>_PATH', plugin_dir_path( __FILE__ ) );
 define( '<%= name.constant %>_URL', plugin_dir_url( __FILE__ ) );
+define( '<%= name.constant %>_FILE', __FILE__ );
+define( '<%= name.constant %>_DIR', __DIR__ );
+define( '<%= name.constant %>_IMAGES_OPTIONS_URL', <%= name.constant %>_URL . '/assets/admin/images/options' );
 
 // Autoload classes.
 require_once __DIR__ . '/vendor/autoload.php';
+require_once __DIR__ . '/vendor-scoped/scoper-autoload.php';
 
 // Initialize plugin.
-$<%= name.snake %> = new \Airfleet\Plugins\<%= nameNoAirfleet.pascal %>\Setup();
+$<%= name.snake %> = new \Airfleet\Plugins\<%= nameNoAirfleet.pascal %>\Setup(
+	[
+		'slug' => \<%= name.constant %>_SLUG,
+		'short_slug' => \<%= name.constant %>_SLUG_SHORT,
+		'title' => \<%= name.constant %>_TITLE,
+		'short_title' => \<%= name.constant %>_TITLE_SHORT,
+		'url' => \<%= name.constant %>_URL,
+		'path' => \<%= name.constant %>_PATH,
+		'version' => \<%= name.constant %>_VERSION,
+	]
+);
+register_activation_hook( __FILE__, [ $<%= name.snake %>, 'on_activation' ] );
+register_deactivation_hook( __FILE__, [ $<%= name.snake %>, 'on_deactivation' ] );
+register_uninstall_hook( __FILE__, [ '\Airfleet\Plugins\<%= nameNoAirfleet.pascal %>\Setup', 'uninstall' ] );
 $<%= name.snake %>->initialize();
 
 /**

package/generators/plugin/templates/scoper.custom.php.ejs

@@ -0,0 +1,8 @@
+<?php
+
+// phpcs:ignore
+function customize_php_scoper_config( array $config ): array {
+	$config['exclude-functions'] = [ 'af_field', '/acf\_*/' ];
+
+	return $config;
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@airfleet/generator-init",
   "description": "A Yeoman generator to scaffold common Airfleet features",
-  "version": "0.15.3",
+  "version": "0.17.0",
   "scripts": {},
   "publishConfig": {
     "access": "public"