@cloudwick/astral-ui-cli 0.2.1 → 0.2.2

package/dist/templates/utils/index.tsx

@@ -1,7 +1,6 @@
 export * from "./numberUtils";
 export * from "./stringUtils";
-export { useOnScreen } from "./useOnScreen";
+export * from "./findParentAttribute";
 export { debounce } from "./debounce";
 export { useWindowSize } from "./useWindowSize";
-export * from "./findParentAttribute";
 export { cn } from "./cn";

package/dist/templates/utils/stringUtils/{fileSize.tsx → fileSize.ts}

@@ -1,4 +1,3 @@
-import React from "react";
 /**
  * Function to convert file size in bytes to human readable format
  * @param size - size of the file in bytes
@@ -9,5 +8,5 @@ import React from "react";
  */
 export function readableFileSize( size: number ): string {
   const i = size !== 0 ? Math.floor( Math.log( size ) / Math.log( 1024 )) : 0;
-  return `${Number(( size / Math.pow( 1024, i )).toFixed( 2 )) } ${ [ "B", "kB", "MB", "GB", "TB" ][i]}`;
+  return `${Number(( size / Math.pow( 1024, i )).toFixed( 2 ))} ${[ "B", "kB", "MB", "GB", "TB" ][i]}`;
 }

package/dist/templates/utils/stringUtils/index.tsx

@@ -1,4 +1 @@
-export * from "./getInitials";
-export { PlaceholderText } from "./placeholderText";
-export { regexSearch } from "./regexSearch";
 export { readableFileSize } from "./fileSize";

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@cloudwick/astral-ui-cli",
-    "version": "0.2.1",
+    "version": "0.2.2",
     "description": "CLI for installing Astral UI components in any codebase",
     "main": "dist/index.js",
     "bin": {
@@ -62,4 +62,4 @@
     "engines": {
         "node": ">=18.0.0"
     }
-}
+}

package/dist/templates/utils/getElementType.ts

@@ -1,38 +0,0 @@
-// disable eslint on entire file because we don't want to enforce prop types,
-// this is a utility function that should be used in a component that already has prop types
-// and we don't want to force prop types on this utility function
-/* eslint-disable */
-
-/**
- * Returns a createElement() type based on the props of the Component.
- * Useful for calculating what type a component should render as.
- *
- * @param {function} Component A function or ReactClass.
- * @param {object} props A ReactElement props object
- * @param {function} [getDefault] A function that returns a default element type.
- * @returns {string|function} A ReactElement type
- */
-function getElementType(
-  Component: React.ComponentType<any>, componentProps: { [key: string]: any },
-  getDefault?: () => any ): string | React.ComponentType<any> {
-  const { defaultProps = {} } = Component;
-
-  // user defined "as" element type
-  if ( componentProps.as && componentProps.as !== defaultProps.as ) {
-    return componentProps.as;
-  }
-
-  // get computed default element type
-  if ( getDefault ) {
-    const defaultAs = getDefault();
-    if ( defaultAs ) {
-      return defaultAs;
-    }
-  }
-
-  // use defaultProps.as or 'div'
-  return defaultProps.as || "div";
-}
-/* eslint-enable */
-
-export default getElementType;

package/dist/templates/utils/stringUtils/getInitials.tsx

@@ -1,22 +0,0 @@
-import React, { ReactElement } from "react";
-/**
- * This method accepts a string and returns a string representation
- * of the value shrunk to 2 characters representing the Initials.
- * @param {string} value - The value to be converted to Initials
- * @returns {string} - The 2character string of the initials extracted from the given value string.
- * @example <caption>Example usage of getInitials method.</caption>
- * // returns SP
- * getInitials('Susheel Pogaku');
- */
-export const getInitials = ( value:string ): string => {
-  return value
-    ?.match( /(^\S\S?|\b\S)?/g )?.join( "" )
-    ?.match( /(^\S|\S$)?/g )?.join( "" )
-    ?.toUpperCase() ?? "AU";
-};
-
-export const GetInitials = ( value:string ): ReactElement => {
-  return <React.Fragment>
-    {getInitials( value )}
-  </React.Fragment>;
-};

package/dist/templates/utils/stringUtils/placeholderText.tsx

@@ -1,93 +0,0 @@
-import React, { ReactElement } from "react";
-
-type TVariant = "lorem" | "space" | "startrek";
-
-export interface IPlaceholderTextProps {
-  paragraphs?: number;
-  sentences?: number;
-  variant?: TVariant;
-}
-
-const getRandomSentences = (
-  source: string[],
-  sentences: number
-): string => {
-  const result = new Array( sentences );
-  let sourceLength = source.length;
-  const taken = new Array( sourceLength );
-  if ( sentences <= sourceLength ) {
-    while ( sentences-- ) {
-      const x = Math.floor( Math.random() * sourceLength );
-      result[sentences] = source[x in taken ? taken[x] : x];
-      taken[x] = --sourceLength in taken ? taken[sourceLength] : sourceLength;
-    }
-  }
-  return result.join( " " ).replace( /\s+/g, " " ).trim();
-};
-
-export const placeholderText = ( sentences:number, variant: TVariant = "lorem" as TVariant ): string => {
-  const wordCollection = variants?.[variant] ?? variants.lorem;
-  const paragraph = getRandomSentences( wordCollection, sentences );
-  return paragraph;
-};
-
-export const PlaceholderText = ({
-  paragraphs = 2,
-  sentences = 4,
-  variant = "lorem"
-}: IPlaceholderTextProps ): ReactElement => {
-  let text = "";
-  for ( let i = 0; i < paragraphs; i++ ){
-    const paragraph = `<p>${placeholderText( sentences, variant )}</p>`;
-    text += paragraph;
-  }
-  return <div className="space-y-2 text-start dark:text-secondary-200" dangerouslySetInnerHTML={{ __html: text }}></div>;
-};
-
-export default PlaceholderText;
-
-const variants = {
-  "lorem": [
-    "Lorem ipsum dolor sit amet , consectetur adipiscing",
-    "elit sed do eiusmod tempor incididunt ut labore",
-    "et dolore magna aliqua. Ut enim ad minim veniam, ",
-    "quis nostrud exercitation ullamco laboris nisi ut",
-    "aliquip ex ea commodo consequat Duis aute irure",
-    "dolor in reprehenderit in voluptate velit esse cillum",
-    "dolore eu fugiat nulla pariatur Excepteur sint,",
-    "occaecat cupidatat non proident sunt in culpa qui",
-    "aliquip ex ea commodo consequat Duis aute irure",
-    "Neque porro quisquam est qui dolorem ipsum quia dolor sit amet",
-    "elit sed do eiusmod tempor incididunt ut labore",
-    "officia deserunt mollit anim id est laborum"
-  ],
-  "space": [
-    "There is no atmosphere in space and sound cannot travel without a medium.",
-    "Mercury is closest planet to sun, but venus is the hottest planet in solar system.",
-    "There are between 100-400 billion stars, approximately, in the galaxy.",
-    "There is a planet made of diamonds twice the size of earth.",
-    "One teaspoonful of neutron star would weigh the same as the entire human population.",
-    "In fact, cosmic expansion is actually accelerating.",
-    "Black holes are known for their voracious appetites;",
-    "Neptune only recently finished its first full post-discovery orbit in 2011.",
-    "Not all planets form and stay around stars.",
-    "We are all made of stardust. It sounds like a line from a poem.",
-    "It takes 230 million years for our solar system to complete one single orbit around the Milky Way.",
-    "Polaris, our North Star, is not leaving us anytime soon."
-  ],
-  "startrek": [
-    "There are four lights!",
-    "Things are only impossible until they are not!",
-    "Sokath, his eyes uncovered! Captain Picard is stuck on planet.",
-    "Logic is the beginning of wisdom, not the end.",
-    "Live long, and prosper.",
-    "Resistance is futile.",
-    "It is possible to commit no errors and still lose, that is not a weakness, that is life.",
-    "Without freedom of choice there is no creativity.",
-    "You can use logic to justify almost anything. That's its power. And its flaw.",
-    "Mr. Data, set heading to Alpha Quadrant, maximum warp, Engage !",
-    "Change is the essential process of all existence.",
-    "Insufficient facts always invite danger.",
-    "What does God need with a starship."
-  ]
-};

package/dist/templates/utils/stringUtils/regexSearch.tsx

@@ -1,29 +0,0 @@
-/**
- * Function to verify if a string exists within another string using regex
- *
- * @param {string} stringToSearchFor
- * @param {string} stringToSearchIn
- * @param {boolean} caseSensitive (optional) default false
- * @returns {boolean} True if the stringToSearchFor is found, false otherwise.
- */
-
-export const regexSearch = (
-  stringToSearchFor: string,
-  stringToSearchIn: string,
-  caseSensitive = false
-): boolean => {
-  if ( !stringToSearchFor ){
-    return true;
-  }
-  if ( !stringToSearchIn ) {
-    return false;
-  }
-
-  try {
-    const regex = new RegExp( stringToSearchFor, caseSensitive ? "g" : "gi" );
-    return regex.test( stringToSearchIn );
-  } catch ( error: unknown ) {
-    console.error( "Invalid regular expression:", ( error as Error )?.message );
-    return false;
-  }
-};

package/dist/templates/utils/useOnScreen.tsx

@@ -1,22 +0,0 @@
-import { useEffect, useState, useMemo } from "react";
-
-export function useOnScreen( ref: React.RefObject<Element> ): boolean {
-
-  const [ isIntersecting, setIntersecting ] = useState<boolean>( false );
-
-  const observer = useMemo(() => new IntersectionObserver(
-    ([entry]) => setIntersecting( entry.isIntersecting )
-  ), []);
-
-  useEffect(() => {
-    if ( ref.current ) {
-      observer.observe( ref.current );
-    }
-    // Remove the observer as soon as the component is unmounted
-    return () => {
-      observer.disconnect();
-    };
-  }, [ ref, observer ]);
-
-  return isIntersecting;
-}