FJurmanovic/wallet-web
1
0
Fork 0
mirror of https://github.com/FJurmanovic/wallet-web.git synced 2026-02-06 06:08:10 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

change to lit-html

Browse Source
This commit is contained in:
Fran Jurmanović
2021-06-11 18:30:01 +02:00
parent f03d407590
commit 47f6207798
28 changed files with 38 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
.babelrc
View File

@@ -1,7 +1,7 @@
{ {
"presets": [ "presets": [
"@babel/preset-env", ["@babel/preset-env", {"modules": false}],
"@babel/preset-typescript" ["@babel/preset-typescript", {"modules": false}]
], ],
"plugins": [ "plugins": [
[ [

1
package.json
View File

@@ -24,6 +24,7 @@
"connect-history-api-fallback": "^1.6.0", "connect-history-api-fallback": "^1.6.0",
"css-loader": "^5.2.6", "css-loader": "^5.2.6",
"html-webpack-plugin": "^5.3.1", "html-webpack-plugin": "^5.3.1",
"lit-html": "^1.4.1",
"node-sass": "^6.0.0", "node-sass": "^6.0.0",
"sass-loader": "^11.1.1", "sass-loader": "^11.1.1",
"sass-to-string": "^1.5.1", "sass-to-string": "^1.5.1",

4
src/common/core/BaseElement/BaseElement.ts
View File

@@ -1,4 +1,4 @@
import { html, render, TemplateResult } from "@github/jtml"; import { html, render, TemplateResult } from "lit-html";
import { import {
AppLoaderElement, AppLoaderElement,
AppMainElement, AppMainElement,
@@ -80,7 +80,7 @@ class BaseElement extends HTMLElement {
}); });
}; };
render = (): TemplateResult => { render = (): TemplateResult | Temp => {
return html``; return html``;
}; };

4
src/common/pages/BasePageElement/BasePageElement.ts
View File

@@ -1,5 +1,5 @@
import { attr } from "@github/catalyst"; import { attr } from "@github/catalyst";
import { html, render } from "@github/jtml"; import { html, render } from "lit-html";
import { BaseElement } from "common/"; import { BaseElement } from "common/";
import { isTrue } from "core/utils"; import { isTrue } from "core/utils";
@@ -28,7 +28,7 @@ class BasePageElement extends BaseElement {
update = (): void => { update = (): void => {
const _render = () => html` ${this.renderTitle()} ${this.render()} `; const _render = () => html` ${this.renderTitle()} ${this.render()} `;
render(_render(), this); render(_render(), this);
this.bindEvents(); this.bindEvents("app-action");
this.updateCallback(); this.updateCallback();
}; };

2
src/components/app-dropdown/AppDropdownElement.ts
View File

@@ -1,6 +1,6 @@
import { attr, controller, target } from "@github/catalyst"; import { attr, controller, target } from "@github/catalyst";
import { findMethod, firstUpper } from "core/utils"; import { findMethod, firstUpper } from "core/utils";
import { html } from "@github/jtml"; import { html } from "lit-html";
import randomId from "core/utils/random-id"; import randomId from "core/utils/random-id";
import validator from "validator"; import validator from "validator";
import { validatorErrors } from "core/constants"; import { validatorErrors } from "core/constants";

2
src/components/app-form/AppFormElement.ts
View File

@@ -1,5 +1,5 @@
import { attr, controller, target } from "@github/catalyst"; import { attr, controller, target } from "@github/catalyst";
import { html, TemplateResult, unsafeHTML } from "@github/jtml"; import { html, TemplateResult, unsafeHTML } from "lit-html";
import { BaseComponentElement } from "common/"; import { BaseComponentElement } from "common/";
import { AppDropdownElement } from "components/app-dropdown/AppDropdownElement"; import { AppDropdownElement } from "components/app-dropdown/AppDropdownElement";
import { InputFieldElement } from "components/input-field/InputFieldElement"; import { InputFieldElement } from "components/input-field/InputFieldElement";

2
src/components/app-link/AppLinkElement.ts
View File

@@ -1,6 +1,6 @@
import { attr, controller, target } from "@github/catalyst"; import { attr, controller, target } from "@github/catalyst";
import { isTrue } from "core/utils"; import { isTrue } from "core/utils";
import { html, TemplateResult } from "@github/jtml"; import { html, TemplateResult } from "lit-html";
import { AppMainElement } from "components/app-main/AppMainElement"; import { AppMainElement } from "components/app-main/AppMainElement";
import { RouterService } from "core/services"; import { RouterService } from "core/services";
import { BaseComponentElement } from "common/"; import { BaseComponentElement } from "common/";

2
src/components/app-loader/AppLoaderElement.ts
View File

@@ -1,5 +1,5 @@
import { controller, target } from "@github/catalyst"; import { controller, target } from "@github/catalyst";
import { html } from "@github/jtml"; import { html } from "lit-html";
import { BaseComponentElement } from "common/"; import { BaseComponentElement } from "common/";
@controller @controller

2
src/components/app-menu/AppMenuElement.ts
View File

@@ -1,5 +1,5 @@
import { controller, target } from "@github/catalyst"; import { controller, target } from "@github/catalyst";
import { html, TemplateResult } from "@github/jtml"; import { html, TemplateResult } from "lit-html";
import { BaseComponentElement } from "common/"; import { BaseComponentElement } from "common/";
import { AppMainElement } from "components/app-main/AppMainElement"; import { AppMainElement } from "components/app-main/AppMainElement";
import { MenuItemElement } from "components/menu-item/MenuItemElement"; import { MenuItemElement } from "components/menu-item/MenuItemElement";

2
src/components/app-pagination/AppPaginationElement.ts
View File

@@ -1,5 +1,5 @@
import { attr, controller, target } from "@github/catalyst"; import { attr, controller, target } from "@github/catalyst";
import { html, TemplateResult } from "@github/jtml"; import { html, TemplateResult } from "lit-html";
import { BaseComponentElement } from "common/"; import { BaseComponentElement } from "common/";
import { CircleLoaderElement } from "components/circle-loader/CircleLoaderElement"; import { CircleLoaderElement } from "components/circle-loader/CircleLoaderElement";

2
src/components/circle-loader/CircleLoaderElement.ts
View File

@@ -1,5 +1,5 @@
import { attr, controller } from "@github/catalyst"; import { attr, controller } from "@github/catalyst";
import { html } from "@github/jtml"; import { html } from "lit-html";
import { BaseComponentElement } from "common/"; import { BaseComponentElement } from "common/";
@controller @controller

2
src/components/input-field/InputFieldElement.ts
View File

@@ -1,6 +1,6 @@
import { attr, controller, target } from "@github/catalyst"; import { attr, controller, target } from "@github/catalyst";
import { closest, firstUpper } from "core/utils"; import { closest, firstUpper } from "core/utils";
import { html, TemplateResult } from "@github/jtml"; import { html, TemplateResult } from "lit-html";
import { RouterService } from "core/services"; import { RouterService } from "core/services";
import randomId from "core/utils/random-id"; import randomId from "core/utils/random-id";
import validator from "validator"; import validator from "validator";

2
src/components/menu-item/MenuItemElement.ts
View File

@@ -1,5 +1,5 @@
import { attr, controller, target } from "@github/catalyst"; import { attr, controller, target } from "@github/catalyst";
import { html, TemplateResult } from "@github/jtml"; import { html, TemplateResult } from "lit-html";
import { AppMainElement } from "components/app-main/AppMainElement"; import { AppMainElement } from "components/app-main/AppMainElement";
import { BaseComponentElement } from "common/"; import { BaseComponentElement } from "common/";

2
src/components/wallet-header/WalletHeaderElement.ts
View File

@@ -1,5 +1,5 @@
import { attr, controller, target } from "@github/catalyst"; import { attr, controller, target } from "@github/catalyst";
import { html, TemplateResult } from "@github/jtml"; import { html, TemplateResult } from "lit-html";
import { BaseComponentElement } from "common/"; import { BaseComponentElement } from "common/";
import { CircleLoaderElement } from "components/circle-loader/CircleLoaderElement"; import { CircleLoaderElement } from "components/circle-loader/CircleLoaderElement";
import { findMethod } from "core/utils"; import { findMethod } from "core/utils";

2
src/layouts/initial-layout/InitialLayoutElement.ts
View File

@@ -1,6 +1,6 @@
import { controller, target } from "@github/catalyst"; import { controller, target } from "@github/catalyst";
import { closest } from "core/utils"; import { closest } from "core/utils";
import { html, TemplateResult } from "@github/jtml"; import { html, TemplateResult } from "lit-html";
import { BaseLayoutElement } from "common/layouts"; import { BaseLayoutElement } from "common/layouts";
import { AppMainElement } from "components/"; import { AppMainElement } from "components/";

2
src/layouts/menu-layout/MenuLayoutElement.ts
View File

@@ -1,6 +1,6 @@
import { controller, target } from "@github/catalyst"; import { controller, target } from "@github/catalyst";
import { closest } from "core/utils"; import { closest } from "core/utils";
import { html, TemplateResult } from "@github/jtml"; import { html, TemplateResult } from "lit-html";
import { BaseLayoutElement } from "common/layouts"; import { BaseLayoutElement } from "common/layouts";
import { AppMainElement } from "components/"; import { AppMainElement } from "components/";

2
src/pages/history-page/HistoryPageElement.ts
View File

@@ -1,5 +1,5 @@
import { controller, target } from "@github/catalyst"; import { controller, target } from "@github/catalyst";
import { html, TemplateResult } from "@github/jtml"; import { html, TemplateResult } from "lit-html";
import { TransactionsService } from "services/"; import { TransactionsService } from "services/";
import { AppMainElement, AppPaginationElement } from "components/"; import { AppMainElement, AppPaginationElement } from "components/";
import { BasePageElement } from "common/"; import { BasePageElement } from "common/";

2
src/pages/home-page/HomePageElement.ts
View File

@@ -1,5 +1,5 @@
import { controller, target } from "@github/catalyst"; import { controller, target } from "@github/catalyst";
import { html, TemplateResult, until } from "@github/jtml"; import { html, TemplateResult, until } from "lit-html";
import { WalletService } from "services/"; import { WalletService } from "services/";
import { AppMainElement, WalletHeaderElement } from "components/"; import { AppMainElement, WalletHeaderElement } from "components/";
import { BasePageElement } from "common/"; import { BasePageElement } from "common/";

3
src/pages/login-page/LoginPageElement.ts
View File

@@ -1,5 +1,6 @@
import { targets, controller, target } from "@github/catalyst"; import { targets, controller, target } from "@github/catalyst";
import { html, TemplateResult } from "@github/jtml"; //import { html, TemplateResult } from "lit-html";
import { html, render, TemplateResult } from "lit-html";
import { AuthService } from "services/"; import { AuthService } from "services/";
import { AppFormElement, InputFieldElement } from "components/"; import { AppFormElement, InputFieldElement } from "components/";
import { RouterService } from "core/services"; import { RouterService } from "core/services";

2
src/pages/not-found/NotFoundElement.ts
View File

@@ -1,5 +1,5 @@
import { controller } from "@github/catalyst"; import { controller } from "@github/catalyst";
import { html, TemplateResult } from "@github/jtml"; import { html, TemplateResult } from "lit-html";
import { BasePageElement } from "common/"; import { BasePageElement } from "common/";
@controller @controller

2
src/pages/register-page/RegisterPageElement.ts
View File

@@ -1,5 +1,5 @@
import { targets, controller } from "@github/catalyst"; import { targets, controller } from "@github/catalyst";
import { html, TemplateResult } from "@github/jtml"; import { html, TemplateResult } from "lit-html";
import { AuthService } from "services/"; import { AuthService } from "services/";
import { InputFieldElement } from "components/"; import { InputFieldElement } from "components/";
import { BasePageElement } from "common/"; import { BasePageElement } from "common/";

2
src/pages/transaction-create/TransactionCreateElement.ts
View File

@@ -1,5 +1,5 @@
import { targets, controller } from "@github/catalyst"; import { targets, controller } from "@github/catalyst";
import { html, TemplateResult } from "@github/jtml"; import { html, TemplateResult } from "lit-html";
import { AuthService, TransactionsService, WalletService } from "services/"; import { AuthService, TransactionsService, WalletService } from "services/";
import { InputFieldElement } from "components/"; import { InputFieldElement } from "components/";
import { RouterService } from "core/services"; import { RouterService } from "core/services";

2
src/pages/wallet-create/WalletCreateElement.ts
View File

@@ -1,5 +1,5 @@
import { targets, controller } from "@github/catalyst"; import { targets, controller } from "@github/catalyst";
import { html, TemplateResult } from "@github/jtml"; import { html, TemplateResult } from "lit-html";
import { AuthService, WalletService } from "services/"; import { AuthService, WalletService } from "services/";
import { InputFieldElement } from "components/"; import { InputFieldElement } from "components/";
import { RouterService } from "core/services"; import { RouterService } from "core/services";

2
src/pages/wallet-list/WalletListElement.ts
View File

@@ -1,5 +1,5 @@
import { targets, controller, target } from "@github/catalyst"; import { targets, controller, target } from "@github/catalyst";
import { html, TemplateResult } from "@github/jtml"; import { html, TemplateResult } from "lit-html";
import { AuthService, WalletService } from "services/"; import { AuthService, WalletService } from "services/";
import { AppPaginationElement, InputFieldElement } from "components/"; import { AppPaginationElement, InputFieldElement } from "components/";
import { BasePageElement } from "common/"; import { BasePageElement } from "common/";

2
src/pages/wallet-page/WalletPageElement.ts
View File

@@ -1,5 +1,5 @@
import { controller, target } from "@github/catalyst"; import { controller, target } from "@github/catalyst";
import { html, TemplateResult } from "@github/jtml"; import { html, TemplateResult } from "lit-html";
import { TransactionsService, WalletService } from "services/"; import { TransactionsService, WalletService } from "services/";
import { import {
AppMainElement, AppMainElement,

2
tsconfig.json
View File

@@ -8,6 +8,8 @@
"es2016" "es2016"
], ],
"moduleResolution": "node", "moduleResolution": "node",
"jsx": "preserve",
"jsxFactory": "h",
"resolveJsonModule": true, "resolveJsonModule": true,
"esModuleInterop": true, "esModuleInterop": true,
"allowSyntheticDefaultImports": true, "allowSyntheticDefaultImports": true,

4
webpack.config.js
View File

@@ -62,7 +62,7 @@ module.exports = (env, args) => {
module: { module: {
rules: [ rules: [
{ {
test: /\.(js|ts)?$/, test: /\.(js|ts)x?$/,
exclude: /node_modules/, exclude: /node_modules/,
use: { use: {
loader: 'babel-loader' loader: 'babel-loader'
@@ -106,7 +106,7 @@ module.exports = (env, args) => {
}), }),
], ],
resolve: { resolve: {
extensions: ['.js', '.ts'], extensions: ['.js', '.ts', '.jsx', '.tsx'],
alias: alias alias: alias
}, },
devServer: { devServer: {

5
yarn.lock
View File

@@ -3787,6 +3787,11 @@ levn@^0.4.1:
prelude-ls "^1.2.1" prelude-ls "^1.2.1"
type-check "~0.4.0" type-check "~0.4.0"
lit-html@^1.4.1:
version "1.4.1"
resolved "https://registry.yarnpkg.com/lit-html/-/lit-html-1.4.1.tgz#0c6f3ee4ad4eb610a49831787f0478ad8e9ae5e0"
integrity sha512-B9btcSgPYb1q4oSOb/PrOT6Z/H+r6xuNzfH4lFli/AWhYwdtrgQkQWBbIc6mdnf6E2IL3gDXdkkqNktpU0OZQA==
load-json-file@^1.0.0: load-json-file@^1.0.0:
version "1.1.0" version "1.1.0"
resolved "https://registry.npmjs.org/load-json-file/-/load-json-file-1.1.0.tgz" resolved "https://registry.npmjs.org/load-json-file/-/load-json-file-1.1.0.tgz"