Merge pull request #6 from Cyrus-0101/state-management

v1 Syronjs

Author: Cyrus-0101

packages/runtime/src/utils/arrays.ts renamed to packages/runtime/src/utils/utils.ts

@@ -1,15 +1,18 @@
-import { h, hFragment, hString, } from '../h'
-import { type VNode } from './types'
+import { h, hFragment, hString } from "../h";
+import type { VNode } from "./types";
 
 /**
- * @name withoutNulls
- * @param arr {Array<VNode>}
- * @returns Array<VNode>
- * @description withoutNulls(arr: Array<VNode>) - takes an array and returns a new array with all null values removed.
+ * @name MessageComponent
+ * @param level string - 'info' | 'warning' | 'error'
+ * @param message string
+ * @returns VNode
+ *
+ * @description MessageComponent({ level, message }: { level: 'info' | 'warning' | 'error', message: string }) - takes a level and message and returns a virtual DOM node with the message and level passed to the function.
  */
-export const withoutNulls = (arr: VNode[]): VNode[] => {
-    return arr.filter((item) => item != null)
-}
+
+export const MessageComponent = ({ level, message }: { level: 'info' | 'warning' | 'error'; message: string; }): VNode => {
+    return h('div', { class: `message message--${level}` }, [h('p', {}, [hString(message)])]);
+};
 
 /***
  * @name lipsum
@@ -23,13 +26,11 @@ export const lipsum = (num: number): VNode  => {
 }
 
 /**
- * @name MessageComponent
- * @param level string - 'info' | 'warning' | 'error'
- * @param message string
- * @returns VNode
- * 
- * @description MessageComponent({ level, message }: { level: 'info' | 'warning' | 'error', message: string }) - takes a level and message and returns a virtual DOM node with the message and level passed to the function.
+ * @name withoutNulls
+ * @param arr {Array<VNode>}
+ * @returns Array<VNode>
+ * @description withoutNulls(arr: Array<VNode>) - takes an array and returns a new array with all null values removed.
  */
-export const MessageComponent = ({ level, message }: { level: 'info' | 'warning' | 'error', message: string }): VNode => {
-    return h('div', { class: `message message--${level}` }, [h('p', {}, [hString(message)])])
-}
+export const withoutNulls = (arr: VNode[]): VNode[] => {
+    return arr.filter((item) => item != null)
+}