first commit

Author: idleberg

.editorconfig

@@ -0,0 +1,14 @@
+[*]
+charset = utf-8
+indent_size = 4
+indent_style = space
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+[*.{js,ts}]
+block_comment_start = /*
+block_comment = *
+block_comment_end = */
+
+[*.md]
+trim_trailing_whitespace = false

.gitignore

@@ -0,0 +1,7 @@
+# dependencies
+vendor/
+
+# project specific
+assets/
+manifest.json
+test.php

LICENSE

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2022 Jan T. Sott
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

README.md

@@ -0,0 +1,53 @@
+# Wordpress Vite Assets
+
+> Adds assets from a [Vite](https://vitejs.dev/) manifest to the Wordpress head
+
+[![Packagist](https://flat.badgen.net/packagist/license/idleberg/wordpress-vite-assets)](https://packagist.org/packages/idleberg/wordpress-vite-assets)
+[![Packagist](https://flat.badgen.net/packagist/v/idleberg/wordpress-vite-assets)](https://packagist.org/packages/idleberg/wordpress-vite-assets)
+
+## Installation
+
+`composer require idleberg/wordpress-vite-assets`
+
+## Usage
+
+```php
+use Idleberg\WordpressViteAssets\WordpressViteAssets;
+
+$viteAssets = new WordpressViteAssets("path/to/manifest.json");
+$viteAssets->addAction();
+```
+
+### Methods
+
+#### `addAction`
+
+Usage: `addAction(array|string $entries, int $priority = 0)`
+
+Writes tags for entries specified in the manifest to the page header
+
+- script entrypoint
+- preloads for imported scripts
+- style tags
+
+#### `getScriptTag`
+
+Usage: `getScriptTag(string $fileName)`
+
+Returns the script tag for an entry in the manifest
+
+#### `getStyleTags`
+
+Usage: `getStyleTags(string $fileName)`
+
+Returns the style tags for an entry in the manifest
+
+#### `getPreloadTags`
+
+Usage: `getPreloadTags(string $fileName)`
+
+Returns the preload tags for an entry in the manifest
+
+## License
+
+This work is licensed under [The MIT License](LICENSE)

composer.json

@@ -0,0 +1,29 @@
+{
+    "name": "idleberg/wordpress-vite-assets",
+    "description": "Adds assets from a Vite manifest to the Wordpress head",
+    "type": "library",
+    "license": "MIT",
+    "keywords": [
+        "wordpress",
+        "vite",
+        "vitejs",
+        "vite manifest"
+    ],
+    "minimum-stability": "dev",
+    "prefer-stable": true,
+    "autoload": {
+        "psr-4": {
+            "Idleberg\\WordpressViteAssets\\": "src"
+        }
+    },
+    "authors": [
+        {
+            "name": "Jan T. Sott",
+            "email": "idleberg@users.noreply.github.com"
+        }
+    ],
+    "require": {
+        "php": ">=7.0.0",
+        "idleberg/vite-manifest": "^0.3.0"
+    }
+}

composer.lock

@@ -0,0 +1,113 @@
+<?php
+
+/**
+ * Copyright 2022 Jan T. Sott
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to
+ * deal in the Software without restriction, including without limitation the
+ * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or
+ * sell copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+ * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
+ * DEALINGS IN THE SOFTWARE.
+ */
+
+namespace Idleberg\WordpressViteAssets;
+
+use Idleberg\ViteManifest\ViteManifest;
+
+class WordpressViteAssets
+{
+    private $vm;
+
+    public function __construct(string $manifestFile)
+    {
+        $this->vm = new ViteManifest($manifestFile);
+    }
+
+    /**
+     * Writes tags for entries specified in the manifest to the page header
+     *
+     * @param array|string $entry
+     * @return void
+     */
+    public function addAction(array|string $entries, int $priority = 0): string
+    {
+        if (!function_exists('add_action')) {
+            throw new \Exception("WordPress function add_action() not found");
+        }
+
+        $entries = is_array($entries) ? $entries : [$entries];
+
+        add_action('wp_head', function () {
+            foreach($entries as $entry) {
+                $scriptTag = $this->getScriptTag($entry);
+
+                if ($scriptTag) {
+                    echo $scriptTag . PHP_EOL;
+                }
+
+                foreach($this->getPreloadTags($entry) as $preloadTag) {
+                    echo $preloadTag . PHP_EOL;
+                }
+
+                foreach($this->getStyleTags($entry) as $styleTag) {
+                    echo $styleTag . PHP_EOL;
+                }
+            }
+        }, $priority);
+    }
+
+    /**
+     * Returns the script tag for an entry in the manifest
+     *
+     * @param string $entry
+     * @return string
+     */
+    public function getScriptTag(string $entry): string
+    {
+        $url = $this->vm->getEntrypoint($entry);
+
+        if (!$url) {
+            return null;
+        }
+
+        return "<script type=\"module\" src=\"{$url['src']}\" crossorigin integrity=\"{$url['integrity']}\"></script>";
+    }
+
+    /**
+     * Returns the style tags for an entry in the manifest
+     *
+     * @param string $entry
+     * @return array
+     */
+    public function getStyleTags(string $entry): array
+    {
+        return array_map(function ($url) {
+            return "<link rel=\"stylesheet\" href=\"{$url['href']}\" crossorigin integrity=\"{$url['integrity']}\" />";
+        }, $this->vm->getStyles($entry));
+    }
+
+    /**
+     * Returns the preload tags for an entry in the manifest
+     *
+     * @param string $entry
+     * @return array
+     */
+    public function getPreloadTags(string $entry): array
+    {
+        return array_map(function($import) {
+            return "<link rel=\"modulepreload\" href=\"{$import['href']}\">";
+        }, $this->vm->getImports($entry));
+    }
+}