The webpack builds are failing as https://google-webfonts-helper.herokuapp.com/api/fonts is currently not reachable.

Hi,
The option to separate parameters in a file, e.g. JSON, would be very useful

Example:
new GoogleFontsPlugin('path/to/google-fonts.json')

Greetings.

FetchError: request to https://n8n-google-fonts-helper.herokuapp.com/api/fonts failed, reason: getaddrinfo EAI_AGAIN n8n-google-fonts-helper.herokuapp.com

Hi,

I know this plugin is not developed anymore, written for WP4, but right now it's somewhat compatible with WP5 yet few features stopped working, probably caused by hook name changes (i. e. compilation.hooks.htmlWebpackPluginBeforeHtmlGeneration does not exist anymore). I wasn't able to make a quick fix in code, as I don't understand webpack, html plugin nor this plguin enough to make it work again. Maybe I'll immerse into it one day but I doubt it. Nonetheless I've made quick&dirty workaround for generating link tag in HTML without creating a template like an answer in Issue #8 suggests based on https://github.com/jantimon/html-webpack-plugin#beforeassettaggeneration-hook

Heres the code you can paste directly to webpack.config.js (or anywhere else and include it using require):

class InsertFontCSS {
	constructor(url) { this.url = url; }
	apply(compiler) {
		compiler.hooks.compilation.tap('InsertFontCSS', (compilation) => {
    			HtmlWebpackPlugin.getHooks(compilation).beforeAssetTagGeneration.tapAsync('InsertFontCSS',
				(data, cb) => { data.assets.css.push(this.url); cb(null, data) }
			)
		})
	}
}

Than it's enough to use furher in wp configuration:

plugins: [
	new GoogleFontsPlugin({
		fonts: [
			{ family: "Source Sans Pro" },
			{ family: "Roboto" },
			{ family: "Vollkorn" }
		],
		local: true
	}),
	new InsertFontCSS("./fonts.css"),
	new HtmlWebpackPlugin({ "title": "My fonts are working, yay!" }),
]

I'm having issues where the fonts won't up properly if it is using fonts? Is it possible to remove them?

webpack 5 build throws this warning

(node:18764) [DEP_WEBPACK_DEPRECATION_ARRAY_TO_SET_PUSH] DeprecationWarning: chunk.files was changed from Array to Set (using Array method 'push' is deprecated)
    at Set.set.push (\node_modules\webpack\lib\util\deprecation.js:108:3)
    at addFile (\node_modules\@beyonk\google-fonts-webpack-plugin\src\index.js:135:38)
    at \node_modules\@beyonk\google-fonts-webpack-plugin\src\index.js:142:21
    at processTicksAndRejections (node:internal/process/task_queues:93:5)

Hi, sorry but this is more of a question than a bug report.

I'm using @beyonk/google-fonts-webpack-plugin in combination with html-webpack-plugin. Is there any way to output a <link> tag with the fonts.css stylesheet in my html?

My webpack.config.js is something along these lines:

const webpack = require("webpack");
const HtmlWebpackPlugin = require("html-webpack-plugin");
const GoogleFontsPlugin = require("@beyonk/google-fonts-webpack-plugin");

module.exports = env => {
  return {
    entry: { index: "./src/index.ts" },
    plugins: [
      new GoogleFontsPlugin({
        fonts: [
          {
            family: "Open Sans",
            variants: ["400", "600", "700"],
          },
        ],
      }),
      new HtmlWebpackPlugin({...}),
    ],
  };
};

I've tried switching the order of the plugins, but that didn't change anything.

https://google-webfonts-helper.herokuapp.com/api/fonts is returning 503 currently, and breaking the build in this plugin. Shouldn't the recent font caching work around this problem?

#3
majodev/google-webfonts-helper#81