@cleanweb/react 2.1.0-beta.0 → 2.1.0-beta.2

package/build/classy/class/index.d.ts

@@ -81,3 +81,21 @@ export declare class ClassComponent<TProps extends object = WeakEmptyObject> ext
     static readonly FC: Extractor;
 }
 export { ClassComponent as Component };
+export { Use } from './use-component';
+/** /
+testing: {
+    const a: object = {b: ''};
+
+    type t = keyof typeof a;
+
+    class MyComponentLogic extends ClassComponent<{a: ''}> {
+        getInitialState = () => ({a: '' as const});
+        // a = () => this.hooks.a = '';
+
+        useHooks = () => {
+            this.state.a;
+        };
+    };
+
+    const Template = MyComponentLogic.FC();
+}/**/

package/build/classy/class/index.js

@@ -15,11 +15,11 @@ var __extends = (this && this.__extends) || (function () {
     };
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Component = exports.ClassComponent = void 0;
+exports.Use = exports.Component = exports.ClassComponent = void 0;
 var react_1 = require("react");
 var instance_1 = require("../instance");
 var function_name_1 = require("./utils/function-name");
-var rerender_1 = require("./utils/rerender");
+var rerender_1 = require("../../helpers/rerender");
 /**
  * A superset of {@link ComponentInstance} that allows defining your
  * component's JSX template directly inside the class.
@@ -128,22 +128,22 @@ var ClassComponent = /** @class */ (function (_super) {
 }(instance_1.ComponentInstance));
 exports.ClassComponent = ClassComponent;
 exports.Component = ClassComponent;
-/**/
+var use_component_1 = require("./use-component");
+Object.defineProperty(exports, "Use", { enumerable: true, get: function () { return use_component_1.Use; } });
+/** /
 testing: {
-    var a = { b: '' };
-    var MyComponentLogic = /** @class */ (function (_super) {
-        __extends(MyComponentLogic, _super);
-        function MyComponentLogic() {
-            var _this = _super !== null && _super.apply(this, arguments) || this;
-            _this.getInitialState = function () { return ({ a: '' }); };
-            // a = () => this.hooks.a = '';
-            _this.useHooks = function () {
-                _this.state.a;
-            };
-            return _this;
-        }
-        return MyComponentLogic;
-    }(ClassComponent));
-    ;
-    var Template = MyComponentLogic.FC();
-} /**/
+    const a: object = {b: ''};
+
+    type t = keyof typeof a;
+
+    class MyComponentLogic extends ClassComponent<{a: ''}> {
+        getInitialState = () => ({a: '' as const});
+        // a = () => this.hooks.a = '';
+
+        useHooks = () => {
+            this.state.a;
+        };
+    };
+
+    const Template = MyComponentLogic.FC();
+}/**/

package/build/classy/instance/index.d.ts

@@ -10,7 +10,7 @@ export declare const noOp: () => void;
  *
  * @see https://github.com/cleanjsweb/neat-react#lifecycle-useinstance
  */
-export declare class ComponentInstance<TProps extends object = {}> extends ComponentLogic<TProps> {
+export declare class ComponentInstance<TProps extends object = NonPrimitive> extends ComponentLogic<TProps> {
     /**
      * Runs only _before_ first render,
      * i.e before the component instance is mounted.
@@ -62,3 +62,26 @@ export declare class ComponentInstance<TProps extends object = {}> extends Compo
 }
 export declare const useInstance: UseInstance;
 export {};
+/** /
+testing: {
+    class A extends ComponentInstance<WeakEmptyObject> {
+        getInitialState = (p?: object) => ({putan: ''});
+        // k = this.props.o
+        am = this.state['_initialValues_'];
+        k = this.am.putan;
+
+        beforeRender = () => ({g: ''});
+
+        useHooks = () => {
+            return {j: 9};
+        };
+    }
+
+    const a = useInstance(A, {});
+    a.am;
+
+    // a.props['o'];
+    type bbbb = A['state'];
+    type ttt = bbbb['put'];
+}
+/**/

package/build/classy/instance/index.js

@@ -148,25 +148,26 @@ var useInstance = function () {
     return instance;
 };
 exports.useInstance = useInstance;
-/**/
+/** /
 testing: {
-    var A = /** @class */ (function (_super) {
-        __extends(A, _super);
-        function A() {
-            var _this = _super !== null && _super.apply(this, arguments) || this;
-            _this.getInitialState = function (p) { return ({ putan: '' }); };
-            // k = this.props.o
-            _this.am = _this.state['_initialValues_'];
-            _this.k = _this.am.putan;
-            _this.beforeRender = function () { return ({ g: '' }); };
-            _this.useHooks = function () {
-                return { j: 9 };
-            };
-            return _this;
-        }
-        return A;
-    }(ComponentInstance));
-    var a = (0, exports.useInstance)(A, {});
+    class A extends ComponentInstance<WeakEmptyObject> {
+        getInitialState = (p?: object) => ({putan: ''});
+        // k = this.props.o
+        am = this.state['_initialValues_'];
+        k = this.am.putan;
+
+        beforeRender = () => ({g: ''});
+
+        useHooks = () => {
+            return {j: 9};
+        };
+    }
+
+    const a = useInstance(A, {});
     a.am;
+
+    // a.props['o'];
+    type bbbb = A['state'];
+    type ttt = bbbb['put'];
 }
 /**/

package/build/classy/instance/types/hook.d.ts

@@ -1,13 +1,13 @@
 import { ComponentInstance } from '..';
-type UIClassParam = typeof ComponentInstance<object>;
+type UIClassParam = typeof ComponentInstance<any>;
 type UIProplessClassParam = typeof ComponentInstance<HardEmptyObject>;
 export type UseInstance = {
     <Class extends UIProplessClassParam>(Methods: Class): InstanceType<Class>;
     <Class extends UIClassParam>(Methods: Class, props: InstanceType<Class>['props']): InstanceType<Class>;
 };
 export type UIParams = [
-    Class: typeof ComponentInstance,
+    Class: typeof ComponentInstance<any>,
     props?: object
 ];
-export type UIReturn = ComponentInstance;
+export type UIReturn = ComponentInstance<any>;
 export {};

package/build/classy/logic/index.d.ts

@@ -14,7 +14,7 @@ export type WeakEmpty = WeakEmptyObject;
  *
  * Call the {@link useLogic} hook inside your function component to instantiate the class.
  */
-export declare class ComponentLogic<TProps extends object = {}> {
+export declare class ComponentLogic<TProps extends object = NonPrimitive> {
     /**
      * A {@link TCleanState | `CleanState`} object.
      * Holds all of your component's state,
@@ -46,3 +46,33 @@ export declare class ComponentLogic<TProps extends object = {}> {
     useHooks: () => object | void;
 }
 export declare const useLogic: UseLogic;
+/** /
+testing: {
+    const a: object = {b: ''};
+
+    type t = keyof typeof a;
+
+    class MyComponentLogic extends ComponentLogic<{}> {
+        getInitialState = () => ({b: 7});
+        b = () => 8 + this.state.b;
+
+        useHooks = () => ({a: 'undefined'});
+    };
+
+    type tt = keyof {};
+
+    const self = useLogic(MyComponentLogic);
+    self.hooks;
+    self.useHooks();
+
+
+    const A = class C extends ComponentLogic {
+        getInitialState = () => ({a: 'l'});
+        a = () => this.state.a = '';
+    }
+
+    // const oa = {['a' as unknown as symbol]: 'boo'};
+    const oa = {['a']: 'boo'};
+    useLogic(A, oa);
+}
+/**/

package/build/classy/logic/index.js

@@ -1,20 +1,4 @@
 "use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useLogic = exports.ComponentLogic = void 0;
 var react_1 = require("react");
@@ -78,36 +62,33 @@ var useLogic = function () {
     return self;
 };
 exports.useLogic = useLogic;
-/**/
+/** /
 testing: {
-    var a = { b: '' };
-    var MyComponentLogic = /** @class */ (function (_super) {
-        __extends(MyComponentLogic, _super);
-        function MyComponentLogic() {
-            var _this = _super !== null && _super.apply(this, arguments) || this;
-            _this.getInitialState = function () { return ({ b: 7 }); };
-            _this.b = function () { return 8 + _this.state.b; };
-            _this.useHooks = function () { return ({ a: 'undefined' }); };
-            return _this;
-        }
-        return MyComponentLogic;
-    }(ComponentLogic));
-    ;
-    var self_1 = (0, exports.useLogic)(MyComponentLogic);
-    self_1.hooks;
-    self_1.useHooks();
-    var A = /** @class */ (function (_super) {
-        __extends(C, _super);
-        function C() {
-            var _this = _super !== null && _super.apply(this, arguments) || this;
-            _this.getInitialState = function () { return ({ a: 'l' }); };
-            _this.a = function () { return _this.state.a = ''; };
-            return _this;
-        }
-        return C;
-    }(ComponentLogic));
+    const a: object = {b: ''};
+
+    type t = keyof typeof a;
+
+    class MyComponentLogic extends ComponentLogic<{}> {
+        getInitialState = () => ({b: 7});
+        b = () => 8 + this.state.b;
+
+        useHooks = () => ({a: 'undefined'});
+    };
+
+    type tt = keyof {};
+
+    const self = useLogic(MyComponentLogic);
+    self.hooks;
+    self.useHooks();
+
+
+    const A = class C extends ComponentLogic {
+        getInitialState = () => ({a: 'l'});
+        a = () => this.state.a = '';
+    }
+
     // const oa = {['a' as unknown as symbol]: 'boo'};
-    var oa = (_a = {}, _a['a'] = 'boo', _a);
-    (0, exports.useLogic)(A, oa);
+    const oa = {['a']: 'boo'};
+    useLogic(A, oa);
 }
 /**/

package/build/classy/logic/types/hook.d.ts

@@ -3,15 +3,15 @@ import type { ComponentLogic } from '..';
  *        # Hooks                    *
 **************************************/
 /** */
-type ULClassParam = typeof ComponentLogic<object>;
+type ULClassParam = typeof ComponentLogic<any>;
 type ULProplessClassParam = typeof ComponentLogic<HardEmptyObject>;
 export type UseLogic = {
     <Class extends ULProplessClassParam>(Methods: Class): InstanceType<Class>;
     <Class extends ULClassParam>(Methods: Class, props: InstanceType<Class>['props']): InstanceType<Class>;
 };
 export type ULParams = [
-    Class: typeof ComponentLogic,
+    Class: typeof ComponentLogic<any>,
     props?: object
 ];
-export type ULReturn = ComponentLogic;
+export type ULReturn = ComponentLogic<any>;
 export {};

package/build/helpers/index.d.ts

@@ -1 +1,2 @@
 export * from './mount-state';
+export * from './rerender';

package/build/helpers/index.js

@@ -15,3 +15,4 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./mount-state"), exports);
+__exportStar(require("./rerender"), exports);

package/build/{classy/class/utils → helpers}/rerender.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useRerender = void 0;
-var mount_state_1 = require("../../../helpers/mount-state");
+var mount_state_1 = require("../helpers/mount-state");
 var react_1 = require("react");
 var useRerender = function () {
     var isMounted = (0, mount_state_1.useMountState)();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cleanweb/react",
-  "version": "2.1.0-beta.0",
+  "version": "2.1.0-beta.2",
   "description": "A suite of helpers for writing cleaner React function components.",
   "engines": {
     "node": ">=18"