@schalkneethling/miyagi-core 4.4.2 → 4.4.3

package/lib/render/views/iframe/variation.standalone.js

@@ -14,78 +14,79 @@ import resolveAssets from "../../helpers/resolve-assets.js";
  * @returns {Promise} gets resolved when the variation has been rendered
  */
 export default async function renderIframeVariationStandalone({
-	res,
-	component,
-	componentData,
-	componentDeclaredAssets = null,
-	cb,
-	cookies,
+  res,
+  component,
+  componentData,
+  componentDeclaredAssets = null,
+  cb,
+  cookies,
 }) {
-	const directoryPath = component.paths.dir.short;
+  const directoryPath = component.paths.dir.short;
 
-	return new Promise((resolve, reject) => {
-		global.app.render(
-			component.paths.tpl.full,
-			componentData ?? {},
-			async (error, result) => {
-				if (error) {
-					if (global.config.isBuild) {
-						if (cb) {
-							cb(error);
-						}
-					} else {
-						reject(error);
-					}
-				} else if (res) {
-					const componentsEntry = global.state.components.find(
-						({ shortPath }) => shortPath === directoryPath,
-					);
+  return new Promise((resolve, reject) => {
+    global.app.render(
+      component.paths.tpl.full,
+      componentData ?? {},
+      async (error, result) => {
+        if (error) {
+          if (global.config.isBuild) {
+            if (cb) {
+              cb(error);
+            }
+          } else {
+            reject(error);
+          }
+        } else if (res) {
+          const componentsEntry = global.state.components.find(
+            ({ shortPath }) => shortPath === directoryPath,
+          );
 
-					const { cssFiles, jsFilesHead, jsFilesBody } =
-						resolveAssets(componentDeclaredAssets);
+          const { cssFiles, jsFilesHead, jsFilesBody } = resolveAssets(
+            componentDeclaredAssets,
+          );
 
-					await res.render(
-						"component_variation.twig.miyagi",
-						{
-							html: result,
-							cssFiles,
-							jsFilesHead,
-							jsFilesBody,
-							assets: {
-								css: componentsEntry
-									? componentsEntry.assets.css
-										? path.join("/", componentsEntry.assets.css)
-										: false
-									: false,
-								js: componentsEntry
-									? componentsEntry.assets.js
-										? path.join("/", componentsEntry.assets.js)
-										: false
-									: false,
-							},
-							miyagiDev: !!process.env.MIYAGI_DEVELOPMENT,
-							prod: process.env.NODE_ENV === "production",
-							projectName: config.projectName,
-							isBuild: global.config.isBuild,
-							userUiConfig: getUserUiConfig(cookies),
-							componentLanguage: global.config.components.lang,
-						},
-						(html) => {
-							if (res.send) {
-								res.send(html);
-							}
+          await res.render(
+            "component_variation.twig.miyagi",
+            {
+              html: result,
+              cssFiles,
+              jsFilesHead,
+              jsFilesBody,
+              assets: {
+                css: componentsEntry
+                  ? componentsEntry.assets.css
+                    ? path.join("/", componentsEntry.assets.css)
+                    : false
+                  : false,
+                js: componentsEntry
+                  ? componentsEntry.assets.js
+                    ? path.join("/", componentsEntry.assets.js)
+                    : false
+                  : false,
+              },
+              miyagiDev: !!process.env.MIYAGI_DEVELOPMENT,
+              prod: process.env.NODE_ENV === "production",
+              projectName: config.projectName,
+              isBuild: global.config.isBuild,
+              userUiConfig: getUserUiConfig(cookies),
+              componentLanguage: global.config.components.lang,
+            },
+            (html) => {
+              if (res.send) {
+                res.send(html);
+              }
 
-							if (cb) {
-								cb(null, html);
-							}
-						},
-					);
+              if (cb) {
+                cb(null, html);
+              }
+            },
+          );
 
-					resolve();
-				} else {
-					resolve(result);
-				}
-			},
-		);
-	});
+          resolve();
+        } else {
+          resolve(result);
+        }
+      },
+    );
+  });
 }

package/lib/render/views/main/component.docs.js

@@ -9,45 +9,45 @@ import { getUserUiConfig, getThemeMode } from "../../helpers.js";
  * @param {object} [object.cookies]
  */
 export default async function renderMainComponentDocs({
-	res,
-	component,
-	cb,
-	cookies,
+  res,
+  component,
+  cb,
+  cookies,
 }) {
-	const iframeSrc = component.route.embedded;
-	const themeMode = getThemeMode(cookies);
+  const iframeSrc = component.route.embedded;
+  const themeMode = getThemeMode(cookies);
 
-	await res.render(
-		"main.twig.miyagi",
-		{
-			lang: global.config.ui.lang,
-			folders: global.state.menu,
-			components: global.state.components,
-			flatUrlPattern: global.config.isBuild
-				? "/show-{{component}}.html"
-				: "/show?file={{component}}",
-			iframeSrc,
-			requestedComponent: component.paths.dir.short,
-			projectName: config.projectName,
-			userProjectName: global.config.projectName,
-			indexPath: global.config.indexPath.embedded,
-			miyagiDev: !!process.env.MIYAGI_DEVELOPMENT,
-			isBuild: global.config.isBuild,
-			userUiConfig: getUserUiConfig(cookies),
-			theme: themeMode
-				? Object.assign(global.config.ui.theme, { mode: themeMode })
-				: global.config.ui.theme,
-			basePath: global.config.isBuild ? global.config.build.basePath : "/",
-			uiTextDirection: global.config.ui.textDirection,
-		},
-		(html) => {
-			if (res.send) {
-				res.send(html);
-			}
+  await res.render(
+    "main.twig.miyagi",
+    {
+      lang: global.config.ui.lang,
+      folders: global.state.menu,
+      components: global.state.components,
+      flatUrlPattern: global.config.isBuild
+        ? "/show-{{component}}.html"
+        : "/show?file={{component}}",
+      iframeSrc,
+      requestedComponent: component.paths.dir.short,
+      projectName: config.projectName,
+      userProjectName: global.config.projectName,
+      indexPath: global.config.indexPath.embedded,
+      miyagiDev: !!process.env.MIYAGI_DEVELOPMENT,
+      isBuild: global.config.isBuild,
+      userUiConfig: getUserUiConfig(cookies),
+      theme: themeMode
+        ? Object.assign(global.config.ui.theme, { mode: themeMode })
+        : global.config.ui.theme,
+      basePath: global.config.isBuild ? global.config.build.basePath : "/",
+      uiTextDirection: global.config.ui.textDirection,
+    },
+    (html) => {
+      if (res.send) {
+        res.send(html);
+      }
 
-			if (cb) {
-				cb(null, html);
-			}
-		},
-	);
+      if (cb) {
+        cb(null, html);
+      }
+    },
+  );
 }

package/lib/render/views/main/component.js

@@ -11,64 +11,64 @@ import { getUserUiConfig, getThemeMode } from "../../helpers.js";
  * @param {object} [object.cookies]
  */
 export default async function renderMainComponent({
-	res,
-	component,
-	variation,
-	cb,
-	cookies,
+  res,
+  component,
+  variation,
+  cb,
+  cookies,
 }) {
-	let iframeSrc = component.route.default;
-	const themeMode = getThemeMode(cookies);
+  let iframeSrc = component.route.default;
+  const themeMode = getThemeMode(cookies);
 
-	if (variation) {
-		if (global.config.isBuild) {
-			iframeSrc = iframeSrc.replace(
-				/\.html$/,
-				`-variation-${helpers.normalizeString(variation)}.html`,
-			);
-		} else {
-			iframeSrc += `&variation=${variation}`;
-		}
-	}
+  if (variation) {
+    if (global.config.isBuild) {
+      iframeSrc = iframeSrc.replace(
+        /\.html$/,
+        `-variation-${helpers.normalizeString(variation)}.html`,
+      );
+    } else {
+      iframeSrc += `&variation=${variation}`;
+    }
+  }
 
-	if (global.config.isBuild) {
-		iframeSrc = iframeSrc.replace(/\.html$/, "-embedded.html");
-	} else {
-		iframeSrc += "&embedded=true";
-	}
+  if (global.config.isBuild) {
+    iframeSrc = iframeSrc.replace(/\.html$/, "-embedded.html");
+  } else {
+    iframeSrc += "&embedded=true";
+  }
 
-	await res.render(
-		"main.twig.miyagi",
-		{
-			lang: global.config.ui.lang,
-			folders: global.state.menu,
-			components: global.state.components,
-			flatUrlPattern: global.config.isBuild
-				? "/show-{{component}}.html"
-				: "/show?file={{component}}",
-			iframeSrc,
-			requestedComponent: component.paths.dir.short,
-			requestedVariation: variation,
-			projectName: config.projectName,
-			userProjectName: global.config.projectName,
-			indexPath: global.config.indexPath.embedded,
-			miyagiDev: !!process.env.MIYAGI_DEVELOPMENT,
-			isBuild: global.config.isBuild,
-			userUiConfig: getUserUiConfig(cookies),
-			theme: themeMode
-				? Object.assign(global.config.ui.theme, { mode: themeMode })
-				: global.config.ui.theme,
-			basePath: global.config.isBuild ? global.config.build.basePath : "/",
-			uiTextDirection: global.config.ui.textDirection,
-		},
-		(html) => {
-			if (res.send) {
-				res.send(html);
-			}
+  await res.render(
+    "main.twig.miyagi",
+    {
+      lang: global.config.ui.lang,
+      folders: global.state.menu,
+      components: global.state.components,
+      flatUrlPattern: global.config.isBuild
+        ? "/show-{{component}}.html"
+        : "/show?file={{component}}",
+      iframeSrc,
+      requestedComponent: component.paths.dir.short,
+      requestedVariation: variation,
+      projectName: config.projectName,
+      userProjectName: global.config.projectName,
+      indexPath: global.config.indexPath.embedded,
+      miyagiDev: !!process.env.MIYAGI_DEVELOPMENT,
+      isBuild: global.config.isBuild,
+      userUiConfig: getUserUiConfig(cookies),
+      theme: themeMode
+        ? Object.assign(global.config.ui.theme, { mode: themeMode })
+        : global.config.ui.theme,
+      basePath: global.config.isBuild ? global.config.build.basePath : "/",
+      uiTextDirection: global.config.ui.textDirection,
+    },
+    (html) => {
+      if (res.send) {
+        res.send(html);
+      }
 
-			if (cb) {
-				cb(null, html);
-			}
-		},
-	);
+      if (cb) {
+        cb(null, html);
+      }
+    },
+  );
 }

package/lib/render/views/main/design-tokens.js

@@ -9,45 +9,45 @@ import { getUserUiConfig, getThemeMode } from "../../helpers.js";
  * @param {object} [object.cookies]
  */
 export default function renderMainDesignTokens({ res, cb, cookies, type }) {
-	if (!["colors", "sizes", "typography"].includes(type)) return;
+  if (!["colors", "sizes", "typography"].includes(type)) return;
 
-	const themeMode = getThemeMode(cookies);
+  const themeMode = getThemeMode(cookies);
 
-	res.render(
-		"main.twig.miyagi",
-		{
-			lang: global.config.ui.lang,
-			folders: global.state.menu,
-			components: global.state.components,
-			flatUrlPattern: global.config.isBuild
-				? "/show-{{component}}.html"
-				: "/show?file={{component}}",
-			iframeSrc: global.config.isBuild
-				? `/iframe-design-tokens-${type}.html`
-				: `/iframe/design-tokens/${type}`,
-			showAll: true,
-			projectName: config.projectName,
-			userProjectName: global.config.projectName,
-			indexPath: global.config.indexPath.embedded,
-			miyagiDev: !!process.env.MIYAGI_DEVELOPMENT,
-			isBuild: global.config.isBuild,
-			userUiConfig: getUserUiConfig(cookies),
-			theme: themeMode
-				? Object.assign(global.config.ui.theme, { mode: themeMode })
-				: global.config.ui.theme,
-			basePath: global.config.isBuild ? global.config.build.basePath : "/",
-			uiTextDirection: global.config.ui.textDirection,
-			requestedComponent: "design-tokens",
-			requestedVariation: type,
-		},
-		(html) => {
-			if (res.send) {
-				res.send(html);
-			}
+  res.render(
+    "main.twig.miyagi",
+    {
+      lang: global.config.ui.lang,
+      folders: global.state.menu,
+      components: global.state.components,
+      flatUrlPattern: global.config.isBuild
+        ? "/show-{{component}}.html"
+        : "/show?file={{component}}",
+      iframeSrc: global.config.isBuild
+        ? `/iframe-design-tokens-${type}.html`
+        : `/iframe/design-tokens/${type}`,
+      showAll: true,
+      projectName: config.projectName,
+      userProjectName: global.config.projectName,
+      indexPath: global.config.indexPath.embedded,
+      miyagiDev: !!process.env.MIYAGI_DEVELOPMENT,
+      isBuild: global.config.isBuild,
+      userUiConfig: getUserUiConfig(cookies),
+      theme: themeMode
+        ? Object.assign(global.config.ui.theme, { mode: themeMode })
+        : global.config.ui.theme,
+      basePath: global.config.isBuild ? global.config.build.basePath : "/",
+      uiTextDirection: global.config.ui.textDirection,
+      requestedComponent: "design-tokens",
+      requestedVariation: type,
+    },
+    (html) => {
+      if (res.send) {
+        res.send(html);
+      }
 
-			if (cb) {
-				cb(null, html);
-			}
-		},
-	);
+      if (cb) {
+        cb(null, html);
+      }
+    },
+  );
 }

package/lib/render/views/main/docs.js

@@ -9,39 +9,39 @@ import { getUserUiConfig, getThemeMode } from "../../helpers.js";
  * @param {object} [object.cookies]
  */
 export default async function renderMainDocs({ res, doc, cb, cookies }) {
-	const themeMode = getThemeMode(cookies);
+  const themeMode = getThemeMode(cookies);
 
-	await res.render(
-		"main.twig.miyagi",
-		{
-			lang: global.config.ui.lang,
-			folders: global.state.menu,
-			components: global.state.components,
-			flatUrlPattern: global.config.isBuild
-				? "/show-{{component}}.html"
-				: "/show?file={{component}}",
-			iframeSrc: doc.route.embedded,
-			requestedComponent: doc.paths.dir.short,
-			projectName: config.projectName,
-			userProjectName: global.config.projectName,
-			indexPath: global.config.indexPath.embedded,
-			miyagiDev: !!process.env.MIYAGI_DEVELOPMENT,
-			isBuild: global.config.isBuild,
-			userUiConfig: getUserUiConfig(cookies),
-			theme: themeMode
-				? Object.assign(global.config.ui.theme, { mode: themeMode })
-				: global.config.ui.theme,
-			basePath: global.config.isBuild ? global.config.build.basePath : "/",
-			uiTextDirection: global.config.ui.textDirection,
-		},
-		(html) => {
-			if (res.send) {
-				res.send(html);
-			}
+  await res.render(
+    "main.twig.miyagi",
+    {
+      lang: global.config.ui.lang,
+      folders: global.state.menu,
+      components: global.state.components,
+      flatUrlPattern: global.config.isBuild
+        ? "/show-{{component}}.html"
+        : "/show?file={{component}}",
+      iframeSrc: doc.route.embedded,
+      requestedComponent: doc.paths.dir.short,
+      projectName: config.projectName,
+      userProjectName: global.config.projectName,
+      indexPath: global.config.indexPath.embedded,
+      miyagiDev: !!process.env.MIYAGI_DEVELOPMENT,
+      isBuild: global.config.isBuild,
+      userUiConfig: getUserUiConfig(cookies),
+      theme: themeMode
+        ? Object.assign(global.config.ui.theme, { mode: themeMode })
+        : global.config.ui.theme,
+      basePath: global.config.isBuild ? global.config.build.basePath : "/",
+      uiTextDirection: global.config.ui.textDirection,
+    },
+    (html) => {
+      if (res.send) {
+        res.send(html);
+      }
 
-			if (cb) {
-				cb(null, html);
-			}
-		},
-	);
+      if (cb) {
+        cb(null, html);
+      }
+    },
+  );
 }

package/lib/render/views/main/index.js

@@ -8,39 +8,39 @@ import { getUserUiConfig, getThemeMode } from "../../helpers.js";
  * @param {object} [object.cookies]
  */
 export default function renderMainIndex({ res, cb, cookies }) {
-	const themeMode = getThemeMode(cookies);
+  const themeMode = getThemeMode(cookies);
 
-	res.render(
-		"main.twig.miyagi",
-		{
-			lang: global.config.ui.lang,
-			folders: global.state.menu,
-			components: global.state.components,
-			flatUrlPattern: global.config.isBuild
-				? "/show-{{component}}.html"
-				: "/show?file={{component}}",
-			iframeSrc: global.config.indexPath.default,
-			showAll: true,
-			projectName: config.projectName,
-			userProjectName: global.config.projectName,
-			indexPath: global.config.indexPath.embedded,
-			miyagiDev: !!process.env.MIYAGI_DEVELOPMENT,
-			isBuild: global.config.isBuild,
-			userUiConfig: getUserUiConfig(cookies),
-			theme: themeMode
-				? Object.assign(global.config.ui.theme, { mode: themeMode })
-				: global.config.ui.theme,
-			basePath: global.config.isBuild ? global.config.build.basePath : "/",
-			uiTextDirection: global.config.ui.textDirection,
-		},
-		(html) => {
-			if (res.send) {
-				res.send(html);
-			}
+  res.render(
+    "main.twig.miyagi",
+    {
+      lang: global.config.ui.lang,
+      folders: global.state.menu,
+      components: global.state.components,
+      flatUrlPattern: global.config.isBuild
+        ? "/show-{{component}}.html"
+        : "/show?file={{component}}",
+      iframeSrc: global.config.indexPath.default,
+      showAll: true,
+      projectName: config.projectName,
+      userProjectName: global.config.projectName,
+      indexPath: global.config.indexPath.embedded,
+      miyagiDev: !!process.env.MIYAGI_DEVELOPMENT,
+      isBuild: global.config.isBuild,
+      userUiConfig: getUserUiConfig(cookies),
+      theme: themeMode
+        ? Object.assign(global.config.ui.theme, { mode: themeMode })
+        : global.config.ui.theme,
+      basePath: global.config.isBuild ? global.config.build.basePath : "/",
+      uiTextDirection: global.config.ui.textDirection,
+    },
+    (html) => {
+      if (res.send) {
+        res.send(html);
+      }
 
-			if (cb) {
-				cb(null, html);
-			}
-		},
-	);
+      if (cb) {
+        cb(null, html);
+      }
+    },
+  );
 }