@unsetsoft/ryunixjs 0.5.3-nightly.8 → 0.5.4

package/README.md

@@ -1,19 +1,19 @@
-# RyunixJS
+<img src="https://raw.githubusercontent.com/UnSetSoft/Ryunixjs/dev/extensions/ryunix/logo-dark.svg"  width="200" height="200" style="
+    display: block;
+    margin: 0 auto;" />
 
-[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2FUnSetSoft%2FRyunixjs%2Ftree%2Fmaster%2Fvercel%2Fryunix-jsx&project-name=ryunix-jsx-project&repository-name=ryunix-jsx-project)
+## RyunixJS [![npm version](https://img.shields.io/npm/v/@unsetsoft/ryunixjs.svg?style=flat)](https://www.npmjs.com/package/@unsetsoft/ryunixjs)[![npm version](https://img.shields.io/npm/v/@unsetsoft/ryunixjs/nightly.svg?style=flat)](https://www.npmjs.com/package/@unsetsoft/ryunixjs/v/nightly)
 
-## What is RyunixJS?
+### What is RyunixJS?
 
-Is a ReactJS Clone! Even lighter, however, at a very early stage for production use.
+Like React, NextJS, Preact, Vite. Ryunix allows you to build static websites from JavaScript in a similar way to the aforementioned frameworks. However, Ryunix is planned to be completely standalone, i.e. without including React internally. This way allowing it to be more manageable and moldable for each developer. The reactivity of Ryunix is similar to Preact, however, it does not pretend to follow any standard of React or any similar Framework, but to allow to generate an SPA in its own way.
 
-## Usage
+### Usage
 
 `npx @unsetsoft/cra@latest`
 
-## Bugs?
-
-You can create an issue on GitHub.
-
-## Do you want to contribute?
+### Do you want to contribute?
 
 Fork a send a pull request!
+
+[![Invitame un café en cafecito.app](https://cdn.cafecito.app/imgs/buttons/button_3.svg)](https://cafecito.app/neyunse) [![ko-fi](https://ko-fi.com/img/githubbutton_sm.svg)](https://ko-fi.com/A1314KEV)

package/dist/Ryunix.js

@@ -44,7 +44,7 @@
     DELETION: Symbol(),
   });
 
-  const Fragments = (props) => {
+  const Fragment = (props) => {
     return props.children
   };
 
@@ -135,6 +135,7 @@
   const init = (root) => {
     const rootElement = root || '__ryunix';
     vars.containerRoot = document.getElementById(rootElement);
+    return undefined
   };
 
   /**
@@ -686,7 +687,7 @@
     createElement,
     render,
     init,
-    Fragments,
+    Fragment,
     Dom,
     Workers,
     Reconciler,
@@ -696,7 +697,7 @@
 
   window.Ryunix = Ryunix;
 
-  exports.Fragments = Fragments;
+  exports.Fragment = Fragment;
   exports.default = Ryunix;
   exports.useCallback = useCallback;
   exports.useEffect = useEffect;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unsetsoft/ryunixjs",
-  "version": "0.5.3-nightly.8",
+  "version": "0.5.4",
   "license": "MIT",
   "main": "./dist/Ryunix.js",
   "types": "./dist/Ryunix.d.ts",

package/src/lib/createElement.js

@@ -1,6 +1,6 @@
 import { RYUNIX_TYPES, STRINGS } from '../utils/index'
 
-const Fragments = (props) => {
+const Fragment = (props) => {
   return props.children
 }
 
@@ -75,4 +75,4 @@ const createTextElement = (text) => {
   }
 }
 
-export { createElement, createTextElement, Fragments, cloneElement }
+export { createElement, createTextElement, Fragment, cloneElement }

package/src/lib/hooks.js

@@ -1,5 +1,6 @@
 import { RYUNIX_TYPES, STRINGS, vars } from '../utils/index'
 import { isEqual } from 'lodash'
+import { Fragment, createElement, cloneElement } from './createElement'
 /**
  * @description The function creates a state.
  * @param initial - The initial value of the state for the hook.

package/src/lib/index.js

@@ -1,4 +1,4 @@
-import { createElement, cloneElement, Fragments } from './createElement'
+import { createElement, cloneElement, Fragment } from './createElement'
 import { render, init } from './render'
 import {
   useStore,
@@ -14,21 +14,13 @@ import * as Reconciler from './reconciler'
 import * as Components from './components'
 import * as Commits from './commits'
 
-export {
-  useStore,
-  useEffect,
-  useQuery,
-  useRef,
-  useMemo,
-  useCallback,
-  Fragments,
-}
+export { useStore, useEffect, useQuery, useRef, useMemo, useCallback, Fragment }
 
 export default {
   createElement,
   render,
   init,
-  Fragments,
+  Fragment,
   Dom,
   Workers,
   Reconciler,

package/src/lib/render.js

@@ -28,6 +28,7 @@ const render = (element, container) => {
 const init = (root) => {
   const rootElement = root || '__ryunix'
   vars.containerRoot = document.getElementById(rootElement)
+  return this
 }
 
 export { render, init }

package/src/main.js

@@ -6,7 +6,7 @@ export {
   useRef,
   useMemo,
   useCallback,
-  Fragments,
+  Fragment,
 } from './lib/index.js'
 
 window.Ryunix = Ryunix