cradova 1.0.1 → 1.0.5

package/.vscode/settings.json

@@ -0,0 +1,19 @@
+{
+  "cSpell.words": [
+    "childrens",
+    "chtml",
+    "deactivatecall",
+    "Dispatchtrack",
+    "Divs",
+    "domimg",
+    "Lenght",
+    "myappname",
+    "proplen",
+    "removeclass",
+    "stateid",
+    "tabindex",
+    "toggleclass",
+    "upcb",
+    "wrappper"
+  ]
+}

package/CHANGELOG.md

@@ -0,0 +1,23 @@
+# cradova changelog
+
+## 1.0.0
+
+- basic functionality not proper way to handle state
+
+## 1.0.1
+
+- improved performance score
+
+## 1.0.2
+
+- improved api and dev experience
+
+## 1.0.3
+
+- improved state management
+
+## 1.0.4
+
+- big performance gain
+- improved state management
+- battle testing and production readiness

package/README.md

@@ -1,37 +1,38 @@
 # cradova PWA sample
 
 <p>
-	<a href="https://www.npmjs.com/package/Cradova">
-		<img src="https://img.shields.io/npm/v/Cradova.svg" alt="npm Version" />
+	<a href="https://www.npmjs.com/package/cradova">
+		<img src="https://img.shields.io/npm/v/cradova.svg" alt="npm Version" />
 	</a>&nbsp;
-	<a href="https://github.com/Cradova/Cradova.js/blob/next/LICENSE">
-		<img src="https://img.shields.io/npm/l/Cradova.svg" alt="License" />
+	<a href="https://github.com/cradova/cradova.js/blob/next/LICENSE">
+		<img src="https://img.shields.io/npm/l/cradova.svg" alt="License" />
 	</a>&nbsp;
-	<a href="https://www.npmjs.com/package/Cradova">
-		<img src="https://img.shields.io/npm/dm/Cradova.svg" alt="npm Downloads">
+	<a href="https://www.npmjs.com/package/cradova">
+		<img src="https://img.shields.io/npm/dm/cradova.svg" alt="npm Downloads">
 	</a>&nbsp;
-	<a href="https://www.npmjs.com/package/Cradova">
-		<img src="https://img.shields.io/travis/Cradova/Cradova.js/next.svg?colorB=brightgreen" alt="Build Status">
+	<a href="https://www.npmjs.com/package/cradova">
+		<img src="https://img.shields.io/travis/cradova/cradova.js/next.svg?colorB=brightgreen" alt="Build Status">
 	</a>
     &nbsp;
-	<a href="https://opencollective.com/Cradova">
-		<img src="https://img.shields.io/opencollective/all/Cradova.svg?colorB=brightgreen" alt="Donate at OpenCollective">
+	<a href="https://opencollective.com/cradova">
+		<img src="https://img.shields.io/opencollective/all/cradova.svg?colorB=brightgreen" alt="Donate at OpenCollective">
 	</a>&nbsp;
 </p>
 
-- [What is Cradova.js?](#what-is-Cradova?)
+- [What is cradova.js?](#what-is-cradova?)
 - [Installation](#installation)
 - [Documentation](#documentation)
 - [Getting Help](#getting-help)
-- [Contributing](#building-Cradova-parkages)
+- [Contributing](#building-cradova-parkages)
 
-## What is Cradova.js?
+## What is cradova.js?
 
-Cradova is a JavaScript framework for building Single Page Applications and PWAs.
+cradova is a JavaScript framework for building Single Page Applications and PWAs.
 
 It's small, fast and provides routing and XHR utilities out of the box.
 
-Cradova.js supports various versions of IE11, Firefox ESR, and Firefox, Edge, Safari, and Chrome. No polyfills required. 👌
+cradova.js supports various versions of IE11, Firefox ESR, and Firefox,
+Edge, Safari, and Chrome. No polyfills required.
 
 ## Installation
 
@@ -39,14 +40,45 @@ Cradova.js supports various versions of IE11, Firefox ESR, and Firefox, Edge, Sa
 
 ```html
 <!-- Production: whichever you prefer -->
-<script src="https://unpkg.com/Cradova/Cradova.min.js"></script>
-<script src="https://cdn.jsdelivr.net/npm/Cradova/Cradova.min.js"></script>
+<script src="https://unpkg.com/cradova/cradova.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/cradova/cradova.min.js"></script>
 ```
 
 ### npm
 
 ```bash
-npm install Cradova --save
+npm install cradova --save
 ```
 
-<img src="Sample app.jpg">
+<img src="cradova.jpg">
+
+### `npm start`
+
+Runs the app in the development mode.\
+Open [http://localhost:3000](http://localhost:3000) to view it in your browser.
+
+The page will reload when you make changes.\
+You may also see any lint errors in the console.
+
+### `npm test`
+
+Launches the test runner in the interactive watch mode.\
+See the section about [running tests](https://fridaycandour.github.io/cradova/docs/running-tests) for more information.
+
+### `npm run build`
+
+Builds the app for production to the `build` folder.\
+It correctly bundles React in production mode and optimizes the build for the best performance.
+
+The build is minified and the filenames include the hashes.\
+Your app is ready to be deployed!
+
+See the section about [deployment](https://fridaycandour.github.io/cradova/docs/deployment) for more information.
+
+### Analyzing the Bundle Size
+
+This section has moved here: [https://fridaycandour.github.io/cradova/docs/analyzing-the-bundle-size](https://fridaycandour.github.io/cradova/docs/analyzing-the-bundle-size)
+
+### Making a Progressive Web App
+
+This section has moved here: [https://fridaycandour.github.io/cradova/docs/making-a-progressive-web-app](https://fridaycandour.github.io/cradova/docs/making-a-progressive-web-app)

package/contributing.md

@@ -0,0 +1,7 @@
+What does Cradova needs?
+
+- Cradova Documentation Website
+- Sample projects
+- More Tools and UI libraries for cradova
+
+community [telegram](https://t.me/cradova)

package/dist/index.d.ts

@@ -0,0 +1,467 @@
+/**
+ * swipe
+ * ---
+ * Now you can detect swipes the best way possible
+ *
+ * @param callabck
+ * @param touching?
+ */
+export function swipe(
+  callabck: (swipe_data: Record<string, number>) => void,
+  touching?: boolean
+): {
+  start(): void;
+  stop(): void;
+};
+/**
+ *  Cradova Signal
+ * ----
+ *  create stateful data store.
+ * ability to:
+ * - create a store
+ * - create actions and fire them
+ * - bind a Ref or RefList
+ * - listen to changes
+ * -  persist changes to localStorage
+ * - go back and forward in value history
+ * - set keys instead of all values
+ * - update a cradova Ref/RefList automatically
+ * @constructor initial: any, props: {useHistory, persist}
+ */
+export class createSignal {
+  value: any;
+  constructor(
+    initial: unknown,
+    props?: {
+      useHistory?: boolean;
+      persistName?: string | undefined;
+    }
+  );
+  /**
+   *  Cradova Signal
+   * ----
+   *  set signal value
+   * @param value - signal value
+   * @returns void
+   */
+  set(value: unknown, shouldRefRender?: boolean): void;
+  /**
+   *  Cradova Signal
+   * ----
+   *  set a key value if it's an object
+   * @param name - name of the key
+   * @param value - value of the key
+   * @returns void
+   */
+  setKey(name: string, value: any, shouldRefRender?: boolean): void;
+  /**
+   *  Cradova Signal
+   * ----
+   *  set a prop value inside an object prop of the store
+   * @param key - a prop of the store - object value
+   * @param name - prop of the key object
+   * @param value - value of the name
+   * @returns void
+   */
+  setPath(
+    key: string,
+    name: string,
+    value: any,
+    shouldRefRender?: boolean
+  ): void;
+  /**
+   *  Cradova Signal
+   * ----
+   *  set a prop value inside an array prop of the store
+   * @param key - a prop of the store - object value
+   * @param index - index of the key object
+   * @param value - value of the index
+   * @returns void
+   */
+  setIndex(
+    key: string,
+    index: number,
+    value: any,
+    shouldRefRender?: boolean
+  ): void;
+  /**
+   *  Cradova Signal
+   * ----
+   *  set a key to signal an action
+   * @param name - name of the action
+   * @param action function to execute
+   */
+  createAction(
+    name: string | Record<string, (self?: any, data?: any) => void>,
+    action?: (self?: any, data?: any) => void
+  ): void;
+  /**
+   *  Cradova Signal
+   * ----
+   *  fires an action if available
+   * @param name - string name of the action
+   * @param data - data for the action
+   */
+  fireAction(name: string, data?: any): void;
+  /**
+   *  Cradova Signal
+   * ----
+   *  set a auto - rendering component for this store
+   *
+   * @param Ref component to bind to.
+   * @param path a property in the object to send to attached ref
+   */
+  bindRef(Ref: any, path?: string): void;
+  /**
+   *  Cradova Signal
+   * ----
+   *  set signal value to a future one
+   * @returns void
+   */
+  forward(): void;
+  /**
+   *  Cradova Signal
+   * ----
+   *  set signal value to a old past one
+   * @returns void
+   */
+  backward(): void;
+  /**
+   *  Cradova Signal
+   * ----
+   *  set a update listener on value changes
+   * @param callback
+   */
+  listen(callback: (a: any) => void): void;
+  /**
+   * Cradova Signal
+   * ----
+   * get value */
+  get(): any;
+  /**
+   *  Cradova Signal
+   * ----
+   * clear the history on local storage
+   */
+  clearPersist(): void;
+}
+type CradovaScreenType = {
+  name: string;
+  template: Function | HTMLElement;
+  transition?: string;
+  callBack?: (html?: any, data?: Record<string, any>) => void;
+  persist?: boolean;
+};
+type RouterRouteObject = {
+  controller: (params: object, force?: boolean) => any;
+  deactivate: (params: object) => any;
+  packager: (params: any) => void;
+};
+/**
+ * Cradova Router
+ * ---
+ * Facilitates navigation within the application and initializes
+ * page views based on the matched routes.
+ */
+type RouterType =
+  | {
+      /**
+       * Registers a route.
+       *
+       * @param {string}   path     Route path.
+       * @param {any} screen the cradova document tree for the route.
+       */
+      route: (path: string, screen: CradovaScreenType) => void;
+      routes: Record<string, RouterRouteObject>;
+      lastNavigatedRoute: string | null;
+      lastNavigatedRouteController: RouterRouteObject | null;
+      nextRouteController: RouterRouteObject | null;
+      params: Record<string, any>;
+      /**
+       * n/a
+       */
+      router: (e: any, force?: boolean) => void;
+      /**
+       * get a screen ready before time.
+       *
+       * @param {string}   path     Route path.
+       * @param {any} data data for the screen.
+       */
+      packageScreen: (path: string, data?: any) => void;
+      pageShow: ((path: string) => void) | null;
+      pageHide: ((path: string) => void) | null;
+      onPageShow: (callback: () => void) => void;
+      onPageHide: (callback: () => void) => void;
+      /**
+       * Cradova Router
+       * ------
+       *
+       * Navigates to a designated screen in your app
+       */
+      navigate: (
+        href: string,
+        data?: Record<string, any> | null,
+        force?: boolean
+      ) => void;
+    }
+  | Record<string, any>;
+/**
+ * Cradova Router
+ * ---
+ * Facilitates navigation within the application and initializes
+ * page views based on the matched routes.
+ */
+export const Router: RouterType;
+/**
+ *
+ * @param name
+ * @param template
+ * @param transitions
+ */
+export class Screen {
+  /**
+   * this is the name of the screen that appears as the title
+   */
+  name: string;
+  secondaryChildren: Array<any>;
+  static SCALE_IN: string;
+  static SCALE_OUT: string;
+  static CIRCLE_IN: string;
+  static CIRCLE_OUT: string;
+  static FADE_OUT: string;
+  static FADE_IN: string;
+  static SLIDE_UP: string;
+  static SLIDE_DOWN: string;
+  static SLIDE_LEFT: string;
+  static SLIDE_RIGHT: string;
+  /**
+   * this tells cradova to persist state on the screen or not
+   * persisting is better
+   */
+  persist: boolean;
+  constructor(cradova_screen_initials: CradovaScreenType);
+  package(data: any): Promise<void>;
+  onActivate(cb: (data: any) => void): void;
+  onDeactivate(cb: (data: any) => void): void;
+  addChild(...addOns: any[]): void;
+  detach(): void;
+  Activate(data: any, force: boolean): Promise<void>;
+}
+export const controls: () => void;
+export function uuid(num?: number): string;
+export function PromptBeforeLeave(callback?: (e: any) => void): void;
+/**
+Write CSS media in javascript
+
+@example
+
+_.media("min-width: 790px",
+["#container",
+{
+    width: "100%",
+    height: "100%",
+    "background-color": "#0000"
+}],
+
+["#header",
+{
+    width: "100%",
+    height: "20%",
+    "background-color": "#fff"
+}]
+)
+*/
+export function media(value: string, ...properties: any[]): void;
+/**
+Write CSS styles in Javascript
+@example
+
+css("#container",
+{
+    height: "100%",
+    height: "100%",
+    background-color: "#ff9800"
+})
+
+css(".btn:hover",
+{
+    height: "100%",
+    height: "100%",
+    background-color: "#ff9800"
+})
+
+*/
+export function css(
+  identifier: string,
+  properties: Record<string, string>
+): void;
+/**
+Write animation value in javascript
+
+@example
+
+_.animate("polarization",
+["from",
+{
+    transform: "scale3D(2)" ,
+    height: "10%",
+    "background-color": "#0000"
+}],
+
+["to",
+{
+    transform: "scale3D(1)" ,
+    height: "100%",
+    "background-color": "#ff9800"
+}]
+)
+
+*/
+export function animate(identifier: string, ...properties: any[]): void;
+/**
+ *
+ * @param {expression} condition
+ * @param {function} callback
+ */
+export function assert(
+  condition: any,
+  ...callback: (() => any)[]
+): "" | (() => any)[];
+export function assertOr(
+  condition: any,
+  ifTrue: () => any,
+  ifFalse: () => any
+): () => any;
+/**
+ * Create element and get a callback to update their state
+ * no need to manage stateIDs
+ * ----------------------------------------------------------------
+ *
+ * @param element_initials
+ * @param props
+ * @returns
+ */
+export function RefElement(
+  element_initials?: string,
+  props?: Record<string, string>
+): {
+  render(data: any): any;
+  updateState(state: Record<string, any>): void;
+};
+export const ls: Record<string, Function>;
+export function fullScreen(e: Element): {
+  set(): void;
+  exist(): void;
+};
+export class RefList {
+  constructor(component: (...data: any) => any);
+  stale(datas: any): void;
+  render(datas?: any): any;
+  updateState(datas: any[]): void;
+}
+/**
+ * Cradova Ref
+ * -------
+ * create dynamic components
+ *
+ */
+export class Ref {
+  constructor(component: (...data: any) => any);
+  stale(...data: any): void;
+  /**
+   * Cradova Ref
+   * ---
+   * returns html with cradova reference
+   * @param data
+   * @returns html
+   */
+  render(...data: any): () => any;
+  onStateUpdate(cb: any): void;
+  /**
+   * Cradova Ref
+   * ---
+   * update ref component with new data and update the dom.
+   * @param data
+   * @returns void
+   */
+  updateState(...data: any): void;
+  remove(): void;
+}
+/**
+ * Document fragment
+ * @param children
+ * @returns
+ */
+type fragmentTYPE = () => (() => HTMLElement) | HTMLElement;
+export const frag: (...children: fragmentTYPE[]) => DocumentFragment;
+/**
+ * Send a new state to specified element with stateID
+ *
+ * @param stateID
+ * @param state
+ * @returns element(s)
+ */
+export function dispatch(
+  stateID: string | Record<string, any>,
+  state?: Record<string, any>
+): Node[];
+/**
+ *
+ * Cradova Ajax
+ * ------------------
+ * your new axios alternative
+ * supports files upload
+ * @param url string
+ * @param {{method: string;data;header;callbacks;}} opts
+ * @returns any
+ */
+export function Ajax(
+  url: string | URL,
+  opts?:
+    | {
+        method?: string;
+        data?: Record<string, any>;
+        header?: Record<string, any>;
+        callbacks?: Record<string, (arg: any) => void>;
+      }
+    | any
+): Promise<unknown>;
+/**
+ * Creates new cradova HTML element
+ *  @example
+ * _("p") // or _("p.class") or _("p#id") or _("p.class#id")
+ * using inline props
+ * _("p",{
+ * text: "am a p tag",
+ * style: {
+ * color: "blue"
+ * }
+ * )
+ * adding children
+ * _("p",
+ * _("span",{text:" am a span tag like so",
+ *  {style: {color: "brown"}
+ * })
+ * )
+ *
+ * props and children
+ * _("p",
+ * // props first
+ * {
+ * text: "am a p tag",
+ * style: {
+ * color: "blue"
+ * },
+ * // all children goes after
+ * _("span",{text:" am a span tag like so",
+ *  {style: {color: "brown"}
+ * })
+ * )
+ *
+ * @param  {...any} element_initials
+ * @returns function - cradova element
+ */
+declare const _: any;
+export default _;
+
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"mappings":"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","sources":["src/src/sacho/swipe.ts","src/src/scripts/createSignal.ts","src/src/types.ts","src/src/scripts/Router.ts","src/src/scripts/Screen.ts","src/src/scripts/fns.ts","src/src/scripts/track.ts","src/src/scripts/ajax.ts","src/src/scripts/init.ts","src/src/index.ts","src/index.ts"],"sourcesContent":[null,null,null,null,null,null,null,null,null,null,"/*\n\n\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\n\"\n\"   ██████╗  ██████╗    █████      ██████╗    ███████╗  ██╗   ██╗   █████  \n\"  ██╔════╝  ██╔══██╗  ██╔═╗██    █      ██  ██╔═════╝  ██║   ██║  ██╔═╗██ \n\"  ██║        ██████╔╝  ██████╗    █      ██  ██║     ██  ██║   ██║  ██████╗    \n\"  ██║        ██╔══██   ██║  ██║   █      ██  ██║     ██  ╚██╗ ██╔╝  ██║  ██    \n\"  ╚██████╗  ██║  ██║  ██║  ██║   ███████╔╝   ██████     ╚████╔╝   ██║  ██║\n\"   ╚═════╝  ╚═╝  ╚═╝  ╚═╝  ╚═╝   ╚══════╝     ╚════╝     ╚═══╝     ╚═╝  ╚═╝  \n\"  Sacho inside\n\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\"\n\n\" =============================================================================\n\" By Friday Candour\n\" -----------------------------------------------------------------------------\n\" =============================================================================\n\"   Cradova FrameWork\n\"   @version 1.*.*\n\" -----------------------------------------------------------------------------\n\" License: Apache V2\n\" -----------------------------------------------------------------------------\n\" fridaymaxtour@gmail.com ...\n\" =============================================================================\n\n                                  Apache License\n                           Version 2.0, January 2004\n                        http://www.apache.org/licenses/\n \n        Copyright 2022 Friday Candour. All Rights Reserved.\n        Licensed under the Apache License, Version 2.0 (the \"License\");\n        you may not use this file except in compliance with the License.\n        You may obtain a copy of the License at\n            http://www.apache.org/licenses/LICENSE-2.0\n        Unless required by applicable law or agreed to in writing, software\n        distributed under the License is distributed on an \"AS IS\" BASIS,\n        WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n        See the License for the specific language governing permissions and\n        limitations under the License.\n*/\n\n// importing cradova helper scripts\n\nexport { swipe } from \"./sacho/swipe\";\nexport { Signal as createSignal } from \"./scripts/createSignal\";\nexport { Router } from \"./scripts/Router\";\nexport { Screen } from \"./scripts/Screen\";\nexport { dispatch } from \"./scripts/track\";\nexport { Ajax } from \"./scripts/ajax\";\nexport {\n  frag,\n  fullScreen,\n  assert,\n  uuid,\n  animate,\n  controls,\n  PromptBeforeLeave,\n  RefElement,\n  css,\n  media,\n  ls,\n  Ref,\n  RefList,\n  assertOr,\n} from \"./scripts/fns\";\n\nimport { Init } from \"./scripts/init\";\n\n// importing types declarations\n\nimport { CradovaElementType } from \"./types\";\n\n(\"use strict\");\n\nconst make = function (txx: any) {\n  if (Array.isArray(txx)) {\n    txx = txx[0].trim();\n  }\n\n  if (!txx) {\n    return {\n      tag: \"div\",\n    };\n  }\n\n  let tag;\n  const itemsPurifier = (impure: string, pure: string, items: any) => {\n    if (!items.includes(pure)) return [];\n    const pureItems = [];\n    items = items.split(pure);\n    for (let i = 0; i < items.length; i++) {\n      if (items[i].includes(impure)) {\n        items[i] = items[i].split(impure)[0];\n      }\n      pureItems.push(items[i]);\n    }\n    return pureItems;\n  };\n\n  let innerValue;\n  if (txx.includes(\"|\")) {\n    const tc = txx.split(\"|\");\n    innerValue = tc[1];\n    txx = tc[0] && tc[0];\n  }\n\n  const classes = itemsPurifier(\"#\", \".\", txx);\n  const ids = itemsPurifier(\".\", \"#\", txx);\n\n  if (typeof tag !== \"string\") {\n    tag = classes.shift();\n  }\n  if (typeof tag !== \"string\") {\n    tag = ids.shift();\n  }\n\n  if (!tag) {\n    tag = \"div\";\n  }\n\n  if (!txx.includes(\".\") && !txx.includes(\"#\")) {\n    tag = txx;\n    ids.length = 0;\n    classes.length = 0;\n  }\n\n  let ID = ids[1] ? ids[1].trim() : null;\n  const className = classes.join(\" \");\n  return { tag, className, ID, innerValue };\n};\n\n/**\n * Creates new cradova HTML element\n *  @example\n * _(\"p\") // or _(\"p.class\") or _(\"p#id\") or _(\"p.class#id\")\n * using inline props\n * _(\"p\",{\n * text: \"am a p tag\",\n * style: {\n * color: \"blue\"\n * }\n * )\n * adding children\n * _(\"p\",\n * _(\"span\",{text:\" am a span tag like so\",\n *  {style: {color: \"brown\"}\n * })\n * )\n *\n * props and children\n * _(\"p\",\n * // props first\n * {\n * text: \"am a p tag\",\n * style: {\n * color: \"blue\"\n * },\n * // all children goes after\n * _(\"span\",{text:\" am a span tag like so\",\n *  {style: {color: \"brown\"}\n * })\n * )\n *\n * @param  {...any} element_initials\n * @returns function - cradova element\n */\n\nconst _: any = (...element_initials: any) => {\n  let properties: Record<string, any>,\n    childrens: string | any[] = [],\n    beforeMount: (self: HTMLElement) => void;\n\n  if (\n    typeof element_initials[1] == \"object\" &&\n    !(\n      element_initials[1] instanceof HTMLElement && !element_initials[1].tagName\n    )\n  ) {\n    properties = element_initials[1];\n    if (properties?.beforeMount) {\n      beforeMount = properties[\"beforeMount\"];\n    }\n    if (element_initials.length > 2) {\n      childrens = element_initials.slice(2, element_initials.length);\n    }\n  } else {\n    if (\n      element_initials[1] instanceof HTMLElement ||\n      typeof element_initials[1] === \"function\" ||\n      typeof element_initials[1] === \"string\"\n    ) {\n      childrens = element_initials.slice(1, element_initials.length);\n    }\n  }\n\n  if (element_initials[0].raw) {\n    // getting the value of static cradova calls\n    element_initials[0] = element_initials[0][\"raw\"][0];\n  }\n  // verifying the children array\n\n  function identify(element_initials: any) {\n    if (typeof element_initials !== \"object\") {\n      element_initials = [element_initials];\n    }\n    const initials = make(element_initials[0]);\n    // TODO: tag debugger\n    // const { tag, className, ID, innerValue } = initials;\n\n    /**\n     *\n     * --- Cradova Element Initials  ---\n     * --------------------------------\n     *\n     * Note: this element has not been initialized!\n     *\n     * add to a parent element or call this return function\n     *\n     * .\n     */\n    return (...incoming: string[] | any[]) => {\n      /*\n       *\n       * --- Cradova Element Initials  ---\n       * --------------------------------\n       *\n       * Note: this element has not been initialized!\n       *\n       * add to a parent element or call this return function\n       *\n       * .\n       */\n      let childrens2rd = [],\n        props: Record<string, any> = {},\n        text;\n\n      for (let i = 0; i < incoming.length; i++) {\n        if (\n          typeof incoming[i] === \"function\" ||\n          incoming[i] instanceof HTMLElement\n          // ||\n          // incoming[i].tagName\n        ) {\n          childrens2rd.push(incoming[i]);\n          continue;\n        }\n\n        if (\n          // !incoming[i].tagName &&\n          !(incoming[i] instanceof HTMLElement) &&\n          !Array.isArray(incoming[i]) &&\n          typeof incoming[i] === \"object\" &&\n          !incoming[i].tagName\n        ) {\n          if (incoming[i].beforeMount) {\n            beforeMount = incoming[i][\"beforeMount\"];\n            continue;\n          }\n          if (incoming[i].composedPath) {\n            continue;\n          }\n          props = incoming[i];\n          continue;\n        }\n        //\n        if (typeof incoming[i] === \"string\") {\n          text = incoming[i];\n          continue;\n        }\n      }\n\n      if (childrens.length) {\n        childrens2rd.push(...childrens);\n      }\n\n      let element: CradovaElementType | undefined;\n\n      try {\n        element = document.createElement(initials.tag.trim());\n      } catch (error) {\n        throw new TypeError(\"cradova err invalid tag given  \" + initials.tag);\n      }\n      if (!element) {\n        return;\n      }\n      if (initials.className) {\n        element.className = initials.className.trim();\n      }\n\n      if (initials.ID) {\n        element.id = initials.ID.trim();\n      }\n      if (initials.innerValue) {\n        element.append(initials.innerValue);\n      }\n\n      for (const prop in properties) {\n        if (prop === \"style\" && typeof properties[prop] === \"object\") {\n          for (const [k, v] of Object.entries(properties[prop])) {\n            element.style[k] = v;\n          }\n          continue;\n        }\n\n        if (element.style[prop] === \"\" && prop !== \"src\") {\n          element.style[prop] = properties[prop];\n          continue;\n        }\n\n        if (prop === \"class\" && typeof properties[prop] === \"string\") {\n          const classes = properties[prop].split(\" \");\n          for (let i = 0; i < classes.length; i++) {\n            if (classes[i]) {\n              element.classList.add(classes[i]);\n            }\n          }\n          continue;\n        }\n        if (prop === \"text\") {\n          element.innerText = properties[prop];\n          continue;\n        }\n        try {\n          element[prop] = properties[prop];\n        } catch (error) {\n          console.log(properties);\n          throw new Error(\n            \"cradova err invalid props  \" +\n              prop +\n              \" for this element type with value \" +\n              properties[prop]\n          );\n        }\n      }\n\n      //\n      // dynamic props\n      // over-rides props that appear in the first level\n\n      if (props && typeof props === \"object\" && !Array.isArray(props)) {\n        for (const prop in props) {\n          if (prop === \"style\" && typeof props[prop] === \"object\") {\n            for (const [k, v] of Object.entries(props[prop])) {\n              element.style[k] = v;\n            }\n            continue;\n          }\n          if (element.style[prop] === \"\" && prop !== \"src\") {\n            element.style[prop] = props[prop];\n            continue;\n          }\n          if (prop === \"text\" && typeof props[prop] === \"string\") {\n            element.innerText = props[prop];\n            continue;\n          }\n          if (prop === \"class\" && typeof props[prop] === \"string\") {\n            element.classList.add(props[prop]);\n            continue;\n          }\n\n          if (prop === \"beforeMount\") {\n            beforeMount = props[\"beforeMount\"];\n            continue;\n          }\n\n          try {\n            element[prop] = props[prop];\n          } catch (error) {\n            console.error(error);\n          }\n        }\n      }\n      // getting children ready\n      if (childrens2rd.length) {\n        for (let i = 0; i < childrens2rd.length; i++) {\n          // single child lane\n          if (typeof childrens2rd[i] === \"function\") {\n            let child = childrens2rd[i]();\n            if (typeof child === \"function\") {\n              child = child();\n            }\n            try {\n              if (child) {\n                element.append(child);\n              }\n              if (child && child.afterMount) {\n                child.afterMount(child);\n                child.afterMount = undefined;\n              }\n            } catch (error) {\n              console.error(error);\n              if (!(child instanceof HTMLElement)) {\n                throw new Error(\n                  \" cradova err invalid child type: \" +\n                    child +\n                    \" (\" +\n                    typeof child +\n                    \")\"\n                );\n              }\n            }\n            continue;\n          }\n          // children array\n          if (Array.isArray(childrens2rd[i])) {\n            const arrCX: HTMLElement[] | Function[] = childrens2rd[i];\n            const arrCXLenght = arrCX.length;\n            const arrSET = [];\n            for (let p = 0; p < arrCXLenght; p++) {\n              if (\n                !(arrCX[p] instanceof HTMLElement) &&\n                typeof arrCX[p] !== \"function\" &&\n                !Array.isArray(arrCX[p])\n              ) {\n                console.error(arrCX[p]);\n                throw new TypeError(\n                  \"cradova err: invalid tag type or template literal, cradova was enable to create this element show above ⇑\"\n                );\n              }\n              arrSET.push(arrCX[p]);\n            }\n            //\n            childrens2rd = [\n              ...childrens2rd.slice(0, i + 1),\n              ...arrSET,\n              ...childrens2rd.slice(i + 1, childrens2rd.length),\n            ];\n            continue;\n          }\n          const child = childrens2rd[i];\n          if (\n            child instanceof HTMLElement ||\n            child instanceof DocumentFragment ||\n            typeof child === \"string\"\n          ) {\n            element.append(child);\n            // @ts-ignore\n            if (child.afterMount) {\n              // @ts-ignore\n              child.afterMount(child);\n              // @ts-ignore\n              child.afterMount = undefined;\n            }\n          } else {\n            console.error(\"cradova got\");\n            console.error(child);\n            throw new Error(\n              \" cradova err invalid child type: \" + \"(\" + typeof child + \")\"\n            );\n          }\n        }\n      }\n      //\n      if (text) {\n        element.append(text);\n      }\n      // TODO: this will be updated to use data-stateid soon\n      // speed test still going on\n      if (element.stateID) {\n        // adding cradova dynamic signature\n        element.classList.add(\"cra_child_doc\");\n      }\n\n      if (beforeMount) {\n        beforeMount(element);\n      }\n\n      return element;\n    };\n  }\n  if (typeof element_initials[0] !== \"string\") {\n    console.error(\"cradova err: NO TEMPLATE STRING PROVIDED\");\n    return () => \"NO TEMPLATE STRING PROVIDED\";\n  }\n  const CradovaElement: () => HTMLElement | undefined =\n    identify(element_initials);\n  if (!CradovaElement) {\n    throw new Error(\n      \"Cradova err invalid element initials  \" + element_initials\n    );\n  }\n  return CradovaElement;\n};\n\nInit();\n\nexport default _;\n"],"names":[],"version":3,"file":"index.d.ts.map","sourceRoot":"../"}