cradova 1.0.2 → 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

@@ -82,5 +82,3 @@ This section has moved here: [https://fridaycandour.github.io/cradova/docs/analy
 ### 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)
-
-    "build:cradova": "tsc --build --clean && tsc && rollup dist/index.js --format umd --name 'cradova' --file dist/rolled-cradova.js && mkdir build && touch build/build.js && terser --compress --mangle -- dist/rolled-cradova.js --output build/build.js"

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

@@ -1,26 +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
- * format for static  _`p| am a p tag`  // or _`p.class| am a p tag` or _`p#id| am a p tag` or _`p.class#id| am a p tag`
- * format for dynamic _(
- *  "p| am a p tag" // or "p.class| am a p tag" or "p#id| am a p tag" or "p.class#id| am a p tag"
- * , {
- * //props like
+ * _("p") // or _("p.class") or _("p#id") or _("p.class#id")
+ * using inline props
+ * _("p",{
  * text: "am a p tag",
  * style: {
  * color: "blue"
  * }
- * },
- * // place other children here like span
- * _`span| am a span tag like so`, // this is a static child
- * _("span| am a span tag like so", {style: {color: "brown"}}) // this is a dynamic child
  * )
- * @param  {...any} element_initials
- * @returns function | HTMLElement
+ * adding children
+ * _("p",
+ * _("span",{text:" am a span tag like so",
+ *  {style: {color: "brown"}
+ * })
+ * )
  *
- *  static elements cannot be given props nor children nor state but dynamic can
+ * 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"}
+ * })
+ * )
  *
- *  and static are useful too
+ * @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":"../"}