@ornikar/kitt-universal 27.5.1-canary.4d3ec9b2bbb3371c254ae88141f81bb445a59f73.0 → 27.5.1-canary.74b3661a3818b6b6b6cd66a9bf11ce3340651bb8.0

package/scripts/transformers/card-modal.js

@@ -1,136 +0,0 @@
-'use strict';
-
-// Transform CardModal components from prop-based API to children-based API
-// Converts header, body, and footer props to direct children elements
-
-// Use local jscodeshift instance directly
-const jscodeshift = require('jscodeshift');
-const prettier = require('prettier');
-
-module.exports = async function transformer(fileInfo, api) {
-  // Use the jscodeshift API to parse the file
-  const j = api.jscodeshift || jscodeshift;
-
-  // Parse the source code of the file
-  const root = j(fileInfo.source);
-
-  let hasChanges = false;
-
-  // ----------- Start of transformer logic
-
-  // Find all JSX elements with the name CardModal
-  root
-    .find(j.JSXElement, {
-      openingElement: {
-        name: {
-          name: 'CardModal',
-        },
-      },
-    })
-    .forEach((path) => {
-      const element = path.value;
-      const openingElement = element.openingElement;
-
-      // Check if this CardModal has header, body, or footer props
-      const headerProp = openingElement.attributes.find(
-        (attr) => attr.type === 'JSXAttribute' && attr.name.name === 'header',
-      );
-      const bodyProp = openingElement.attributes.find(
-        (attr) => attr.type === 'JSXAttribute' && attr.name.name === 'body',
-      );
-      const footerProp = openingElement.attributes.find(
-        (attr) => attr.type === 'JSXAttribute' && attr.name.name === 'footer',
-      );
-
-      // Only transform if we have at least one of these props
-      if (!headerProp && !bodyProp && !footerProp) {
-        return;
-      }
-
-      hasChanges = true;
-
-      // Create new children array in the correct order: header, body, footer
-      const newChildren = [];
-
-      // Add header child if it exists
-      if (headerProp && headerProp.value) {
-        if (headerProp.value.type === 'JSXExpressionContainer') {
-          const expression = headerProp.value.expression;
-          if (expression.type === 'JSXElement') {
-            // If it's a direct JSX element, add it as a direct child
-            newChildren.push(expression);
-          } else {
-            // If it's a conditional or other expression, keep it wrapped
-            newChildren.push(j.jsxExpressionContainer(expression));
-          }
-        } else {
-          // If it's a direct JSX element, add it directly
-          newChildren.push(headerProp.value);
-        }
-      }
-
-      // Add body child if it exists
-      if (bodyProp && bodyProp.value) {
-        if (bodyProp.value.type === 'JSXExpressionContainer') {
-          const expression = bodyProp.value.expression;
-          if (expression.type === 'JSXElement') {
-            // If it's a direct JSX element, add it as a direct child
-            newChildren.push(expression);
-          } else {
-            // If it's a conditional or other expression, keep it wrapped
-            newChildren.push(j.jsxExpressionContainer(expression));
-          }
-        } else {
-          // If it's a direct JSX element, add it directly
-          newChildren.push(bodyProp.value);
-        }
-      }
-
-      // Add footer child if it exists
-      if (footerProp && footerProp.value) {
-        if (footerProp.value.type === 'JSXExpressionContainer') {
-          const expression = footerProp.value.expression;
-          if (expression.type === 'JSXElement') {
-            // If it's a direct JSX element, add it as a direct child
-            newChildren.push(expression);
-          } else {
-            // If it's a conditional or other expression, keep it wrapped
-            newChildren.push(j.jsxExpressionContainer(expression));
-          }
-        } else {
-          // If it's a direct JSX element, add it directly
-          newChildren.push(footerProp.value);
-        }
-      } // Remove the header, body, and footer attributes
-      openingElement.attributes = openingElement.attributes.filter((attr) => {
-        if (attr.type !== 'JSXAttribute') return true;
-        const name = attr.name.name;
-        return name !== 'header' && name !== 'body' && name !== 'footer';
-      });
-
-      // Update the element's children
-      element.children = newChildren;
-
-      // If the element was self-closing, make it a regular element
-      if (openingElement.selfClosing) {
-        openingElement.selfClosing = false;
-        element.closingElement = j.jsxClosingElement(j.jsxIdentifier('CardModal'));
-      }
-    });
-
-  // ----------- End of transformer logic
-
-  // Return the modified source code after transformation
-  if (!hasChanges) {
-    return fileInfo.source;
-  }
-
-  const output = root.toSource({ quote: 'single' });
-
-  const prettierConfig = await prettier.resolveConfig(fileInfo.path);
-
-  return prettier.format(output, {
-    ...prettierConfig,
-    filepath: fileInfo.path,
-  });
-};

package/scripts/transformers/fullscreen-modal.js

@@ -1,138 +0,0 @@
-'use strict';
-
-// Transform FullscreenModal components from prop-based API to children-based API
-// Converts header, body, and footer props to direct children elements
-
-// Use local jscodeshift instance directly
-const jscodeshift = require('jscodeshift');
-const prettier = require('prettier');
-
-module.exports = async function transformer(fileInfo, api) {
-  // Use the jscodeshift API to parse the file
-  const j = api.jscodeshift || jscodeshift;
-
-  // Parse the source code of the file
-  const root = j(fileInfo.source);
-
-  let hasChanges = false;
-
-  // ----------- Start of transformer logic
-
-  // Find all JSX elements with the name FullscreenModal
-  root
-    .find(j.JSXElement, {
-      openingElement: {
-        name: {
-          name: 'FullscreenModal',
-        },
-      },
-    })
-    .forEach((path) => {
-      const element = path.value;
-      const openingElement = element.openingElement;
-
-      // Check if this FullscreenModal has header, body, or footer props
-      const headerProp = openingElement.attributes.find(
-        (attr) => attr.type === 'JSXAttribute' && attr.name.name === 'header',
-      );
-      const bodyProp = openingElement.attributes.find(
-        (attr) => attr.type === 'JSXAttribute' && attr.name.name === 'body',
-      );
-      const footerProp = openingElement.attributes.find(
-        (attr) => attr.type === 'JSXAttribute' && attr.name.name === 'footer',
-      );
-
-      // Only transform if we have at least one of these props
-      if (!headerProp && !bodyProp && !footerProp) {
-        return;
-      }
-
-      hasChanges = true;
-
-      // Create new children array in the correct order: header, body, footer
-      const newChildren = [];
-
-      // Add header child if it exists
-      if (headerProp && headerProp.value) {
-        if (headerProp.value.type === 'JSXExpressionContainer') {
-          const expression = headerProp.value.expression;
-          if (expression.type === 'JSXElement') {
-            // If it's a direct JSX element, add it as a direct child
-            newChildren.push(expression);
-          } else {
-            // If it's a conditional or other expression, keep it wrapped
-            newChildren.push(j.jsxExpressionContainer(expression));
-          }
-        } else {
-          // If it's a direct JSX element, add it directly
-          newChildren.push(headerProp.value);
-        }
-      }
-
-      // Add body child if it exists
-      if (bodyProp && bodyProp.value) {
-        if (bodyProp.value.type === 'JSXExpressionContainer') {
-          const expression = bodyProp.value.expression;
-          if (expression.type === 'JSXElement') {
-            // If it's a direct JSX element, add it as a direct child
-            newChildren.push(expression);
-          } else {
-            // If it's a conditional or other expression, keep it wrapped
-            newChildren.push(j.jsxExpressionContainer(expression));
-          }
-        } else {
-          // If it's a direct JSX element, add it directly
-          newChildren.push(bodyProp.value);
-        }
-      }
-
-      // Add footer child if it exists
-      if (footerProp && footerProp.value) {
-        if (footerProp.value.type === 'JSXExpressionContainer') {
-          const expression = footerProp.value.expression;
-          if (expression.type === 'JSXElement') {
-            // If it's a direct JSX element, add it as a direct child
-            newChildren.push(expression);
-          } else {
-            // If it's a conditional or other expression, keep it wrapped
-            newChildren.push(j.jsxExpressionContainer(expression));
-          }
-        } else {
-          // If it's a direct JSX element, add it directly
-          newChildren.push(footerProp.value);
-        }
-      }
-
-      // Remove the header, body, and footer attributes
-      openingElement.attributes = openingElement.attributes.filter((attr) => {
-        if (attr.type !== 'JSXAttribute') return true;
-        const name = attr.name.name;
-        return name !== 'header' && name !== 'body' && name !== 'footer';
-      });
-
-      // Update the element's children
-      element.children = newChildren;
-
-      // If the element was self-closing, make it a regular element
-      if (openingElement.selfClosing) {
-        openingElement.selfClosing = false;
-        element.closingElement = j.jsxClosingElement(j.jsxIdentifier('FullscreenModal'));
-      }
-    });
-
-  // ----------- End of transformer logic
-
-  // Return the modified source code after transformation
-  if (!hasChanges) {
-    return fileInfo.source;
-  }
-
-  const output = root.toSource({ quote: 'single' });
-
-  const prettierConfig = await prettier.resolveConfig(fileInfo.path);
-
-  return prettier.format(output, {
-    ...prettierConfig,
-    filepath: fileInfo.path,
-  });
-};

package/scripts/transformers/navigation-modal.js

@@ -1,138 +0,0 @@
-'use strict';
-
-// Transform NavigationModal components from prop-based API to children-based API
-// Converts header, body, and footer props to direct children elements
-
-// Use local jscodeshift instance directly
-const jscodeshift = require('jscodeshift');
-const prettier = require('prettier');
-
-module.exports = async function transformer(fileInfo, api) {
-  // Use the jscodeshift API to parse the file
-  const j = api.jscodeshift || jscodeshift;
-
-  // Parse the source code of the file
-  const root = j(fileInfo.source);
-
-  let hasChanges = false;
-
-  // ----------- Start of transformer logic
-
-  // Find all JSX elements with the name NavigationModal
-  root
-    .find(j.JSXElement, {
-      openingElement: {
-        name: {
-          name: 'NavigationModal',
-        },
-      },
-    })
-    .forEach((path) => {
-      const element = path.value;
-      const openingElement = element.openingElement;
-
-      // Check if this NavigationModal has header, body, or footer props
-      const headerProp = openingElement.attributes.find(
-        (attr) => attr.type === 'JSXAttribute' && attr.name.name === 'header',
-      );
-      const bodyProp = openingElement.attributes.find(
-        (attr) => attr.type === 'JSXAttribute' && attr.name.name === 'body',
-      );
-      const footerProp = openingElement.attributes.find(
-        (attr) => attr.type === 'JSXAttribute' && attr.name.name === 'footer',
-      );
-
-      // Only transform if we have at least one of these props
-      if (!headerProp && !bodyProp && !footerProp) {
-        return;
-      }
-
-      hasChanges = true;
-
-      // Create new children array in the correct order: header, body, footer
-      const newChildren = [];
-
-      // Add header child if it exists
-      if (headerProp && headerProp.value) {
-        if (headerProp.value.type === 'JSXExpressionContainer') {
-          const expression = headerProp.value.expression;
-          if (expression.type === 'JSXElement') {
-            // If it's a direct JSX element, add it as a direct child
-            newChildren.push(expression);
-          } else {
-            // If it's a conditional or other expression, keep it wrapped
-            newChildren.push(j.jsxExpressionContainer(expression));
-          }
-        } else {
-          // If it's a direct JSX element, add it directly
-          newChildren.push(headerProp.value);
-        }
-      }
-
-      // Add body child if it exists
-      if (bodyProp && bodyProp.value) {
-        if (bodyProp.value.type === 'JSXExpressionContainer') {
-          const expression = bodyProp.value.expression;
-          if (expression.type === 'JSXElement') {
-            // If it's a direct JSX element, add it as a direct child
-            newChildren.push(expression);
-          } else {
-            // If it's a conditional or other expression, keep it wrapped
-            newChildren.push(j.jsxExpressionContainer(expression));
-          }
-        } else {
-          // If it's a direct JSX element, add it directly
-          newChildren.push(bodyProp.value);
-        }
-      }
-
-      // Add footer child if it exists
-      if (footerProp && footerProp.value) {
-        if (footerProp.value.type === 'JSXExpressionContainer') {
-          const expression = footerProp.value.expression;
-          if (expression.type === 'JSXElement') {
-            // If it's a direct JSX element, add it as a direct child
-            newChildren.push(expression);
-          } else {
-            // If it's a conditional or other expression, keep it wrapped
-            newChildren.push(j.jsxExpressionContainer(expression));
-          }
-        } else {
-          // If it's a direct JSX element, add it directly
-          newChildren.push(footerProp.value);
-        }
-      }
-
-      // Remove the header, body, and footer attributes
-      openingElement.attributes = openingElement.attributes.filter((attr) => {
-        if (attr.type !== 'JSXAttribute') return true;
-        const name = attr.name.name;
-        return name !== 'header' && name !== 'body' && name !== 'footer';
-      });
-
-      // Update the element's children
-      element.children = newChildren;
-
-      // If the element was self-closing, make it a regular element
-      if (openingElement.selfClosing) {
-        openingElement.selfClosing = false;
-        element.closingElement = j.jsxClosingElement(j.jsxIdentifier('NavigationModal'));
-      }
-    });
-
-  // ----------- End of transformer logic
-
-  // Return the modified source code after transformation
-  if (!hasChanges) {
-    return fileInfo.source;
-  }
-
-  const output = root.toSource({ quote: 'single' });
-
-  const prettierConfig = await prettier.resolveConfig(fileInfo.path);
-
-  return prettier.format(output, {
-    ...prettierConfig,
-    filepath: fileInfo.path,
-  });
-};