@cleanweb/react 1.0.3 → 1.0.5

package/build/base/index.js

@@ -1,2 +1,18 @@
-export * from './state';
-export * from './methods';
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./state"), exports);
+__exportStar(require("./methods"), exports);

package/build/base/methods.js

@@ -1,3 +1,4 @@
+"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -9,16 +10,18 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import { useMemo } from 'react';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useMethods = exports.ComponentMethods = void 0;
+var react_1 = require("react");
 var ComponentMethods = /** @class */ (function () {
     function ComponentMethods() {
     }
     return ComponentMethods;
 }());
-export { ComponentMethods };
+exports.ComponentMethods = ComponentMethods;
 ;
-export var useMethods = function (Methods, state, props) {
-    var methods = useMemo(function () {
+var useMethods = function (Methods, state, props) {
+    var methods = (0, react_1.useMemo)(function () {
         // See useLogic implementation for a discussion of this type assertion.
         return new Methods();
     }, []);
@@ -27,3 +30,4 @@ export var useMethods = function (Methods, state, props) {
     // Return a gate object to "passthrough" all methods but filter out properties that should be private.
     return __assign(__assign({}, methods), { props: undefined, state: undefined });
 };
+exports.useMethods = useMethods;

package/build/base/state.js

@@ -1,4 +1,7 @@
-import { useEffect, useRef, useState } from 'react';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useMountState = exports.useCleanState = void 0;
+var react_1 = require("react");
 var _CleanState_ = /** @class */ (function () {
     function _CleanState_(stateAndSetters) {
         var _this = this;
@@ -44,11 +47,11 @@ var _CleanState = _CleanState_;
  * and it guarantees that the same useState calls will be made on every render in the exact same order.
  * Therefore, it is safe to silence the linters, and required for this implementation to work smoothly.
  */
-var retrieveState = useState;
-export var useCleanState = function (_initialState, props) {
+var retrieveState = react_1.useState;
+var useCleanState = function (_initialState, props) {
     var initialState = typeof _initialState === 'function' ? _initialState(props) : _initialState;
     var stateKeys = Object.keys(initialState);
-    var initialCount = useState(stateKeys.length)[0];
+    var initialCount = (0, react_1.useState)(stateKeys.length)[0];
     if (stateKeys.length !== initialCount) {
         throw new Error('The keys in your state object must be consistent throughout your components lifetime. Look up "rules of hooks" for more context.');
     }
@@ -62,20 +65,22 @@ export var useCleanState = function (_initialState, props) {
     // so keeping the CleanState wrapper persistent may be unnecessary.
     return new _CleanState(stateAndSetters);
 };
+exports.useCleanState = useCleanState;
 /**
  * Returns a value that is false before the component has been mounted,
  * then true during all subsequent rerenders.
  */
-export var useMountState = function () {
+var useMountState = function () {
     /**
      * This must not be a stateful value. It should not be the cause of a rerender.
      * It merely provides information about the render count,
      * without influencing that count itself.
      * So `mounted` should never be set with `useState`.
      */
-    var mounted = useRef(false);
-    useEffect(function () {
+    var mounted = (0, react_1.useRef)(false);
+    (0, react_1.useEffect)(function () {
         mounted.current = true;
     }, []);
     return mounted.current;
 };
+exports.useMountState = useMountState;

package/build/classy/class.js

@@ -1,3 +1,4 @@
+"use strict";
 var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
@@ -13,9 +14,11 @@ var __extends = (this && this.__extends) || (function () {
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useMemo } from 'react';
-import { ComponentInstance, useInstance } from './instance';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ClassComponent = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var instance_1 = require("./instance");
 /** Provide more useful stack traces for otherwise non-specific function names. */
 var setFunctionName = function (func, newName) {
     try {
@@ -40,10 +43,10 @@ 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) {
-            var Render = useInstance(Component, props).Render;
+            var Render = (0, instance_1.useInstance)(Component, props).Render;
             // Add calling component name to Render function name in stack traces.
-            useMemo(function () { return setFunctionName(Render, "".concat(Component.name, ".Render")); }, []);
-            return _jsx(Render, {});
+            (0, react_1.useMemo)(function () { return setFunctionName(Render, "".concat(Component.name, ".Render")); }, []);
+            return (0, jsx_runtime_1.jsx)(Render, {});
         };
         // Include calling component name in wrapper function name on stack traces.
         var wrapperName = "ClassComponent".concat(Wrapper.name, " > ").concat(Component.name);
@@ -51,5 +54,5 @@ var ClassComponent = /** @class */ (function (_super) {
         return Wrapper;
     };
     return ClassComponent;
-}(ComponentInstance));
-export { ClassComponent };
+}(instance_1.ComponentInstance));
+exports.ClassComponent = ClassComponent;

package/build/classy/index.js

@@ -1,3 +1,19 @@
-export * from './logic';
-export * from './instance';
-export * from './class';
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./logic"), exports);
+__exportStar(require("./instance"), exports);
+__exportStar(require("./class"), exports);

package/build/classy/instance.js

@@ -1,3 +1,4 @@
+"use strict";
 var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
@@ -13,31 +14,34 @@ var __extends = (this && this.__extends) || (function () {
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
-import { useEffect } from 'react';
-import { useMountState } from '../base/state';
-import { ComponentLogic, useLogic } from './logic';
-export var noOp = function () { };
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useInstance = exports.useMountCallbacks = exports.ComponentInstance = exports.noOp = void 0;
+var react_1 = require("react");
+var state_1 = require("../base/state");
+var logic_1 = require("./logic");
+var noOp = function () { };
+exports.noOp = noOp;
 var ComponentInstance = /** @class */ (function (_super) {
     __extends(ComponentInstance, _super);
     function ComponentInstance() {
         var _this = _super !== null && _super.apply(this, arguments) || this;
         _this.beforeMount = function () { };
-        _this.onMount = function () { return noOp; };
+        _this.onMount = function () { return exports.noOp; };
         _this.beforeRender = function () { };
-        _this.onRender = function () { return noOp; };
+        _this.onRender = function () { return exports.noOp; };
         _this.cleanUp = function () { };
         return _this;
     }
     return ComponentInstance;
-}(ComponentLogic));
-export { ComponentInstance };
+}(logic_1.ComponentLogic));
+exports.ComponentInstance = ComponentInstance;
 ;
-export var useMountCallbacks = function (instance) {
+var useMountCallbacks = function (instance) {
     var _a;
-    var mounted = useMountState();
+    var mounted = (0, state_1.useMountState)();
     if (!mounted)
         (_a = instance.beforeMount) === null || _a === void 0 ? void 0 : _a.call(instance);
-    useEffect(function () {
+    (0, react_1.useEffect)(function () {
         var _a;
         var mountHandlerCleanUp = (_a = instance.onMount) === null || _a === void 0 ? void 0 : _a.call(instance);
         return function () {
@@ -55,14 +59,15 @@ export var useMountCallbacks = function (instance) {
         };
     }, []);
 };
-export var useInstance = function (Component, props) {
+exports.useMountCallbacks = useMountCallbacks;
+var useInstance = function (Component, props) {
     var _a;
     // useCustomHooks.
-    var instance = useLogic(Component, props);
+    var instance = (0, logic_1.useLogic)(Component, props);
     // beforeMount, onMount, cleanUp.
-    useMountCallbacks(instance);
+    (0, exports.useMountCallbacks)(instance);
     (_a = instance.beforeRender) === null || _a === void 0 ? void 0 : _a.call(instance);
-    useEffect(function () {
+    (0, react_1.useEffect)(function () {
         var _a;
         var cleanupAfterRerender = (_a = instance.onRender) === null || _a === void 0 ? void 0 : _a.call(instance);
         return function () {
@@ -79,3 +84,4 @@ export var useInstance = function (Component, props) {
     });
     return instance;
 };
+exports.useInstance = useInstance;

package/build/classy/logic.js

@@ -1,22 +1,25 @@
-import { useMemo } from 'react';
-import { useCleanState } from '../base/state';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useLogic = exports.ComponentLogic = void 0;
+var react_1 = require("react");
+var state_1 = require("../base/state");
 var ComponentLogic = /** @class */ (function () {
     function ComponentLogic() {
     }
     return ComponentLogic;
 }());
-export { ComponentLogic };
+exports.ComponentLogic = ComponentLogic;
 ;
-export var useLogic = function (Methods, props) {
+var useLogic = function (Methods, props) {
     var _a;
-    var state = useCleanState(Methods.getInitialState, props);
+    var state = (0, state_1.useCleanState)(Methods.getInitialState, props);
     // There's apparently a bug? with Typescript that pegs the return type of "new Methods()" to "ComponentLogic<{}, {}, {}>",
     // completely ignoring the type specified for Methods in the function's type definition.
     // `new Methods()` should return whatever the InstanceType of TClass is, as that is the type explicitly specified for Methods.
     // Ignoring the specified type to gin up something else and then complain about it is quite weird.
     // Regardless, even when `extends ComponentLogicConstructor<TState, TProps, THooks>` is specified using generics instead of a set type,
     // the issue persists. Which is absurd since this should ensure that InstanceType<Class> should exactly match ComponentLogic<TState, TProps, THooks>
-    var methods = useMemo(function () {
+    var methods = (0, react_1.useMemo)(function () {
         return new Methods();
     }, []);
     methods.state = state;
@@ -24,3 +27,4 @@ export var useLogic = function (Methods, props) {
     methods.hooks = ((_a = methods.useCustomHooks) === null || _a === void 0 ? void 0 : _a.call(methods)) || {};
     return methods;
 };
+exports.useLogic = useLogic;

package/build/index.js

@@ -1 +1,17 @@
-export * from "./classy";
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./classy"), exports);

package/build/tsconfig.json

@@ -23,8 +23,8 @@
 		"forceConsistentCasingInFileNames": true,
 		"incremental": false,
 		"esModuleInterop": true,
-		"module": "esnext",
-		"moduleResolution": "node",
+		"module": "NodeNext",
+		"moduleResolution": "NodeNext",
 		"resolveJsonModule": true,
 		"isolatedModules": true,
 		"jsx": "react-jsx",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cleanweb/react",
-  "version": "1.0.3",
+  "version": "1.0.5",
   "description": "A suite of helpers for writing cleaner React function components.",
   "engines": {
     "node": ">=18"
@@ -10,16 +10,21 @@
     ".npmrc"
   ],
   "main": "build/index.js",
+  ".": {
+    "require": "./src/index.cjs",
+    "import": "./src/index.mjs"
+  },
+  "//type": "module",
   "exports": {
     ".": "./build/index.js",
     "./base": "./build/base/index.js",
     "./classy": "./build/classy/index.js",
     "./state": "./build/base/state.js",
     "./methods": "./build/base/methods.js",
-    "./logic": "./build/classy/logic",
-    "./instance": "./build/classy/instance",
-    "./class-component": "./build/classy/class",
-    "./full-class": "./build/classy/class"
+    "./logic": "./build/classy/logic.js",
+    "./instance": "./build/classy/instance.js",
+    "./class-component": "./build/classy/class.js",
+    "./full-class": "./build/classy/class.js"
   },
   "scripts": {
     "prebuild": "rimraf ./build",