@schalkneethling/miyagi-core 4.4.2 → 4.4.3

package/lib/render/views/iframe/design-tokens/sizes.js

@@ -9,41 +9,41 @@ import { getSpacings, getMediaQueries } from "../../../../styleguide/index.js";
  * @param {object} o.cookies
  */
 export default async function ({ res, cb, cookies }) {
-	const spacings = global.state.css
-		? getSpacings(
-				global.state.css,
-				global.config.assets.customProperties.prefixes.spacing,
-			)
-		: [];
-	const mediaQueries = global.state.css
-		? getMediaQueries(global.state.css)
-		: [];
-	const themeMode = getThemeMode(cookies);
+  const spacings = global.state.css
+    ? getSpacings(
+        global.state.css,
+        global.config.assets.customProperties.prefixes.spacing,
+      )
+    : [];
+  const mediaQueries = global.state.css
+    ? getMediaQueries(global.state.css)
+    : [];
+  const themeMode = getThemeMode(cookies);
 
-	await res.render(
-		"design-tokens/sizes.twig.miyagi",
-		{
-			additionalCssFiles: global.config.assets?.customProperties?.files || [],
-			isBuild: global.config.isBuild,
-			lang: global.config.ui.lang,
-			mediaQueries,
-			miyagiDev: !!process.env.MIYAGI_DEVELOPMENT,
-			spacings: spacings.length > 0 ? spacings : null,
-			projectName: config.projectName,
-			userUiConfig: getUserUiConfig(cookies),
-			theme: themeMode
-				? Object.assign(global.config.ui.theme, { mode: themeMode })
-				: global.config.ui.theme,
-			uiTextDirection: global.config.ui.textDirection,
-		},
-		(html) => {
-			if (res.send) {
-				res.send(html);
-			}
+  await res.render(
+    "design-tokens/sizes.twig.miyagi",
+    {
+      additionalCssFiles: global.config.assets?.customProperties?.files || [],
+      isBuild: global.config.isBuild,
+      lang: global.config.ui.lang,
+      mediaQueries,
+      miyagiDev: !!process.env.MIYAGI_DEVELOPMENT,
+      spacings: spacings.length > 0 ? spacings : null,
+      projectName: config.projectName,
+      userUiConfig: getUserUiConfig(cookies),
+      theme: themeMode
+        ? Object.assign(global.config.ui.theme, { mode: themeMode })
+        : global.config.ui.theme,
+      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/iframe/design-tokens/typography.js

@@ -1,8 +1,8 @@
 import config from "../../../../default-config.js";
 import { getUserUiConfig, getThemeMode } from "../../../helpers.js";
 import {
-	getTypography,
-	getMediaQueries,
+  getTypography,
+  getMediaQueries,
 } from "../../../../styleguide/index.js";
 
 /**
@@ -12,41 +12,41 @@ import {
  * @param {object} o.cookies
  */
 export default async function ({ res, cb, cookies }) {
-	const typography = global.state.css
-		? getTypography(
-				global.state.css,
-				global.config.assets.customProperties.prefixes.typo,
-			)
-		: [];
-	const mediaQueries = global.state.css
-		? getMediaQueries(global.state.css)
-		: [];
-	const themeMode = getThemeMode(cookies);
+  const typography = global.state.css
+    ? getTypography(
+        global.state.css,
+        global.config.assets.customProperties.prefixes.typo,
+      )
+    : [];
+  const mediaQueries = global.state.css
+    ? getMediaQueries(global.state.css)
+    : [];
+  const themeMode = getThemeMode(cookies);
 
-	await res.render(
-		"design-tokens/typography.twig.miyagi",
-		{
-			additionalCssFiles: global.config.assets?.customProperties?.files || [],
-			isBuild: global.config.isBuild,
-			lang: global.config.ui.lang,
-			mediaQueries,
-			miyagiDev: !!process.env.MIYAGI_DEVELOPMENT,
-			typography: typography.length > 0 ? typography : null,
-			projectName: config.projectName,
-			userUiConfig: getUserUiConfig(cookies),
-			theme: themeMode
-				? Object.assign(global.config.ui.theme, { mode: themeMode })
-				: global.config.ui.theme,
-			uiTextDirection: global.config.ui.textDirection,
-		},
-		(html) => {
-			if (res.send) {
-				res.send(html);
-			}
+  await res.render(
+    "design-tokens/typography.twig.miyagi",
+    {
+      additionalCssFiles: global.config.assets?.customProperties?.files || [],
+      isBuild: global.config.isBuild,
+      lang: global.config.ui.lang,
+      mediaQueries,
+      miyagiDev: !!process.env.MIYAGI_DEVELOPMENT,
+      typography: typography.length > 0 ? typography : null,
+      projectName: config.projectName,
+      userUiConfig: getUserUiConfig(cookies),
+      theme: themeMode
+        ? Object.assign(global.config.ui.theme, { mode: themeMode })
+        : global.config.ui.theme,
+      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/iframe/docs.js

@@ -10,39 +10,39 @@ import { getUserUiConfig, getThemeMode } from "../../helpers.js";
  * @param {object} [object.cookies]
  */
 export default async function renderIframeDocs({ res, doc, cb, cookies }) {
-	const fullPath = doc.paths.dir.full;
-	const shortPath = doc.paths.dir.short;
-	const componentDocumentation = global.state.fileContents[fullPath];
-	const componentName = getHeadlineFromFileName(shortPath);
-	const themeMode = getThemeMode(cookies);
+  const fullPath = doc.paths.dir.full;
+  const shortPath = doc.paths.dir.short;
+  const componentDocumentation = global.state.fileContents[fullPath];
+  const componentName = getHeadlineFromFileName(shortPath);
+  const themeMode = getThemeMode(cookies);
 
-	await res.render(
-		"iframe_component.twig.miyagi",
-		{
-			lang: global.config.ui.lang,
-			miyagiDev: !!process.env.MIYAGI_DEVELOPMENT,
-			prod: process.env.NODE_ENV === "production",
-			projectName: config.projectName,
-			userProjectName: global.config.projectName,
-			isBuild: global.config.isBuild,
-			userUiConfig: getUserUiConfig(cookies),
-			theme: themeMode
-				? Object.assign(global.config.ui.theme, { mode: themeMode })
-				: global.config.ui.theme,
-			documentation: componentDocumentation,
-			name: componentDocumentation?.includes("<h1") ? null : componentName,
-			uiTextDirection: global.config.ui.textDirection,
-		},
-		(html) => {
-			if (res.send) {
-				res.send(html);
-			}
+  await res.render(
+    "iframe_component.twig.miyagi",
+    {
+      lang: global.config.ui.lang,
+      miyagiDev: !!process.env.MIYAGI_DEVELOPMENT,
+      prod: process.env.NODE_ENV === "production",
+      projectName: config.projectName,
+      userProjectName: global.config.projectName,
+      isBuild: global.config.isBuild,
+      userUiConfig: getUserUiConfig(cookies),
+      theme: themeMode
+        ? Object.assign(global.config.ui.theme, { mode: themeMode })
+        : global.config.ui.theme,
+      documentation: componentDocumentation,
+      name: componentDocumentation?.includes("<h1") ? null : componentName,
+      uiTextDirection: global.config.ui.textDirection,
+    },
+    (html) => {
+      if (res.send) {
+        res.send(html);
+      }
 
-			if (cb) {
-				cb(null, html);
-			}
-		},
-	);
+      if (cb) {
+        cb(null, html);
+      }
+    },
+  );
 }
 
 /**
@@ -50,19 +50,19 @@ export default async function renderIframeDocs({ res, doc, cb, cookies }) {
  * @returns {string}
  */
 function getHeadlineFromFileName(file) {
-	if (typeof file !== "string") return "";
+  if (typeof file !== "string") return "";
 
-	let fileName = file;
+  let fileName = file;
 
-	if (fileName.startsWith("/")) {
-		fileName = fileName.slice(1);
-	}
+  if (fileName.startsWith("/")) {
+    fileName = fileName.slice(1);
+  }
 
-	if (file.endsWith("README.md") || file.endsWith("index.md")) {
-		fileName = path.dirname(fileName);
-	} else {
-		fileName = path.basename(fileName, ".md");
-	}
+  if (file.endsWith("README.md") || file.endsWith("index.md")) {
+    fileName = path.dirname(fileName);
+  } else {
+    fileName = path.basename(fileName, ".md");
+  }
 
-	return fileName.replaceAll("-", " ");
+  return fileName.replaceAll("-", " ");
 }

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

@@ -10,35 +10,35 @@ import { getUserUiConfig, getThemeMode } from "../../helpers.js";
  * @returns {Promise}
  */
 export default async function renderIframeIndex({ res, cb, cookies }) {
-	const documentation =
-		global.state.fileContents[helpers.getFullPathFromShortPath("README.md")];
+  const documentation =
+    global.state.fileContents[helpers.getFullPathFromShortPath("README.md")];
 
-	const themeMode = getThemeMode(cookies);
+  const themeMode = getThemeMode(cookies);
 
-	await res.render(
-		"iframe_index.twig.miyagi",
-		{
-			lang: global.config.ui.lang,
-			miyagiDev: !!process.env.MIYAGI_DEVELOPMENT,
-			prod: process.env.NODE_ENV === "production",
-			projectName: config.projectName,
-			userProjectName: global.config.projectName,
-			isBuild: global.config.isBuild,
-			userUiConfig: getUserUiConfig(cookies),
-			theme: themeMode
-				? Object.assign(global.config.ui.theme, { mode: themeMode })
-				: global.config.ui.theme,
-			documentation,
-			uiTextDirection: global.config.ui.textDirection,
-		},
-		(html) => {
-			if (res.send) {
-				res.send(html);
-			}
+  await res.render(
+    "iframe_index.twig.miyagi",
+    {
+      lang: global.config.ui.lang,
+      miyagiDev: !!process.env.MIYAGI_DEVELOPMENT,
+      prod: process.env.NODE_ENV === "production",
+      projectName: config.projectName,
+      userProjectName: global.config.projectName,
+      isBuild: global.config.isBuild,
+      userUiConfig: getUserUiConfig(cookies),
+      theme: themeMode
+        ? Object.assign(global.config.ui.theme, { mode: themeMode })
+        : global.config.ui.theme,
+      documentation,
+      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/iframe/variation.js

@@ -16,101 +16,101 @@ import { getUserUiConfig, getThemeMode } from "../../helpers.js";
  * @returns {Promise} gets resolved when the variation has been rendered
  */
 export default async function renderIframeVariation({
-	res,
-	component,
-	variation,
-	cb,
-	cookies,
-	data,
+  res,
+  component,
+  variation,
+  cb,
+  cookies,
+  data,
 }) {
-	const rawComponentData = (data && data.raw) ?? null;
-	const componentData = (data && data.resolved) ?? null;
-	const themeMode = getThemeMode(cookies);
+  const rawComponentData = (data && data.raw) ?? null;
+  const componentData = (data && data.resolved) ?? null;
+  const themeMode = getThemeMode(cookies);
 
-	const validatedMocks = validateMocks(component, [
-		{
-			resolved: componentData,
-			name: variation,
-		},
-	]);
+  const validatedMocks = validateMocks(component, [
+    {
+      resolved: componentData,
+      name: variation,
+    },
+  ]);
 
-	let standaloneUrl;
+  let standaloneUrl;
 
-	if (global.config.isBuild) {
-		standaloneUrl = `component-${helpers.normalizeString(
-			path.dirname(component.paths.tpl.short),
-		)}-variation-${helpers.normalizeString(variation)}.html`;
-	} else {
-		standaloneUrl = `/component?file=${path.dirname(
-			component.paths.tpl.short,
-		)}&variation=${encodeURIComponent(variation)}`;
-	}
+  if (global.config.isBuild) {
+    standaloneUrl = `component-${helpers.normalizeString(
+      path.dirname(component.paths.tpl.short),
+    )}-variation-${helpers.normalizeString(variation)}.html`;
+  } else {
+    standaloneUrl = `/component?file=${path.dirname(
+      component.paths.tpl.short,
+    )}&variation=${encodeURIComponent(variation)}`;
+  }
 
-	const mockValidation = validatedMocks
-		? {
-				valid: validatedMocks.length === 0,
-				copy: t(
-					`validator.mocks.${validatedMocks.length === 0 ? "valid" : "invalid"}`,
-				),
-			}
-		: null;
-	const fileContents = {
-		mocks: {
-			type: global.config.files.mocks.extension[0],
-		},
-	};
+  const mockValidation = validatedMocks
+    ? {
+        valid: validatedMocks.length === 0,
+        copy: t(
+          `validator.mocks.${validatedMocks.length === 0 ? "valid" : "invalid"}`,
+        ),
+      }
+    : null;
+  const fileContents = {
+    mocks: {
+      type: global.config.files.mocks.extension[0],
+    },
+  };
 
-	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) {
-					await res.render(
-						"iframe_component_variation.twig.miyagi",
-						{
-							html: result,
-							standaloneUrl,
-							miyagiDev: !!process.env.MIYAGI_DEVELOPMENT,
-							prod: process.env.NODE_ENV === "production",
-							projectName: config.projectName,
-							isBuild: global.config.isBuild,
-							userUiConfig: getUserUiConfig(cookies),
-							theme: themeMode
-								? Object.assign(global.config.ui.theme, { mode: themeMode })
-								: global.config.ui.theme,
-							mockData: JSON.stringify(rawComponentData),
-							mockDataResolved: JSON.stringify(componentData),
-							variation,
-							normalizedVariation: helpers.normalizeString(variation),
-							mockValidation,
-							mocks: fileContents.mocks,
-							uiTextDirection: global.config.ui.textDirection,
-						},
-						(html) => {
-							if (res.send) {
-								res.send(html);
-							}
+  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) {
+          await res.render(
+            "iframe_component_variation.twig.miyagi",
+            {
+              html: result,
+              standaloneUrl,
+              miyagiDev: !!process.env.MIYAGI_DEVELOPMENT,
+              prod: process.env.NODE_ENV === "production",
+              projectName: config.projectName,
+              isBuild: global.config.isBuild,
+              userUiConfig: getUserUiConfig(cookies),
+              theme: themeMode
+                ? Object.assign(global.config.ui.theme, { mode: themeMode })
+                : global.config.ui.theme,
+              mockData: JSON.stringify(rawComponentData),
+              mockDataResolved: JSON.stringify(componentData),
+              variation,
+              normalizedVariation: helpers.normalizeString(variation),
+              mockValidation,
+              mocks: fileContents.mocks,
+              uiTextDirection: global.config.ui.textDirection,
+            },
+            (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);
+        }
+      },
+    );
+  });
 }