Merge pull request #48 from 8fold/feed-rss

SocialMeta

Author: joshbruce

src/UIKit.php

@@ -89,6 +89,19 @@ static public function stripeElements($formId, $apiKey, $inputLabel, $buttonLabe
         return new $class($formId, $apiKey, $inputLabel, $buttonLabel);
     }
 
+    static public function socialMeta(
+        string $type,
+        string $title,
+        string $url,
+        string $description,
+        string $image = "",
+        string $appId = ""
+    )
+    {
+        $class = self::class("socialMeta", self::CLASSES)->unfold();
+        return new $class($type, $title, $url, $description, $image, $appId);
+    }
+
     static public function __callStatic(string $element, array $elements)
     {
         $class = Html::class($element, self::CLASSES);
@@ -177,7 +190,8 @@ static public function __callStatic(string $element, array $elements)
         // , 'alert'            => UIKit\Elements\Compound\Alert::class
         'doubleWrap' => \Eightfold\Markup\UIKit\Elements\Compound\DoubleWrap::class,
         'markdown'   => \Eightfold\Markup\UIKit\Elements\Compound\Markdown::class,
-        'pagination' => \Eightfold\Markup\UIKit\Elements\Compound\Pagination::class
+        'pagination' => \Eightfold\Markup\UIKit\Elements\Compound\Pagination::class,
+        'socialMeta' => \Eightfold\Markup\UIKit\Elements\Compound\SocialMeta::class
         // , 'primary_nav'      => UIKit\Elements\Compound\NavigationPrimary::class
         // , 'secondary_nav'    => UIKit\Elements\Compound\NavigationSecondary::class
         // , 'side_nav'         => UIKit\Elements\Compound\NavigationSide::class

src/UIKit/Elements/Compound/SocialMeta.php

@@ -0,0 +1,64 @@
+<?php
+
+namespace Eightfold\Markup\UIKit\Elements\Compound;
+
+use Eightfold\Shoop\Shoop;
+
+use Eightfold\Markup\Html\Elements\HtmlElement;
+use Eightfold\Markup\Html;
+
+class SocialMeta extends HtmlElement
+{
+    private $type = "";
+    private $title = "";
+    private $url = "";
+    private $description = "";
+    private $image = "";
+    private $appId = "";
+
+    private $meta;
+
+    public function __construct(
+        string $type,
+        string $title,
+        string $url,
+        string $description,
+        string $image = "",
+        string $appId = ""
+    )
+    {
+        $this->meta = Shoop::array([
+            "og:type ". $type,
+            "og:title ". $title,
+            "og:url ". $url,
+            "og:description ". $description
+        ]);
+
+        if (Shoop::string($image)->isNotEmpty) {
+            $this->meta = $this->meta->plus("og:image ". $image);
+        }
+
+        if (Shoop::string($appId)->isNotEmpty) {
+            $this->meta = $this->meta->plus("og:app_id ". $appId);
+        }
+    }
+
+    public function twitter($card = "summary_large_image")
+    {
+        $this->meta = $this->meta->plus("twitter:card {$card}");
+        return $this;
+    }
+
+    public function unfold(): string
+    {
+        return $this->meta->each(function($meta) {
+            list($name, $value) = Shoop::string($meta)->divide(" ", false, 2);
+            return Shoop::string($name)
+                ->startsWith("og:", function($result, $name) use ($value) {
+                    return ($result->unfold())
+                        ? Html::meta()->attr("property {$name}", "content {$value}")
+                        : Html::meta()->attr("name {$name}", "content {$value}");
+                });
+        })->join("");
+    }
+}

tests/UIKit/SocialMetaTest.php

@@ -0,0 +1,47 @@
+<?php
+
+namespace Eightfold\Markup\Tests\UIKit;
+
+use PHPUnit\Framework\TestCase;
+
+use Eightfold\Markup\UIKit;
+
+class SocialMetaTest extends TestCase
+{
+    public function testFacebook()
+    {
+        $expected = '<meta content="website" property="og:type"><meta content="Hello, World!" property="og:title"><meta content="https://8fold.pro" property="og:url"><meta content="A short description. LinkedIn would like to have 100+ characters." property="og:description">';
+        $actual = UIKit::socialMeta(
+            "website",
+            "Hello, World!",
+            "https://8fold.pro",
+            "A short description. LinkedIn would like to have 100+ characters."
+        );
+        $this->assertEquals($expected, $actual->unfold());
+
+        $expected = '<meta content="website" property="og:type"><meta content="Hello, World!" property="og:title"><meta content="https://8fold.pro" property="og:url"><meta content="A short description. LinkedIn would like to have 100+ characters." property="og:description"><meta content="https://8fold.pro/assets/ui/logo.svg" property="og:image"><meta content="ABCDEFGHIJKLMNOP" property="og:app_id">';
+        $actual = UIKit::socialMeta(
+            "website",
+            "Hello, World!",
+            "https://8fold.pro",
+            "A short description. LinkedIn would like to have 100+ characters.",
+            "https://8fold.pro/assets/ui/logo.svg",
+            "ABCDEFGHIJKLMNOP"
+        );
+        $this->assertEquals($expected, $actual->unfold());
+    }
+
+    public function testTwitter()
+    {
+        $expected = '<meta content="website" property="og:type"><meta content="Hello, World!" property="og:title"><meta content="https://8fold.pro" property="og:url"><meta content="A short description. LinkedIn would like to have 100+ characters." property="og:description"><meta content="https://8fold.pro/assets/ui/logo.svg" property="og:image"><meta content="ABCDEFGHIJKLMNOP" property="og:app_id"><meta name="twitter:card" content="summary_large_image">';
+        $actual = UIKit::socialMeta(
+            "website",
+            "Hello, World!",
+            "https://8fold.pro",
+            "A short description. LinkedIn would like to have 100+ characters.",
+            "https://8fold.pro/assets/ui/logo.svg",
+            "ABCDEFGHIJKLMNOP"
+        )->twitter();
+        $this->assertEquals($expected, $actual->unfold());
+    }
+}