Move tag into separate file

composer.json

@@ -1,7 +1,7 @@
 {
     "name": "texnixe/kirby3-codepen",
-    "description": "Kirby 3 plugin providing a Kirbytag (shortcode) for CodePen embeds",
-    "version": "0.9.0",
+    "description": "Kirby 3 plugin providing a KirbyTag for CodePen embeds",
+    "version": "0.9.1",
     "type": "kirby-plugin",
     "license": "MIT",
     "authors": [

index.php

@@ -5,7 +5,7 @@
 /**
  * Kirby 3 CodePen Embeds
  *
- * @version   0.9.0
+ * @version   0.9.1
  * @author    Sonja Broda <[email protected]>
  * @copyright Sonja Broda <[email protected]>
  * @link      https://github.com/texnixe/kirby3-codepen
@@ -17,37 +17,6 @@
         'codepen' => __DIR__ . '/snippets/codepen.php'
     ],
     'tags' =>  [
-        'codepen' => [
-            'attr' => [
-                'user',
-                'title',
-                'preview',
-                'height',
-                'defaultTab'
-            ],
-            'html' => function($tag) {
-
-                $id         = $tag->value;
-                $user       = $tag->user        ?? '';
-                $title      = $tag->title       ?? '';
-                $preview    = $tag->preview     ?? $tag->kirby()->option('texnixe.codepen.preview', true);
-                $height     = $tag->height      ?? $tag->kirby()->option('texnixe.codepen.height', 300);
-                $defaultTab = $tag->defaultTab ?? $tag->kirby()->option('texnixe.codepen.defaultTab', 'js,result');
-                $themeId    = $tag->kirby()->option('texnixe.codepen.themeId', 1);
-
-                $html = snippet('codepen', [
-                    'id'         => $id,
-                    'user'       => $user,
-                    'title'      => $title,
-                    'preview'    => $preview,
-                    'height'     => $height,
-                    'defaultTab' => $defaultTab,
-                    'themeId'    => $themeId
-                ], true);
-
-              return $html;
-
-            }
-        ]
+        'codepen' => require __DIR__ . '/tags/codepen.php'
     ]
 ]);

package.json

@@ -3,7 +3,7 @@
   "description": "Kirby 3 plugin providing a Kirbytag (shortcode) for CodePen embeds",
   "author": "Sonja Broda <[email protected]>",
   "license": "MIT",
-  "version": "0.9.0",
+  "version": "0.9.1",
   "repository": {
     "type": "git",
     "url": "https://github.com/texnixe/kirby3-codepen"

snippets/codepen.php

@@ -1,4 +1,4 @@
 <div class="codepen-wrapper">
   <p data-height="<?= $height ?>" data-theme-id="<?= $themeId ?>" data-slug-hash="<?= $id ?>" data-default-tab="<?= $defaultTab ?>" data-user="<?= $user ?>" data-embed-version="2" data-pen-title="<?= $title ?>" data-preview="<?= $preview ?>" class="codepen"><?= $content ?></p>
 </div>
-<script async src="https://static.codepen.io/assets/embed/ei.js"></script>
+<script async src="https://static.codepen.io/assets/embed/ei.js"></script>

tags/codepen.php

@@ -0,0 +1,36 @@
+<?php
+
+return [
+    'attr' => [
+        'user',
+        'title',
+        'preview',
+        'height',
+        'defaultTab',
+        'themeId'
+    ],
+    'html' => function($tag) {
+
+        $id         = $tag->value;
+        $user       = $tag->user        ?? '';
+        $title      = $tag->title       ?? '';
+        $preview    = $tag->preview     ?? $tag->kirby()->option('texnixe.codepen.preview', true);
+        $height     = $tag->height      ?? $tag->kirby()->option('texnixe.codepen.height', 300);
+        $defaultTab = $tag->defaultTab  ?? $tag->kirby()->option('texnixe.codepen.defaultTab', 'result');
+        $themeId    = $tag->kirby()->option('texnixe.codepen.themeId', 1);
+
+
+        $html = snippet('codepen', [
+            'id'         => $id,
+            'user'       => $user,
+            'title'      => $title,
+            'preview'    => $preview,
+            'height'     => $height,
+            'defaultTab' => $defaultTab,
+            'themeId'    => $themeId
+        ], true);
+
+      return $html;
+
+    }
+];