Adding proxy script for bypassing ddev container during imports.

.gitignore

@@ -1,5 +1,6 @@
 sites/simpletest/*
 web/sites/simpletest
+web/db/db.sqlite
 vendor/
 web/modules/contrib
 web/core

composer.json

@@ -154,6 +154,7 @@
     },
     "scripts": {
         "build-fe": "cd web/themes/custom/dchadwick && npm ci && npm run compile",
-        "deploy": "sh scripts/deploy.sh"
+        "deploy": "sh scripts/deploy.sh",
+        "start-proxy": "php -S 0.0.0.0:8888 proxy.php"
     }
 }

config/default/core.extension.yml

@@ -41,7 +41,6 @@ module:
   media_library: 0
   menu_link_content: 0
   menu_ui: 0
-  mysql: 0
   node: 0
   nodepath_access: 0
   options: 0
@@ -53,6 +52,7 @@ module:
   settings_tray: 0
   shortcut: 0
   smtp: 0
+  sqlite: 0
   system: 0
   taxonomy: 0
   text: 0

proxy.php

@@ -0,0 +1,24 @@
+<?php
+
+$url = $_GET['url'] ?? '';
+
+if (empty($url)) {
+  http_response_code(400);
+  echo json_encode(['error' => 'No URL provided']);
+  exit;
+}
+
+$ch = curl_init($url);
+curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
+curl_setopt($ch, CURLOPT_HTTPHEADER, [
+  'Accept: application/vnd.api+json',
+  'User-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/26.0.1 Safari/605.1.15'
+]);
+
+$response = curl_exec($ch);
+$httpCode = curl_getinfo($ch, CURLINFO_HTTP_CODE);
+curl_close($ch);
+
+http_response_code($httpCode);
+header('Content-Type: application/vnd.api+json');
+echo $response;

scripts/update_everything.sh

@@ -1,7 +1,5 @@
 #!/usr/bin/env bash
 
 # import all fighters.
-ddev drush @self.local ev '\Drupal::service("ufc.import_fighters")->importFighters();';
+ddev drush @self ufc:import-fighters
-ddev drush @self.local ev '\Drupal::service("ufc.import_fights")->importEvents();';
-ddev drush @self.local ev '\Drupal::service("ufc.import_fights")->createFights();';
 

web/modules/custom/dc_react/.babelrc

@@ -0,0 +1,6 @@
+{
+  "presets": [
+    "@babel/preset-env",
+    "@babel/preset-react"
+  ]
+}

web/modules/custom/dc_react/dc_react.info.yml

@@ -0,0 +1,5 @@
+name: DC React
+type: module
+description: React Plaground
+package: DC React
+core_version_requirement: ^10 || ^11

web/modules/custom/dc_react/dc_react.libraries.yml

@@ -0,0 +1,3 @@
+main:
+  js:
+    js/dist/main.min.js: { minified: true }

web/modules/custom/dc_react/dc_react.module

@@ -0,0 +1,21 @@
+<?php
+
+/**
+ * Implements hook_theme().
+ *
+ * Register a module or theme's theme implementations.
+ * The implementations declared by this hook specify how a particular render array is to be rendered as HTML.
+ *
+ * See: https://api.drupal.org/api/drupal/core%21lib%21Drupal%21Core%21Render%21theme.api.php/function/hook_theme/8.2.x
+ *
+ * If you change this method, clear theme registry and routing table 'drush cc theme-registry' and 'drush cc router'.
+ */
+function dc_react_theme($existing, $type, $theme, $path) {
+  return [
+    'react_block' => [
+      'variables' => [
+        'data' => [],
+      ],
+    ],
+  ];
+}

web/modules/custom/dc_react/js/src/components/Button.js

@@ -0,0 +1,7 @@
+import React, { Component } from 'react';
+
+function Button(props) {
+  return <button className={"btn btn-" + props.classes}><a href={props.link}>{ props.text }</a></button>;
+}
+
+export default Button;

web/modules/custom/dc_react/js/src/components/Counter.js

@@ -0,0 +1,16 @@
+import React, { useState } from 'react';
+
+function Counter() {
+  const [count, setCount] = useState(0);
+
+  return (
+    <div>
+      <p>You clicked {count} times</p>
+      <button onClick={() => setCount(count + 1)}>
+        Click me
+      </button>
+    </div>
+  );
+}
+
+export default Counter;

web/modules/custom/dc_react/js/src/index.jsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { createRoot } from 'react-dom/client';
+import Button from './components/Button';
+import Counter from './components/Counter';
+
+const container = document.getElementById('react-block');
+const root = createRoot(container);
+
+root.render(
+  <div>
+    <Button text="Click me" link="https://www.drupal.org" classes="primary" />
+    <Counter />
+  </div>
+);

web/modules/custom/dc_react/package.json

@@ -0,0 +1,27 @@
+{
+  "name": "dc_react",
+  "version": "1.0.0",
+  "description": "TO DEVELOP ---  Finish %",
+  "main": "index.js",
+  "scripts": {
+    "build": "webpack",
+    "build:dev": "webpack",
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "dependencies": {
+    "prop-types": "^15.8.1",
+    "react": "^19",
+    "react-dom": "^19"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.24.4",
+    "@babel/preset-env": "^7.24.4",
+    "@babel/preset-react": "^7.27.1",
+    "babel-loader": "^9.1.3",
+    "webpack": "^5.91.0",
+    "webpack-cli": "^5.1.4"
+  }
+}

web/modules/custom/dc_react/src/Plugin/Block/ReactBlock.php

@@ -0,0 +1,29 @@
+<?php
+
+namespace Drupal\dc_react\Plugin\Block;
+
+use Drupal\Core\Block\BlockBase;
+
+/**
+ * Provides a React app block.
+ *
+ * @Block(
+ *   id = "react_block",
+ *   admin_label = @Translation("React Block"),
+ *   category = @Translation("React"),
+ * )
+ */
+class ReactBlock extends BlockBase {
+
+  /**
+   * {@inheritdoc}
+   */
+  public function build() {
+    $build = [
+      '#theme' => 'react_block',
+    ];
+
+    return $build;
+  }
+
+}

web/modules/custom/dc_react/templates/react-block.html.twig

@@ -0,0 +1,3 @@
+{{ attach_library('dc_react/main') }}
+<div id="react-block" class="container"></div>
+<h4>This is dan saying hi!</h4>

web/modules/custom/dc_react/webpack.config.js

@@ -0,0 +1,28 @@
+const path = require('path');
+
+const config = {
+  entry: {
+    main: ["./js/src/index.jsx"]
+  },
+  devtool:'source-map',
+  mode:'development',
+  output: {
+    path: path.resolve(__dirname, "js/dist"),
+    filename: '[name].min.js'
+  },
+  resolve: {
+    extensions: ['.js', '.jsx'],
+  },
+  module: {
+    rules: [
+      {
+        test: /\.jsx?$/,
+        loader: 'babel-loader',
+        exclude: /node_modules/,
+        include: path.join(__dirname, 'js/src'),
+      }
+    ],
+  },
+};
+
+module.exports = config;

web/modules/custom/dc_tests/dc_tests.libraries.yml

@@ -0,0 +1,5 @@
+testing:
+  js:
+    js/testing.js: {}
+  dependencies:
+    - core/drupal

web/modules/custom/dc_tests/dc_tests.module

@@ -0,0 +1,5 @@
+<?php
+
+function dc_tests_preprocess_node(&$variables) {
+  $variables['#attached']['library'][] = 'dc_tests/testing';
+}

web/modules/custom/dc_tests/js/testing.js

@@ -0,0 +1,10 @@
+((Drupal, once) => {
+  Drupal.behaviors.myBehavior = {
+    attach(context) {
+      let target = once('myBehavior', 'body');
+      target.forEach((t) => {
+        alert('Behavior attached test');
+      });
+    },
+  };
+})(Drupal, once);

web/modules/custom/ufc/src/Commands/UfcCommands.php

@@ -5,6 +5,7 @@ namespace Drupal\ufc\Commands;
 use Drupal\ufc\Services\FighterImporter;
 use Drupal\ufc\Services\FightImporter;
 use Drupal\Core\Batch\BatchBuilder;
+use Drupal\Core\Cache\CacheBackendInterface;
 use Drupal\node\Entity\Node;
 use Drush\Commands\DrushCommands;
 use Drush\Attributes as CLI;
@@ -12,10 +13,13 @@ use Symfony\Component\DomCrawler\Crawler;
 
 class UfcCommands extends DrushCommands {
 
+  /**
+   * The UFC fighter list cache ID.
+   */
   protected $cacheId = 'ufc:fighter-list';
 
   /**
-   * Import fighters from UFC.com.
+   * Import fighters from UFC.com JSON:API.
    */
   #[CLI\Command(name: 'ufc:import-fighters', aliases: ['impft'])]
   public function importFighters(): void {
@@ -24,26 +28,20 @@ class UfcCommands extends DrushCommands {
     // First check for the item in cache.
     $fighter_list = \Drupal::cache()->get($this->cacheId);
     if (!$fighter_list) {
+      dump("Getting fighters from UFC.com JSON:API");
       $fighter_list = $fighter_importer->getListOfCurrentFighters();
-      \Drupal::cache()->set($this->cacheId, $fighter_list, time() + 86400);
+      \Drupal::cache()->set($this->cacheId, $fighter_list, CacheBackendInterface::CACHE_PERMANENT);
     }
     else {
       $fighter_list = $fighter_list->data;
     }
 
     $fighter_import_queue = \Drupal::queue('fighter_import');
-    foreach ($fighter_list as $division => $fighters) {
+    foreach ($fighter_list as $fighter) {
-      foreach ($fighters as $fighter) {
+      $queue_item = new \stdClass();
-        $queue_item = new \stdClass();
+      $queue_item->id = $fighter['id'];
-        $queue_item->first_name = $fighter['firstname'];
+      $fighter_import_queue->createItem($queue_item);
-        $queue_item->last_name = $fighter['lastname'];
-        $queue_item->image = $fighter['image'];
-        $queue_item->division = $division;
-        $queue_item->profile = $fighter['profile'];
-        $fighter_import_queue->createItem($queue_item);
-      }
     }
-
   }
 
   /**

web/modules/custom/ufc/src/Plugin/QueueWorker/FighterQueueWorker.php

@@ -95,28 +95,22 @@ final class FighterQueueWorker extends QueueWorkerBase implements ContainerFacto
    *   The item to process.
    */
   private function doProcess($item): bool {
-    $fighter = new Fighter(\Drupal::httpClient());
+    // @todo:
-    $fighter->first_name = $item->first_name;
+    // Item->id will be the ID of the fighter.
-    $fighter->last_name = $item->last_name;
+    // Need to fetch fighter list from cache.
-    $fighter->image = $item->image;
+    // Then get the corred fighter based on the id.
-    $fighter->class = $item->division;
+    // Then update or create the fighter node, including any media.
-    if (!$fighter->scrapeDataFromFighterPage($item->profile)) {
+    // these values will need to be retrieves from the existing data.
-      \Drupal::logger('ufc')->alert("FAILED: $fighter->first_name $fighter->last_name to " . $item->profile);
+    /* $node_lookup = reset(\Drupal::entityTypeManager()->getStorage('node')->loadByProperties(['title' => $title])); */
-    }
+    /* if (!empty($node_lookup)) { */
-    // Check if node exists, by title.
+    /*   // Update instead of create. */
-    $fighter->createMediaEntityFromImage();
+    /*   $fighter->updatePlayerNode($node_lookup->id()); */
-    $title = $fighter->first_name . " " . $fighter->last_name;
+    /*   \Drupal::logger('ufc')->notice("$title updated successfully."); */
-    $node_lookup = reset(\Drupal::entityTypeManager()->getStorage('node')->loadByProperties(['title' => $title]));
+    /* } */
-
+    /* else { */
-    if (!empty($node_lookup)) {
+    /*   \Drupal::logger('ufc')->warning("No existing player found for $title...creating"); */
-      // Update instead of create.
+    /*   $fighter->createPlayerNode(); */
-      $fighter->updatePlayerNode($node_lookup->id());
+    /* } */
-      \Drupal::logger('ufc')->notice("$title updated successfully.");
-    }
-    else {
-      \Drupal::logger('ufc')->warning("No existing player found for $title...creating");
-      $fighter->createPlayerNode();
-    }
     return TRUE;
   }
 

web/modules/custom/ufc/src/Services/FighterImporter.php

@@ -24,43 +24,24 @@ class FighterImporter {
    */
   protected $entityTypeManager;
 
-  /**
-   * Array of all fighters.
-   *  @var array[]
-   */
-  public $fighters = [];
-
-  /**
-   * The current weight class.
-   *   @var string
-   */
-  protected $weightClass;
-
   /**
    * The UFC cache bin.
    */
   protected $cache;
 
+  /**
+   * Array of all fighters.
+   *  @var array[]
+   */
+  public $fighters = [];
+
+  public $cookieJar;
+
   /**
    * The base url for fighter lists.
    *  @var string
    */
-  const UFC_BASE = "https://www.ufc.com/athletes/all?filters%5B0%5D=weight_class%3";
+  const UFC_BASE = "https://www.ufc.com/jsonapi/node/athlete";
-
-  /**
-   * All applicable divisions and their keys on UFC.com.
-   *   @var array[]
-   */
-  protected $divisions = [
-    'heavyweight' =>  "A11",
-    'light_heavyweight' => "A13",
-    'middleweight' => "A14",
-    'welterweight' => "A15",
-    'lightweight' => "A12",
-    'featherweight' => "A9",
-    'bantamweight' => "A8",
-    'flyweight' => "A10",
-  ];
 
   /**
    * Public constructor for Fighter Importer.
@@ -79,80 +60,76 @@ class FighterImporter {
     $this->cache = $cache;
   }
 
-  public function importFighters(): void {
-    $test_run = FALSE;
-    if ($test_run) {
-      // Overriding to test!!!
-      $fighter_name_text_on_ufc = "
-          Georges St-Pierre
-        ";
-      $fighter = new Fighter($this->httpClient);
-      $fighter->first_name = 'scott';
-      $fighter->last_name = 'adams';
-      $fighter->scrapeDataFromFighterPage();
-      $fighter_clone = clone ($fighter);
-      unset($fighter_clone->fighter_page);
-      unset($fighter_clone->crawler);
-      dump($fighter_clone);
-    }
-    else {
-      $fighters_by_div = self::getListOfCurrentFighters();
-      // Process each fighter into system.
-      foreach ($fighters_by_div as $division => $fighters) {
-        $this->processDivision($division, $fighters);
-       }
-    }
-  }
-  /**
-     * Process a division.
-     *
-     * @param mixed $div
-     * @param mixed $fighters
-     */
-  public static function processDivision($div, $fighters): void {
-    \Drupal::logger('ufc')->notice("Starting to update $div");
-
-    foreach ($fighters as $fighter_data) {
-      $fighter = new Fighter(\Drupal::httpClient());
-      $fighter->first_name = $fighter_data['firstname'];
-      $fighter->last_name = $fighter_data['lastname'];
-      $fighter->image = $fighter_data['image'];
-      $fighter->class = $div;
-      if (!$fighter->scrapeDataFromFighterPage($fighter_data['profile'])) {
-        \Drupal::logger('ufc')->alert("FAILED: $fighter->first_name $fighter->last_name to " . $fighter_data['profile']);
-      }
-      // Check if node exists, by title.
-      $fighter->createMediaEntityFromImage();
-      $title = $fighter->first_name . " " . $fighter->last_name;
-      $node_lookup = reset(\Drupal::entityTypeManager()->getStorage('node')->loadByProperties(['title' => $title]));
-
-      if (!empty($node_lookup)) {
-        // Update instead of create.
-        $fighter->updatePlayerNode($node_lookup->id());
-        \Drupal::logger('ufc')->notice("$title updated successfully.");
-      }
-      else {
-        \Drupal::logger('ufc')->warning("No existing player found for $title...creating");
-        $fighter->createPlayerNode();
-      }
-    }
-  }
-
   /**
    * Get list of current fighters.
    *
    * @return array $fighters
    */
   public function getListOfCurrentFighters(): array {
-    foreach ($this->divisions as $division => $div_base_url) {
+    $this->addFightersFromUrl(self::UFC_BASE);
-      $division_url = self::UFC_BASE . $div_base_url;
-      $this->weightClass = $division;
-      echo "Starting import for " . $division . "\n";
-      self::loopThroughFighterPages($division_url);
-    }
     return $this->fighters;
   }
 
+  /**
+   * Add fighters from a URL.
+   *
+   * @param string $url
+   *   The URL to scrape.
+   */
+  public function addFightersFromUrl(string $url) {
+    sleep(10);
+    dump("Requesting: " . $url);
+    $proxied_url = 'http://192.168.0.13:8888/?url=' . urlencode($url);
+    $ua = 'Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/17.4.1 Safari/605.1.15';
+    $headers = [
+      'referer' => true,
+      'verify' => false,
+      'headers' => [
+        'User-Agent' => $ua,
+        'Accept' => 'text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,image/apng,*/*;q=0.8',
+        'Accept-Encoding' => 'gzip, deflate, br',
+        'Cache-Control' => 'no-cache',
+        'Pragma' => 'no-cache',
+        'Referer' => 'https://www.ufc.com/athletes/all',
+      ]
+    ];
+    $response = $this->httpClient->request('GET', $proxied_url, $headers);
+    $content = $response->getBody()->getContents();
+    $content_arr = json_decode($content, TRUE);
+
+    if (!$content_arr) {
+      exit("something went wrong");
+    }
+
+    $athletes = $content_arr['data'];
+    $count = count($athletes);
+    dump("Found " . $count . " fighters.");
+    foreach ($athletes as $athlete) {
+      $this->fighters[] = $athlete;
+    }
+    $next_page = $content_arr['links']['next']['href'] ?? FALSE;
+    if ($next_page) {
+      $this->addFightersFromUrl($next_page);
+    }
+  }
+
+  /**
+   * There is a pager, loop through to get all fighters.
+   *
+   * @param string $base_url
+   */
+  public function importFighters(): void {
+    // Get JSON File from API.
+    $api_athletes = $this->cache->get('ufc_api_athletes');
+    if (!$api_athletes) {
+      echo "Go get api data!";
+      exit();
+    }
+    // This includes all fighters in data.
+    // Iterate over data to import all fighters.
+  }
+
+
   /**
    * There is a pager, loop through to get all fighters.
    *
@@ -160,7 +137,7 @@ class FighterImporter {
    */
   public function loopThroughFighterPages($base_url): void {
     // Implement caching to store instead of needing fresh requests.
-    for ($i=0; $i<=100; $i++) {
+    for ($i=0; $i<=10; $i++) {
       $ua = 'Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/17.4.1 Safari/605.1.15';
       $headers = [
         'referer' => true,
@@ -169,81 +146,23 @@ class FighterImporter {
           'User-Agent' => $ua,
           'Accept' => 'text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,image/apng,*/*;q=0.8',
           'Accept-Encoding' => 'gzip, deflate, br',
+          'Cache-Control' => 'no-cache',
+          'Pragma' => 'no-cache',
+          'Referer' => 'https://www.ufc.com/athletes/all',
         ]
       ];
-      $url = $base_url . "&page=$i";
+      $url = $base_url . "&page=$i&_=" . microtime(true);
-      /* $cid = "ufc:" . $url; */
+      $response = $this->httpClient->request('GET', $url, $headers);
-      $request = $this->httpClient->request('GET', $url, $headers);
+      dump($url);
-      $content = $request->getBody()->getContents();
+      $content = $response->getBody()->getContents();
+      dump($response->getStatusCode());
       $invalid_page = strpos($content, "No Result Found For");
       if (!$invalid_page) {
         \Drupal::logger('ufc')->notice("Extracting fighters from page $i.");
-        self::extractFighters($content);
         continue;
       }
       break;
     }
   }
 
-  /**
-   * Extract fighters from an html string.
-   */
-  public function extractFighters(string $input): void {
-    $fighter_list = [];
-    $crawler = new Crawler($input);
-    $athlete_flipcards = $crawler->filter('.c-listing-athlete-flipcard');
-    $fighter_names = $athlete_flipcards->each(function (Crawler $crawler, $i) {
-      return $crawler->filter('.c-listing-athlete__name')->text();
-    });
-    $fighter_profile_urls = $athlete_flipcards->each(function (Crawler $crawler, $i) {
-      return $crawler->filter('.e-button--black')->attr('href');
-    });
-
-    $fighter_images = $athlete_flipcards->each(function (Crawler $crawler, $i) {
-      $imgs = $crawler->filter('img')->each(function ($i) {
-        return $i->attr('src');
-      });
-      return $imgs;
-    });
-
-    $count_fighter_names = count($fighter_names);
-    $count_profile_urls = count($fighter_profile_urls);
-    $count_images = count($fighter_images);
-    // Make sure the arrays are all the same size.
-    assert((
-      ($count_fighter_names == $count_profile_urls) &&
-      ($count_profile_urls == $count_images)
-    ));
-
-    foreach ($fighter_names as $key => $fighter) {
-      $fighter_names[$key] = [
-        'name' => $fighter,
-        'profile' => $fighter_profile_urls[$key],
-        'images' => $fighter_images[$key],
-      ];
-    }
-
-    foreach ($fighter_names as $fighter_data) {
-      $name_no_spaces = str_replace(" ", "", $fighter_data['name']);
-      $weight_class_exists = array_key_exists($this->weightClass, $this->fighters);
-      $fighter_exists = NULL;
-      if ($weight_class_exists) {
-        $fighter_exists = array_key_exists($name_no_spaces, $this->fighters[$this->weightClass]);
-      }
-      if (!$fighter_exists) {
-        $split_name = explode(" ", $fighter_data['name'], 2);
-        $this->fighters[$this->weightClass][$name_no_spaces]['firstname'] = $split_name[0] ?? " ";
-        $this->fighters[$this->weightClass][$name_no_spaces]['lastname'] = $split_name[1] ?? " ";
-        $this->fighters[$this->weightClass][$name_no_spaces]['profile'] = $fighter_data['profile'];
-      }
-
-      if (!empty($fighter_data['images']) && count($fighter_data['images']) == 2) {
-        $this->fighters[$this->weightClass][$name_no_spaces]['image'] = $fighter_data['images'][0];
-      }
-      else {
-        $this->fighters[$this->weightClass][$name_no_spaces]['image'] = FALSE;
-      }
-    }
-  }
-
 }

web/modules/custom/ufc/templates/ufc-recent-fights.html.twig

@@ -0,0 +1 @@
+<h1>Hello World</h1>

web/sites/default/settings.php

@@ -895,14 +895,6 @@ $settings['file_private_path'] = $app_root . '/../private-files';
 $config['image.settings']['allow_insecure_derivatives'] = TRUE;
 $settings['config_sync_directory'] = '../config/default';
 
-if (str_contains($_SERVER['SERVER_NAME'], 'danchadwickdesign.com')) {
-  $config["config_split.config_split.production"]["status"] = TRUE;
-  $settings['trusted_host_patterns'] = [
-    '^www\.danchadwickdesign.com\.com$',
-    'danchadwickdesign.com',
-  ];
-}
-
 $settings['trusted_host_patterns'] = [
   '^www\.danchadwick\.dev$',
   '^danchadwick.dev',

web/themes/custom/dchadwick/components/alert/alert.component.yml

@@ -0,0 +1,13 @@
+name: Alert
+props:
+  type: object
+  properties:
+    alertType:
+      type: string
+      title: Alert Type
+      description: 'The type of alert.'
+slots:
+  alertText:
+    title: Alert Text
+    required: true
+    description: The test for the alert.

web/themes/custom/dchadwick/components/alert/alert.css

@@ -0,0 +1,21 @@
+.alert-wrapper .field_alert_text {
+  padding: 20px 0;
+  text-align: center;
+}
+
+.alert.normal {
+  background-color: deepskyblue;
+  color: darkblue;
+}
+
+.alert.warning {
+  background-color: goldenrod;
+  color: black;
+  font-weight: bold;
+}
+
+.alert.danger {
+  background-color: lightpink;
+  color: darkred;
+  font-weight: bolder;
+}

web/themes/custom/dchadwick/components/alert/alert.twig

@@ -0,0 +1,3 @@
+<div class="alert {{ alertType }}">
+  {% block alertText %}{% endblock %}
+</div>

web/themes/custom/dchadwick/css/style.css

@@ -116,6 +116,10 @@ h4 {
   color: var(--site-primary);
 }
 
+.btn {
+  padding: 0;
+}
+
 .btn-primary a {
   background: var(--site-primary) !important;
   color: var(--site-white);

web/themes/custom/dchadwick/src/sass/partials/buttons.scss

@@ -1,3 +1,7 @@
+.btn {
+  padding: 0;
+}
+
 .btn-primary a {
   background: var(--site-primary) !important;
   color: var(--site-white);

web/themes/custom/dchadwick/templates/blocks/block--inline-block--alert.html.twig

@@ -0,0 +1,26 @@
+{#
+ * Component variables
+ *
+ * props:
+ *  alerType
+ *
+ * slots
+ *  alertText
+ *
+ #}
+<div {{ attributes.addClass('alert-wrapper') }}>
+  {{ title_prefix }}
+  {{ title_suffix }}
+
+  {% set alertType = content.field_alert_type.0['#markup']|clean_class %}
+  {% embed 'dchadwick:alert' with {
+    alertType: alertType,
+  }%}
+
+    {% block alertText %}
+      <p>{{ content.field_alert_text }}</p>
+    {% endblock%}
+
+  {% endembed %}
+
+</div>