@rhtml/component 0.0.113 → 0.0.116

package/dist/index.d.ts

@@ -6,11 +6,11 @@ export declare type Injection = {
     has: <T>(d: T) => boolean;
     get: <T>(d: T) => T;
 };
-export declare type Constructor<T = {}> = new (...args: any[]) => T;
+export declare type Constructor<T = any> = new (...args: any[]) => T;
 export declare type InstanceTypes<T> = {
     [P in keyof T]: T[P] extends Constructor<infer U> ? U : never;
 };
-export declare const DefineDependencies: <T extends Constructor<{}>[]>(...deps: T) => (injection: Injection) => InstanceTypes<T>;
+export declare const DefineDependencies: <T extends Constructor<any>[]>(...deps: T) => (injection: Injection) => InstanceTypes<T>;
 export declare type StateToRender<S, D, K extends LitElement> = (this: K, deps: D) => Observable<S> | S | Promise<S>;
 export declare type PossibleRender = TemplateResult | string | number | unknown;
 export declare type RenderResult<S, D, K extends LitElement> = (deps: D) => (this: K, state: S, setState: (s: S) => void) => TemplateResult | string | number | unknown;
@@ -30,7 +30,7 @@ export declare const Partial: <S, D, K extends LitElement = LitElement>(options:
     styles: import("@rxdi/lit-html").CSSResult[];
     is(): string;
 } & K_1;
-export declare function Component<S, D, K extends LitElement = LitElement>({ Settings, Providers, State, Render, Loading, Error }: {
+export declare function Component<S, D, K extends LitElement = LitElement>({ Settings, Providers, State, Render, Loading, Error, }: {
     Settings: Options;
     Providers?: D;
     State?: StateToRender<S, D, K>;

package/dist/index.js

@@ -3,18 +3,19 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Component = exports.Partial = exports.DefineDependencies = void 0;
 require("@rhtml/renderer");
 const lit_html_1 = require("@rxdi/lit-html");
-exports.DefineDependencies = (...deps) => (injection) => {
+const DefineDependencies = (...deps) => (injection) => {
     for (const [index, dep] of deps.entries()) {
         Object.defineProperty(deps, index, {
-            get: () => (injection && injection.has(dep) ? injection.get(dep) : dep)
+            get: () => (injection && injection.has(dep) ? injection.get(dep) : dep),
         });
     }
     return deps;
 };
-exports.Partial = (options) => (deps = []) => (state = () => ({})) => (loading) => (error) => (render = () => state) => lit_html_1.Component(Object.assign(Object.assign({}, options), { template() {
-        return lit_html_1.html `
-        <r-renderer
-          .options=${{
+exports.DefineDependencies = DefineDependencies;
+const Partial = (options) => (deps = []) => (state = () => ({})) => (loading) => (error) => (render = () => state) => (0, lit_html_1.Component)(Object.assign(Object.assign({}, options), { template() {
+        return (0, lit_html_1.html) `
+          <r-renderer
+            .options=${{
             state: state.bind(this).call(this, deps),
             loading,
             error,
@@ -24,13 +25,14 @@ exports.Partial = (options) => (deps = []) => (state = () => ({})) => (loading)
                 return render(deps)
                     .bind(this)
                     .call(this, state, setState, shadowRoot);
-            }
+            },
         }}
-        ></r-renderer>
-      `;
+          ></r-renderer>
+        `;
     } }));
-function Component({ Settings, Providers, State, Render, Loading, Error }) {
-    return exports.Partial(Settings)(Providers)(State)(Loading)(Error)(Render);
+exports.Partial = Partial;
+function Component({ Settings, Providers, State, Render, Loading, Error, }) {
+    return (0, exports.Partial)(Settings)(Providers)(State)(Loading)(Error)(Render);
 }
 exports.Component = Component;
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;AAAA,2BAAyB;AAEzB,6CAMwB;AAiBX,QAAA,kBAAkB,GAAG,CAA0B,GAAG,IAAO,EAAE,EAAE,CAAC,CACzE,SAAoB,EACF,EAAE;IACpB,KAAK,MAAM,CAAC,KAAK,EAAE,GAAG,CAAC,IAAI,IAAI,CAAC,OAAO,EAAE,EAAE;QACzC,MAAM,CAAC,cAAc,CAAC,IAAI,EAAE,KAAK,EAAE;YACjC,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC,SAAS,IAAI,SAAS,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC;SACxE,CAAC,CAAC;KACJ;IACD,OAAO,IAAa,CAAC;AACvB,CAAC,CAAC;AAsBW,QAAA,OAAO,GAAG,CACrB,OAAgB,EAChB,EAAE,CAAC,CAAC,OAAU,EAAW,EAAE,EAAE,CAAC,CAC9B,QAAgC,GAAG,EAAE,CAAC,CAAC,EAAY,CAAA,EACnD,EAAE,CAAC,CAAC,OAA6B,EAAE,EAAE,CAAC,CACtC,KAA6C,EAC7C,EAAE,CAAC,CAAC,SAAgC,GAAG,EAAE,CAAC,KAAc,EAAE,EAAE,CAC5D,oBAAiB,iCACZ,OAAO,KACV,QAAQ;QACN,OAAO,eAAI,CAAA;;qBAEI;YACT,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC;YACxC,OAAO;YACP,KAAK;YACL,cAAc,EAAE,OAAO,CAAC,cAAc;YACtC,MAAM,EAAE,CACN,KAAQ,EACR,QAAwB,EACxB,UAAsB,EACtB,EAAE;gBACF,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;gBACnC,OAAO,MAAM,CAAC,IAAI,CAAC;qBAChB,IAAI,CAAC,IAAI,CAAC;qBACV,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,UAAU,CAAC,CAAC;YAC7C,CAAC;SACO;;OAEb,CAAC;IACJ,CAAC,IACD,CAAC;AAEL,SAAgB,SAAS,CAA0C,EACjE,QAAQ,EACR,SAAS,EACT,KAAK,EACL,MAAM,EACN,OAAO,EACP,KAAK,EAQN;IACC,OAAO,eAAO,CAAC,QAAQ,CAAC,CAAC,SAAS,CAAC,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC;AACrE,CAAC;AAhBD,8BAgBC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;AAAA,2BAAyB;AAEzB,6CAMwB;AAiBjB,MAAM,kBAAkB,GAC7B,CAA0B,GAAG,IAAO,EAAE,EAAE,CACxC,CAAC,SAAoB,EAAoB,EAAE;IACzC,KAAK,MAAM,CAAC,KAAK,EAAE,GAAG,CAAC,IAAI,IAAI,CAAC,OAAO,EAAE,EAAE;QACzC,MAAM,CAAC,cAAc,CAAC,IAAI,EAAE,KAAK,EAAE;YACjC,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC,SAAS,IAAI,SAAS,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC;SACxE,CAAC,CAAC;KACJ;IACD,OAAO,IAAa,CAAC;AACvB,CAAC,CAAC;AATS,QAAA,kBAAkB,sBAS3B;AAsBG,MAAM,OAAO,GAClB,CAA0C,OAAgB,EAAE,EAAE,CAC9D,CAAC,OAAU,EAAW,EAAE,EAAE,CAC1B,CAAC,QAAgC,GAAG,EAAE,CAAC,CAAC,EAAY,CAAA,EAAE,EAAE,CACxD,CAAC,OAA6B,EAAE,EAAE,CAClC,CAAC,KAA6C,EAAE,EAAE,CAClD,CAAC,SAAgC,GAAG,EAAE,CAAC,KAAc,EAAE,EAAE,CACvD,IAAA,oBAAiB,kCACZ,OAAO,KACV,QAAQ;QACN,OAAO,IAAA,eAAI,EAAA;;uBAEI;YACT,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC;YACxC,OAAO;YACP,KAAK;YACL,cAAc,EAAE,OAAO,CAAC,cAAc;YACtC,MAAM,EAAE,CACN,KAAQ,EACR,QAAwB,EACxB,UAAsB,EACtB,EAAE;gBACF,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;gBACnC,OAAO,MAAM,CAAC,IAAI,CAAC;qBAChB,IAAI,CAAC,IAAI,CAAC;qBACV,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,UAAU,CAAC,CAAC;YAC7C,CAAC;SACO;;SAEb,CAAC;IACJ,CAAC,IACD,CAAC;AA/BM,QAAA,OAAO,WA+Bb;AAEP,SAAgB,SAAS,CAA0C,EACjE,QAAQ,EACR,SAAS,EACT,KAAK,EACL,MAAM,EACN,OAAO,EACP,KAAK,GAQN;IACC,OAAO,IAAA,eAAO,EAAC,QAAQ,CAAC,CAAC,SAAS,CAAC,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC;AACrE,CAAC;AAhBD,8BAgBC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rhtml/component",
-  "version": "0.0.113",
+  "version": "0.0.116",
   "description": "Reactive HyperText Markup Language",
   "scripts": {
     "start": "npx parcel ./examples/index.html --out-dir build/examples",
@@ -17,21 +17,12 @@
   },
   "dependencies": {
     "@rxdi/lit-html": "^0.7.133",
-    "@rhtml/renderer": "0.0.113"
+    "@rhtml/renderer": "0.0.116"
   },
   "peerDependencies": {
     "rxjs": "^6.6.3"
   },
-  "devDependencies": {
-    "eslint": "^6.7.2",
-    "eslint-config-prettier": "^6.7.0",
-    "eslint-plugin-prettier": "^3.1.1",
-    "eslint-plugin-simple-import-sort": "^5.0.0",
-    "@typescript-eslint/eslint-plugin": "^2.10.0",
-    "@typescript-eslint/parser": "^2.10.0",
-    "prettier": "^1.19.1",
-    "ts-jest": "25.2.1"
-  },
+  "devDependencies": {},
   "author": "Kristiyan Tachev",
   "license": "MIT",
   "browserslist": [

package/src/index.ts

@@ -5,7 +5,7 @@ import {
   CustomElementConfig,
   html,
   LitElement,
-  TemplateResult
+  TemplateResult,
 } from '@rxdi/lit-html';
 import { Observable } from 'rxjs';
 
@@ -17,22 +17,22 @@ export type Injection = {
 };
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-export type Constructor<T = {}> = new (...args: any[]) => T;
+export type Constructor<T = any> = new (...args: any[]) => T;
 
 export type InstanceTypes<T> = {
   [P in keyof T]: T[P] extends Constructor<infer U> ? U : never;
 };
 
-export const DefineDependencies = <T extends Constructor[]>(...deps: T) => (
-  injection: Injection
-): InstanceTypes<T> => {
-  for (const [index, dep] of deps.entries()) {
-    Object.defineProperty(deps, index, {
-      get: () => (injection && injection.has(dep) ? injection.get(dep) : dep)
-    });
-  }
-  return deps as never;
-};
+export const DefineDependencies =
+  <T extends Constructor[]>(...deps: T) =>
+  (injection: Injection): InstanceTypes<T> => {
+    for (const [index, dep] of deps.entries()) {
+      Object.defineProperty(deps, index, {
+        get: () => (injection && injection.has(dep) ? injection.get(dep) : dep),
+      });
+    }
+    return deps as never;
+  };
 
 export type StateToRender<S, D, K extends LitElement> = (
   this: K,
@@ -54,38 +54,38 @@ export interface Options
   deepCloneState?: boolean;
 }
 
-export const Partial = <S, D, K extends LitElement = LitElement>(
-  options: Options
-) => (deps: D = [] as never) => (
-  state: StateToRender<S, D, K> = () => ({} as never)
-) => (loading: () => PossibleRender) => (
-  error: (e: Error | unknown) => PossibleRender
-) => (render: RenderResult<S, D, K> = () => state as never) =>
-  OriginalComponent<K>({
-    ...options,
-    template(this: K) {
-      return html`
-        <r-renderer
-          .options=${{
-            state: state.bind(this).call(this, deps),
-            loading,
-            error,
-            deepCloneState: options.deepCloneState,
-            render: (
-              state: S,
-              setState: (s: S) => void,
-              shadowRoot: ShadowRoot
-            ) => {
-              this.shadowRoot.append(shadowRoot);
-              return render(deps)
-                .bind(this)
-                .call(this, state, setState, shadowRoot);
-            }
-          } as never}
-        ></r-renderer>
-      `;
-    }
-  });
+export const Partial =
+  <S, D, K extends LitElement = LitElement>(options: Options) =>
+  (deps: D = [] as never) =>
+  (state: StateToRender<S, D, K> = () => ({} as never)) =>
+  (loading: () => PossibleRender) =>
+  (error: (e: Error | unknown) => PossibleRender) =>
+  (render: RenderResult<S, D, K> = () => state as never) =>
+    OriginalComponent<K>({
+      ...options,
+      template(this: K) {
+        return html`
+          <r-renderer
+            .options=${{
+              state: state.bind(this).call(this, deps),
+              loading,
+              error,
+              deepCloneState: options.deepCloneState,
+              render: (
+                state: S,
+                setState: (s: S) => void,
+                shadowRoot: ShadowRoot
+              ) => {
+                this.shadowRoot.append(shadowRoot);
+                return render(deps)
+                  .bind(this)
+                  .call(this, state, setState, shadowRoot);
+              },
+            } as never}
+          ></r-renderer>
+        `;
+      },
+    });
 
 export function Component<S, D, K extends LitElement = LitElement>({
   Settings,
@@ -93,7 +93,7 @@ export function Component<S, D, K extends LitElement = LitElement>({
   State,
   Render,
   Loading,
-  Error
+  Error,
 }: {
   Settings: Options;
   Providers?: D;

package/.eslintrc.js

@@ -1,26 +0,0 @@
-module.exports = {
-    // Specifies the ESLint parser
-    parser: "@typescript-eslint/parser",
-    extends: [
-        // Uses the recommended rules from the @typescript-eslint/eslint-plugin
-        "plugin:@typescript-eslint/recommended",
-        // Uses eslint-config-prettier to disable ESLint rules from @typescript-eslint/eslint-plugin that would conflict with prettier
-        "prettier/@typescript-eslint",
-        // Enables eslint-plugin-prettier and eslint-config-prettier. This will display prettier errors as ESLint errors. Make sure this is always the last configuration in the extends array.
-        "plugin:prettier/recommended"
-    ],
-    parserOptions: {
-        // Allows for the parsing of modern ECMAScript features
-        ecmaVersion: 2018,
-        // Allows for the use of imports
-        sourceType: "module"
-    },
-    rules: {
-        "@typescript-eslint/explicit-function-return-type": 0,
-        "simple-import-sort/sort": "error",
-        "sort-imports": "off",
-        "import/order": "off",
-        "@typescript-eslint/camelcase": 0
-    },
-    plugins: ["simple-import-sort"]
-};

package/.prettierrc

@@ -1,4 +0,0 @@
-{
-    "singleQuote": true,
-    "printWidth": 80
-}

package/jest.config.js

@@ -1,16 +0,0 @@
-module.exports = {
-  testEnvironment: 'node',
-  testPathIgnorePatterns: ['/node_modules/'],
-  coverageReporters: ['lcov', 'html'],
-  rootDir: './',
-  moduleFileExtensions: ['ts', 'tsx', 'js', 'json', 'node'],
-  globals: {
-    __DEV__: true
-  },
-  transform: {
-    '\\.(ts|tsx)$': 'ts-jest'
-  },
-  testRegex: '/src/.*\\.spec.(ts|tsx|js)$',
-  verbose: true,
-  collectCoverage: true
-};

package/tslint.json

@@ -1,113 +0,0 @@
-{
-  "rules": {
-    "arrow-return-shorthand": true,
-    "callable-types": true,
-    "class-name": true,
-    "comment-format": [
-      true,
-      "check-space"
-    ],
-    "curly": true,
-    "eofline": true,
-    "forin": true,
-    "import-blacklist": [
-      true,
-      "rxjs/Rx"
-    ],
-    "import-spacing": true,
-    "indent": [
-      true,
-      "spaces"
-    ],
-    "interface-over-type-literal": true,
-    "label-position": true,
-    "max-line-length": [
-      true,
-      140
-    ],
-    "member-access": false,
-    "member-ordering": [
-      true,
-      {
-        "order": [
-          "static-field",
-          "instance-field",
-          "static-method",
-          "instance-method"
-        ]
-      }
-    ],
-    "no-arg": true,
-    "no-bitwise": true,
-    "no-console": [
-      true,
-      "debug",
-      "info",
-      "time",
-      "timeEnd",
-      "trace"
-    ],
-    "no-construct": true,
-    "no-debugger": true,
-    "no-duplicate-super": true,
-    "no-empty": false,
-    "no-empty-interface": true,
-    "no-eval": true,
-    "no-inferrable-types": [
-      true,
-      "ignore-params"
-    ],
-    "no-misused-new": true,
-    "no-non-null-assertion": true,
-    "no-shadowed-variable": true,
-    "no-string-literal": false,
-    "no-string-throw": true,
-    "no-switch-case-fall-through": true,
-    "no-trailing-whitespace": true,
-    "no-unnecessary-initializer": true,
-    "no-unused-expression": true,
-    "no-var-keyword": true,
-    "object-literal-sort-keys": false,
-    "one-line": [
-      true,
-      "check-open-brace",
-      "check-catch",
-      "check-else",
-      "check-whitespace"
-    ],
-    "prefer-const": true,
-    "quotemark": [
-      true,
-      "single"
-    ],
-    "radix": true,
-    "semicolon": [
-      false,
-      "never"
-    ],
-    "triple-equals": [
-      true,
-      "allow-null-check"
-    ],
-    "typedef-whitespace": [
-      true,
-      {
-        "call-signature": "nospace",
-        "index-signature": "nospace",
-        "parameter": "nospace",
-        "property-declaration": "nospace",
-        "variable-declaration": "nospace"
-      }
-    ],
-    "unified-signatures": true,
-    "variable-name": false,
-    "whitespace": [
-      true,
-      "check-branch",
-      "check-decl",
-      "check-operator",
-      "check-separator",
-      "check-type"
-    ]
-  }
-}