@cleanweb/react 1.1.1-beta.5 → 1.1.1-beta.6

package/build/base/merged-state.js

@@ -70,7 +70,9 @@ var MergedState = /** @class */ (function () {
     return MergedState;
 }());
 var useMergedState = function (initialState) {
-    var cleanState = (0, react_1.useMemo)(function () { return new MergedState(initialState); }, []);
+    var cleanState = (0, react_1.useMemo)(function () {
+        return new MergedState(initialState);
+    }, []);
     MergedState.useRefresh.call(cleanState);
     return cleanState;
 };

package/build/base/methods.d.ts

@@ -1,8 +1,8 @@
 import type { TCleanState } from './state';
-export declare class ComponentMethods<TState extends object, TProps extends object> {
-    state: TCleanState<TState>;
+export declare class ComponentMethods<TProps extends object, TState extends object> {
     props: TProps;
+    state: TCleanState<TState>;
 }
-type UseMethods = <Class extends typeof ComponentMethods<object, object>>(Methods: Class & Constructor<InstanceType<Class>>, state: InstanceType<Class>['state'], props: InstanceType<Class>['props']) => InstanceType<Class>;
+type UseMethods = <Class extends typeof ComponentMethods<object, object>>(Methods: Class & Constructor<InstanceType<Class>>, props: InstanceType<Class>['props'], state: InstanceType<Class>['state']) => InstanceType<Class>;
 export declare const useMethods: UseMethods;
 export {};

package/build/base/methods.js

@@ -60,7 +60,7 @@ var ComponentMethods = /** @class */ (function () {
 }());
 exports.ComponentMethods = ComponentMethods;
 ;
-var useMethods = function (Methods, state, props) {
+var useMethods = function (Methods, props, state) {
     // @todo Switch to useRef. Vite HMR seems to sometimes reinitialize useMemo calls after a hot update,
     // causing the instance to be unexpectedly recreated in the middle of the components lifecycle.
     // But useRef and useState values appear to always be preserved whenever this happens.
@@ -69,8 +69,8 @@ var useMethods = function (Methods, state, props) {
         // See useLogic implementation for a discussion of this type assertion.
         return new Methods();
     }, [])).current;
-    methods.state = state;
     methods.props = props;
+    methods.state = state;
     return methods;
 };
 exports.useMethods = useMethods;
@@ -92,7 +92,7 @@ testing: {
                     return [4 /*yield*/, import('./state.js')];
                 case 1:
                     useCleanState = (_a.sent()).useCleanState;
-                    self = (0, exports.useMethods)(MyMethods, useCleanState({}), {});
+                    self = (0, exports.useMethods)(MyMethods, {}, useCleanState({}));
                     return [2 /*return*/];
             }
         });

package/build/classy/class.d.ts

@@ -6,8 +6,9 @@ type o = object;
 export interface IComponentClass<Instance extends ClassComponent<o, o, o> = ClassComponent, Params extends ComponentClassParams = ComponentClassParams> extends IComponentInstanceClass<Instance, Params> {
 }
 type Extractor = <TComponent extends typeof ClassComponent<o, o, o>>(this: NonNullable<typeof _Component>, _Component?: TComponent & IComponentClass<InstanceType<TComponent>>) => VoidFunctionComponent<InstanceType<TComponent>['props']>;
-export declare class ClassComponent<TState extends object = EmptyObject, TProps extends object = EmptyObject, THooks extends object = EmptyObject> extends ComponentInstance<TState, TProps, THooks> {
+export declare class ClassComponent<TProps extends o = EmptyObject, TState extends o = EmptyObject, THooks extends o = EmptyObject> extends ComponentInstance<TState, TProps, THooks> {
     Render: VoidFunctionComponent<{}>;
+    readonly forceUpdate: VoidFunction;
     static renderAs: 'component' | 'template';
     static readonly FC: Extractor;
 }

package/build/classy/class.js

@@ -32,6 +32,15 @@ var setFunctionName = function (func, newName) {
         console.warn(error);
     }
 };
+var useRerender = function () {
+    /*
+     * Skip the value, we don't need it.
+     * Grab just the setter function.
+     */
+    var _a = (0, react_1.useState)(Date.now()), _forceRerender = _a[1];
+    var rerender = function () { return _forceRerender(Date.now()); };
+    return rerender;
+};
 ;
 var ClassComponent = /** @class */ (function (_super) {
     __extends(ClassComponent, _super);
@@ -45,7 +54,12 @@ var ClassComponent = /** @class */ (function (_super) {
         if (!Component.getInitialState || !isClassComponentType)
             throw new Error('Attempted to initialize ClassComponent with invalid Class type. Either pass a class that extends ClassComponent to FC (e.g `export FC(MyComponent);`), or ensure it is called as a method on a ClassComponent constructor type (e.g `export MyComponent.FC()`).');
         var Wrapper = function (props, context) {
-            var Render = (0, instance_1.useInstance)(Component, props).Render;
+            var instance = (0, instance_1.useInstance)(Component, props);
+            var Render = instance.Render;
+            var _forceUpdate;
+            // @ts-expect-error (Cannot assign to 'forceUpdate' because it is a read-only property.ts(2540))
+            instance.forceUpdate = (_forceUpdate = useRerender() // Moved this to separate line to allow TS errors. Use proxy local variable to regain some type checking for the assignment.
+            );
             // Add calling component name to Render function name in stack traces.
             (0, react_1.useMemo)(function () { return setFunctionName(Render, "".concat(Component.name, ".Render")); }, [Render]);
             /**

package/build/classy/instance.d.ts

@@ -3,7 +3,7 @@ type AsyncAllowedEffectCallback = () => Awaitable<IVoidFunction>;
 type UseMountCallbacks = <TInstance extends ComponentInstance<any, any, any>>(instance: TInstance) => void;
 export declare const useMountCallbacks: UseMountCallbacks;
 export declare const noOp: () => void;
-export declare class ComponentInstance<TState extends object = EmptyObject, TProps extends object = EmptyObject, THooks extends object = EmptyObject> extends ComponentLogic<TState, TProps, THooks> {
+export declare class ComponentInstance<TProps extends o = EmptyObject, TState extends o = EmptyObject, THooks extends o = EmptyObject> extends ComponentLogic<TState, TProps, THooks> {
     /**
      * Runs only _before_ first render, i.e before the component instance is mounted.
      * Useful for logic that is involved in determining what to render.

package/build/classy/logic.d.ts

@@ -1,7 +1,7 @@
 import type { TCleanState, TState } from '../base/state';
 export type Empty = EmptyObject;
 type o = object;
-export declare class ComponentLogic<TState extends o = Empty, TProps extends o = Empty, THooks extends o = Empty> {
+export declare class ComponentLogic<TProps extends o = Empty, TState extends o = Empty, THooks extends o = Empty> {
     state: TCleanState<TState>;
     props: TProps;
     hooks: THooks;

package/build/classy/logic.js

@@ -18,7 +18,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useLogic = exports.ComponentLogic = void 0;
 var react_1 = require("react");
 var state_1 = require("../base/state");
-// React.Component
 var ComponentLogic = /** @class */ (function () {
     function ComponentLogic() {
     }

package/package.json

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