@cleanweb/react 1.1.1-beta.17 → 1.1.1-beta.19

package/build/base/methods.js

@@ -1,55 +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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
-    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useMethods = exports.ComponentMethods = void 0;
 // Values
@@ -97,28 +46,19 @@ var useMethods = function () {
     return methods;
 };
 exports.useMethods = useMethods;
-testing: {
-    var a = function () { return __awaiter(void 0, void 0, void 0, function () {
-        var a, MyMethods, useCleanState, self;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    a = { b: '' };
-                    MyMethods = /** @class */ (function (_super) {
-                        __extends(MyMethods, _super);
-                        function MyMethods() {
-                            return _super !== null && _super.apply(this, arguments) || this;
-                        }
-                        return MyMethods;
-                    }(ComponentMethods));
-                    ;
-                    return [4 /*yield*/, import('./state.js')];
-                case 1:
-                    useCleanState = (_a.sent()).useCleanState;
-                    self = useMethods(MyMethods, {});
-                    self.state;
-                    return [2 /*return*/];
-            }
-        });
-    }); };
-}
+/*testing: {
+    let a = async () => {
+        const a: object = {b: ''};
+
+        type t = keyof typeof a;
+
+        class MyMethods extends ComponentMethods<WeakEmptyObject, null> {
+            // static getInitialState = () => ({});
+        };
+
+        const { useCleanState } = (await import('./state.js'));
+
+        const self = useMethods(MyMethods, {});
+        self.state;
+    }
+}*/

package/build/classy/class.d.ts

@@ -33,24 +33,25 @@ export declare class ClassComponent<TProps extends o = WeakEmptyObject, TState e
      */
     Render?: VoidFunctionComponent<{}>;
     /**
-     * Your components JSX template. This a variable that should represent what you
-     * would normally return from a regular function component.
+     * Analogous to {@link React.Component.render}. A function that returns
+     * your component's JSX template.
      *
-     * Alternatively, it can be a function that returns the required JSX.
-     * The function form is useful if your template references many nested instance members
-     * and you would like to destructure them into more easily accessible local variables.
+     * You should place most logic that would usually go here
+     * in {@link ComponentInstance.beforeRender | `beforeRender`} instead.
+     * This helps to separate concerns and keep the template itself clean.
      *
-     * Besides that, you should place all other logic in {@link ComponentInstance.beforeRender | `beforeRender`}
-     * in order to separate concerns and keep the template itself clean.
+     * ******
      *
-     * @example <caption>Using a simple JSX template</caption>
-     * template = (
-     *     <h1>
-     *         {this.props.title}
-     *     </h1>
-     * );
+     * Ideally the template method should only be concerned with defining the HTML/JSX structure of
+     * your component's UI. This may include destructuring nested instance members
+     * into more easily accessible local variables, or some simple transformation of data from props/state
+     * into a more appropriate format for display.
      *
-     * @example <caption>Using a template function that returns JSX.</caption>
+     * ******
+     *
+     * @example < caption>Using a template function that returns JSX.</ caption>
+     *
+     * ```tsx
      * template = () => {
      *     const { title } = this.props;
      *
@@ -60,8 +61,9 @@ export declare class ClassComponent<TProps extends o = WeakEmptyObject, TState e
      *         </h1>
      *     );
      * }
+     * ```
      */
-    template?: ReactTemplate | (() => ReactTemplate);
+    template?: () => ReactTemplate;
     /**
      * Manually trigger a rerender of your component.
      * You should rarely ever need this. But if you are migrating

package/build/classy/class.js

@@ -155,20 +155,3 @@ var Use = function (params) {
     return null;
 };
 exports.Use = Use;
-testing: {
-    var a = { b: '' };
-    var MyComponentLogic = /** @class */ (function (_super) {
-        __extends(MyComponentLogic, _super);
-        function MyComponentLogic() {
-            var _this = _super !== null && _super.apply(this, arguments) || this;
-            // a = () => this.hooks.a = '';
-            _this.useHooks = function () {
-            };
-            return _this;
-        }
-        MyComponentLogic.getInitialState = function () { return ({ a: '' }); };
-        return MyComponentLogic;
-    }(ClassComponent));
-    ;
-    var Template = MyComponentLogic.FC();
-}

package/build/classy/instance.js

@@ -156,20 +156,21 @@ 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;
-            // k = this.props.o
-            _this.a = _this.state['_initialValues_'];
-            return _this;
-            // hard empty has every key
-            // weak empty has no key
-            // weak empty is not assignable to hard empty
-        }
-        return A;
-    }(ComponentInstance));
-    var p = { k: '' };
-    var a = (0, exports.useInstance)(A, { o: '' });
-}
+/*testing: {
+    class A extends ComponentInstance {
+        static getInitialState: (p?: object) => ({putan: ''});
+        // k = this.props.o
+        a = this.state['_initialValues_']
+
+        // hard empty has every key
+        // weak empty has no key
+        // weak empty is not assignable to hard empty
+    }
+
+    const p = {k: ''}
+    const a = useInstance(A, {o: ''});
+
+    // a.props['o'];
+    type bbbb = A['state'];
+    type ttt = bbbb['put'];
+}*/

package/build/classy/logic.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");
@@ -68,37 +52,30 @@ var useLogic = function () {
     return self;
 };
 exports.useLogic = useLogic;
-testing: {
-    var a = { b: '' };
-    var MyComponentLogic = /** @class */ (function (_super) {
-        __extends(MyComponentLogic, _super);
-        function MyComponentLogic() {
-            return _super !== null && _super.apply(this, arguments) || this;
-        }
-        MyComponentLogic.getInitialState = function () { return ({ a: '' }); };
-        return MyComponentLogic;
-    }(ComponentLogic));
-    ;
-    MyComponentLogic.getInitialState;
+/*testing: {
+    const a: object = {b: ''};
+
+    type t = keyof typeof a;
+
+    class MyComponentLogic extends ComponentLogic<{a: string}> {
+        static getInitialState = () => ({a: '' as const});
+        // b = this.state.put[''] + this.props.b;
+    };
+
+    type tt = keyof {};
+
+    MyComponentLogic.getInitialState
     // const self = useLogic(MyComponentLogic);
-}
-testing: {
-    var A = /** @class */ (function (_super) {
-        __extends(C, _super);
-        function C() {
-            return _super !== null && _super.apply(this, arguments) || this;
-        }
-        return C;
-    }(ComponentLogic));
+
+
+    const A = class C extends ComponentLogic {
+        // static getInitialState = () => ({a: 'l'});
+        // a = () => this.state.yyy = '';
+    }
+
     A.getInitialState();
+
     // const oa = {['a' as unknown as symbol]: 'boo'};
-    var oa = (_a = {}, _a['a'] = 'boo', _a);
+    const oa = {['a']: 'boo'};
     // const self = useLogic(A, oa);
-}
-// export type ComponentClassStatics<Instance extends ComponentLogic<object, object, object>> = {
-// 	getInitialState: (props?: Instance['props']) => TState<Instance['state']>;
-// }
-// export type TComponentClass<
-// 	Instance extends ComponentLogic<object, object, object>,
-// 	Params extends CnstPrm = CnstPrm
-// > = ComponentClassStatics<Instance> & Constructor<Instance, Params>;
+}*/

package/build/globals.js

@@ -2,13 +2,3 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 /////////////
 var UniqueSecretSymbolKey = Symbol('asdfghjkliuytrewqaxcvb,nb');
-testing: {
-    var mySymbol = Symbol('asdfgh');
-    var tt = {
-    // [mySymbol]: '' as never,
-    // [UniqueSecretSymbolKey]: '',
-    // '': '',
-    };
-    var TT = {};
-    TT = tt;
-}

package/package.json

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