generator-bitloops 0.3.9 → 0.3.11

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "generator-bitloops",
-  "version": "0.3.9",
+  "version": "0.3.11",
   "description": "Next.js with TypeScript, Tailwind, Storybook and Cypress generator by Bitloops",
   "license": "MIT",
   "author": "Bitloops S.A.",

package/setup/index.js

@@ -8,11 +8,35 @@ import { fileURLToPath } from 'url';
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = path.dirname(__filename);
 
+function isKebabCase(str) {
+  // Check if the string is empty
+  if (!str || str.trim().length === 0) {
+    return false;
+  }
+
+  // Regular expression to check if a string is kebab-case,
+  // ensuring it starts with a lowercase letter or digit, allowing for lowercase letters and digits in the middle or end,
+  // and ensuring each new word starts with a lowercase letter or digit
+  const kebabCaseRegex = /^[a-z0-9]+(?:-[a-z0-9]+)*$/;
+
+  return kebabCaseRegex.test(str);
+}
+
 function toKebabCase(str) {
-  return str
-    .replace(/([a-z0-9])([A-Z])/g, '$1-$2')
-    .toLowerCase()
-    .replace(/\s+/g, '-');
+  if (isKebabCase(str)) {
+    return str;
+  }
+
+  const words = str
+    .trim()
+    // Split by non-alphanumeric characters and the transition from lowercase to uppercase
+    .split(/(?=[A-Z])|[^a-zA-Z0-9]+/)
+    .filter((word) => word.length > 0);
+
+  return words
+    .map((word) => word.toLowerCase())
+    .filter((word) => word.length > 0) // Remove empty words
+    .join('-');
 }
 
 export default class extends Generator {

package/setup/templates/cypress/helpers/index.ts

@@ -11,6 +11,13 @@ export const isOutOfBounds = (inRect: DOMRect, outRect: DOMRect): boolean => {
   return isOut;
 };
 
+export const isOutOfHorizontalBounds = (inRect: DOMRect, outRect: DOMRect): boolean => {
+  const isOut =
+    inRect.left < outRect.left ||
+    inRect.right > outRect.right;
+  return isOut;
+};
+
 export const hasHorizontalScroll = (document: Document): boolean => {
   const scrollingElement = document.scrollingElement;
   if (!scrollingElement) {

package/setup/templates/cypress.config.ts

@@ -1,32 +1,25 @@
 import { defineConfig } from 'cypress';
-import * as fs from 'fs';
-import * as path from 'path';
    
 export default defineConfig({
   e2e: {
     specPattern: "**/*.cy.{ts,tsx}",
     supportFile: false,
     testIsolation: false,
-    setupNodeEvents(on) {
-      on('task', {
-        saveTestResults(results) {
-          const resultsPath = path.join(__dirname, '.', 'cypress', 'results', 'results.json');
-          if (!fs.existsSync(resultsPath)) {
-            fs.writeFileSync(resultsPath, '[]'); // Create file if it doesn't exist
-          }
-          const existingResults = JSON.parse(fs.readFileSync(resultsPath, 'utf8'));
-          existingResults.push(JSON.parse(results));
-          fs.writeFileSync(resultsPath, JSON.stringify(existingResults, null, 2));
-          return null; // Indicate the task was successful
-        }
-      });
-    },
   },
   reporter: "mochawesome",
-    reporterOptions: {
-      reportDir: "cypress/results",
-      overwrite: true,
-      html: true,
-      json: true,
-    },
+  reporterOptions: {
+    reportDir: "cypress/results",
+    overwrite: true,
+    html: true,
+    json: true,
+    reportTitle: "Component Testing",
+    reportPageTitle: "Bitloops Component Testing",
+    charts: true,
+    reportFilename: "report",
+    code: true,
+    showPassed: true,
+    showFailed: true,
+    showSkipped: true,
+    saveJson: true,
+  },
 });