➕ Prettier
Nato Boram
parent
d8fc7d06a3
commit
5f8728f78f
|
|
@ -1,4 +1,3 @@
|
|||
# Editor configuration, see https://editorconfig.org
|
||||
root = true
|
||||
|
||||
[*]
|
||||
|
|
@ -9,8 +8,6 @@ insert_final_newline = true
|
|||
max_line_length = 140
|
||||
trim_trailing_whitespace = true
|
||||
|
||||
[*.ts]
|
||||
quote_type = single
|
||||
|
||||
[*.md]
|
||||
max_line_length = false
|
||||
trim_trailing_whitespace = false
|
||||
|
|
|
|||
|
|
@ -1 +1,8 @@
|
|||
.angular
|
||||
.pnpm-store
|
||||
dist
|
||||
e2e/protractor.conf.js
|
||||
node_modules
|
||||
pnpm-lock.yaml
|
||||
public
|
||||
src/test.ts
|
||||
|
|
|
|||
|
|
@ -3,24 +3,21 @@
|
|||
"env": {
|
||||
"browser": true
|
||||
},
|
||||
"ignorePatterns": [
|
||||
"projects/**/*"
|
||||
],
|
||||
"ignorePatterns": ["projects/**/*"],
|
||||
"overrides": [
|
||||
{
|
||||
"files": [
|
||||
"*.ts"
|
||||
],
|
||||
"files": ["*.ts"],
|
||||
"parserOptions": {
|
||||
"project": [
|
||||
"tsconfig.json",
|
||||
"e2e/tsconfig.json"
|
||||
],
|
||||
"project": ["tsconfig.json", "e2e/tsconfig.json"],
|
||||
"createDefaultProgram": true
|
||||
},
|
||||
"plugins": ["rxjs-angular"],
|
||||
"extends": [
|
||||
"eslint:recommended",
|
||||
"plugin:@typescript-eslint/recommended",
|
||||
"plugin:@typescript-eslint/recommended-requiring-type-checking",
|
||||
"prettier",
|
||||
"plugin:rxjs/recommended",
|
||||
"plugin:@angular-eslint/all",
|
||||
"plugin:@angular-eslint/recommended--extra",
|
||||
"plugin:@angular-eslint/template/process-inline-templates"
|
||||
|
|
@ -87,16 +84,10 @@
|
|||
"@typescript-eslint/no-empty-function": [
|
||||
"error",
|
||||
{
|
||||
"allow": [
|
||||
"private-constructors",
|
||||
"protected-constructors"
|
||||
]
|
||||
"allow": ["private-constructors", "protected-constructors"]
|
||||
}
|
||||
],
|
||||
"@typescript-eslint/no-extra-parens": [
|
||||
"error",
|
||||
"functions"
|
||||
],
|
||||
"@typescript-eslint/no-extra-parens": ["error", "functions"],
|
||||
"@typescript-eslint/no-implicit-any-catch": "error",
|
||||
"@typescript-eslint/no-invalid-void-type": "error",
|
||||
"@typescript-eslint/no-non-null-assertion": "error",
|
||||
|
|
@ -121,23 +112,19 @@
|
|||
"@typescript-eslint/prefer-ts-expect-error": "error",
|
||||
"@typescript-eslint/promise-function-async": "error",
|
||||
"@typescript-eslint/require-array-sort-compare": "error",
|
||||
"@typescript-eslint/semi": [
|
||||
"error",
|
||||
"never"
|
||||
],
|
||||
"@typescript-eslint/semi": ["error", "never"],
|
||||
"@typescript-eslint/sort-type-union-intersection-members": "error",
|
||||
"@typescript-eslint/switch-exhaustiveness-check": "error",
|
||||
"@typescript-eslint/type-annotation-spacing": "error",
|
||||
"@typescript-eslint/unified-signatures": "error"
|
||||
"@typescript-eslint/unified-signatures": "error",
|
||||
// eslint-plugin-rxjs-angular
|
||||
//"rxjs-angular/prefer-async-pipe": "error",
|
||||
"rxjs-angular/prefer-takeuntil": "error"
|
||||
}
|
||||
},
|
||||
{
|
||||
"files": [
|
||||
"*.html"
|
||||
],
|
||||
"extends": [
|
||||
"plugin:@angular-eslint/template/all"
|
||||
],
|
||||
"files": ["*.html"],
|
||||
"extends": ["plugin:@angular-eslint/template/all"],
|
||||
"rules": {
|
||||
// Custom rules
|
||||
"@angular-eslint/template/i18n": "off"
|
||||
|
|
|
|||
|
|
@ -1,47 +1,126 @@
|
|||
# See http://help.github.com/ignore-files/ for more about ignoring files.
|
||||
# Created by https://www.toptal.com/developers/gitignore/api/angular,linux,windows,macos,visualstudiocode
|
||||
# Edit at https://www.toptal.com/developers/gitignore?templates=angular,linux,windows,macos,visualstudiocode
|
||||
|
||||
### Angular ###
|
||||
## Angular ##
|
||||
# compiled output
|
||||
/dist
|
||||
/tmp
|
||||
/out-tsc
|
||||
# Only exists if Bazel was run
|
||||
/bazel-out
|
||||
dist/
|
||||
tmp/
|
||||
app/**/*.js
|
||||
app/**/*.js.map
|
||||
|
||||
# dependencies
|
||||
/node_modules
|
||||
|
||||
# profiling files
|
||||
chrome-profiler-events*.json
|
||||
speed-measure-plugin*.json
|
||||
node_modules/
|
||||
bower_components/
|
||||
|
||||
# IDEs and editors
|
||||
/.idea
|
||||
.project
|
||||
.classpath
|
||||
.c9/
|
||||
*.launch
|
||||
.settings/
|
||||
*.sublime-workspace
|
||||
.idea/
|
||||
|
||||
# IDE - VSCode
|
||||
# misc
|
||||
.sass-cache/
|
||||
connect.lock/
|
||||
coverage/
|
||||
libpeerconnection.log/
|
||||
npm-debug.log
|
||||
testem.log
|
||||
typings/
|
||||
.angular/
|
||||
|
||||
# e2e
|
||||
e2e/*.js
|
||||
e2e/*.map
|
||||
|
||||
# System Files
|
||||
.DS_Store/
|
||||
|
||||
### Linux ###
|
||||
*~
|
||||
|
||||
# temporary files which can be created if a process still has a handle open of a deleted file
|
||||
.fuse_hidden*
|
||||
|
||||
# KDE directory preferences
|
||||
.directory
|
||||
|
||||
# Linux trash folder which might appear on any partition or disk
|
||||
.Trash-*
|
||||
|
||||
# .nfs files are created when an open file is removed but is still being accessed
|
||||
.nfs*
|
||||
|
||||
### macOS ###
|
||||
# General
|
||||
.DS_Store
|
||||
.AppleDouble
|
||||
.LSOverride
|
||||
|
||||
# Icon must end with two \r
|
||||
Icon
|
||||
|
||||
# Thumbnails
|
||||
._*
|
||||
|
||||
# Files that might appear in the root of a volume
|
||||
.DocumentRevisions-V100
|
||||
.fseventsd
|
||||
.Spotlight-V100
|
||||
.TemporaryItems
|
||||
.Trashes
|
||||
.VolumeIcon.icns
|
||||
.com.apple.timemachine.donotpresent
|
||||
|
||||
# Directories potentially created on remote AFP share
|
||||
.AppleDB
|
||||
.AppleDesktop
|
||||
Network Trash Folder
|
||||
Temporary Items
|
||||
.apdisk
|
||||
|
||||
### VisualStudioCode ###
|
||||
.vscode/*
|
||||
!.vscode/settings.json
|
||||
!.vscode/tasks.json
|
||||
!.vscode/launch.json
|
||||
!.vscode/extensions.json
|
||||
.history/*
|
||||
!.vscode/*.code-snippets
|
||||
|
||||
# misc
|
||||
/.angular/cache
|
||||
/.sass-cache
|
||||
/connect.lock
|
||||
/coverage
|
||||
/libpeerconnection.log
|
||||
npm-debug.log
|
||||
yarn-error.log
|
||||
testem.log
|
||||
/typings
|
||||
# Local History for Visual Studio Code
|
||||
.history/
|
||||
|
||||
# System Files
|
||||
.DS_Store
|
||||
# Built Visual Studio Code Extensions
|
||||
*.vsix
|
||||
|
||||
### VisualStudioCode Patch ###
|
||||
# Ignore all local history of files
|
||||
.history
|
||||
.ionide
|
||||
|
||||
# Support for Project snippet scope
|
||||
|
||||
### Windows ###
|
||||
# Windows thumbnail cache files
|
||||
Thumbs.db
|
||||
Thumbs.db:encryptable
|
||||
ehthumbs.db
|
||||
ehthumbs_vista.db
|
||||
|
||||
# Dump file
|
||||
*.stackdump
|
||||
|
||||
# Folder config file
|
||||
[Dd]esktop.ini
|
||||
|
||||
# Recycle Bin used on file shares
|
||||
$RECYCLE.BIN/
|
||||
|
||||
# Windows Installer files
|
||||
*.cab
|
||||
*.msi
|
||||
*.msix
|
||||
*.msm
|
||||
*.msp
|
||||
|
||||
# Windows shortcuts
|
||||
*.lnk
|
||||
|
||||
# End of https://www.toptal.com/developers/gitignore/api/angular,linux,windows,macos,visualstudiocode
|
||||
|
|
|
|||
|
|
@ -27,7 +27,8 @@ build:
|
|||
test:
|
||||
stage: test
|
||||
script:
|
||||
- pnpm run lint
|
||||
- pnpx ng lint
|
||||
- pnpx prettier --check .
|
||||
|
||||
pages:
|
||||
stage: deploy
|
||||
|
|
|
|||
|
|
@ -0,0 +1,6 @@
|
|||
.angular
|
||||
.pnpm-store
|
||||
dist
|
||||
node_modules
|
||||
pnpm-lock.yaml
|
||||
public
|
||||
|
|
@ -0,0 +1,3 @@
|
|||
arrowParens: avoid
|
||||
printWidth: 140
|
||||
semi: false
|
||||
|
|
@ -7,10 +7,11 @@
|
|||
"davidanson.vscode-markdownlint",
|
||||
"dbaeumer.vscode-eslint",
|
||||
"editorconfig.editorconfig",
|
||||
"esbenp.prettier-vscode",
|
||||
"gitlab.gitlab-workflow",
|
||||
"johnpapa.angular2",
|
||||
"ms-vscode.vscode-typescript-next",
|
||||
"visualstudioexptteam.vscodeintellicode",
|
||||
"visualstudioexptteam.vscodeintellicode"
|
||||
],
|
||||
// List of extensions recommended by VS Code that should not be recommended for users of this workspace.
|
||||
"unwantedRecommendations": [
|
||||
|
|
|
|||
|
|
@ -37,9 +37,7 @@
|
|||
"request": "launch",
|
||||
"program": "${workspaceFolder}/node_modules/protractor/bin/protractor",
|
||||
"protocol": "inspector",
|
||||
"args": [
|
||||
"${workspaceFolder}/e2e/protractor.conf.js"
|
||||
]
|
||||
"args": ["${workspaceFolder}/e2e/protractor.conf.js"]
|
||||
}
|
||||
]
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,27 +1,20 @@
|
|||
{
|
||||
"[css][scss][html][javascript][typescript][json][jsonc][markdown][yaml]": {
|
||||
"editor.defaultFormatter": "esbenp.prettier-vscode"
|
||||
},
|
||||
"editor.codeActionsOnSave": {
|
||||
"source.fixAll": true,
|
||||
"source.fixAll.eslint": true,
|
||||
"source.organizeImports": true
|
||||
},
|
||||
"editor.defaultFormatter": "esbenp.prettier-vscode",
|
||||
"editor.formatOnSave": true,
|
||||
"editor.rulers": [
|
||||
140
|
||||
],
|
||||
"editor.rulers": [140],
|
||||
"eslint.options": {
|
||||
"extensions": [
|
||||
".ts",
|
||||
".html"
|
||||
]
|
||||
"extensions": [".ts", ".html"]
|
||||
},
|
||||
"eslint.packageManager": "pnpm",
|
||||
"eslint.validate": [
|
||||
"javascript",
|
||||
"javascriptreact",
|
||||
"typescript",
|
||||
"typescriptreact",
|
||||
"html"
|
||||
],
|
||||
"eslint.validate": ["javascript", "javascriptreact", "typescript", "typescriptreact", "html"],
|
||||
"files.associations": {
|
||||
".ipfs-npmrc": "json"
|
||||
},
|
||||
|
|
|
|||
|
|
@ -17,10 +17,7 @@
|
|||
"owner": "typescript",
|
||||
"source": "ts",
|
||||
"applyTo": "closedDocuments",
|
||||
"fileLocation": [
|
||||
"relative",
|
||||
"${cwd}"
|
||||
],
|
||||
"fileLocation": ["relative", "${cwd}"],
|
||||
"pattern": "$tsc",
|
||||
"background": {
|
||||
"activeOnStart": true,
|
||||
|
|
@ -32,6 +29,6 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
}
|
||||
]
|
||||
}
|
||||
|
|
|
|||
52
CHANGELOG.md
52
CHANGELOG.md
|
|
@ -8,20 +8,20 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/), and this
|
|||
|
||||
### Added
|
||||
|
||||
* More information in the `package.json`.
|
||||
* Added ESLint
|
||||
- More information in the `package.json`.
|
||||
- Added ESLint
|
||||
|
||||
### Changed
|
||||
|
||||
* Updated `gateways.json`
|
||||
* Upgraded to Angular 13
|
||||
* Targets ESNext
|
||||
- Updated `gateways.json`
|
||||
- Upgraded to Angular 13
|
||||
- Targets ESNext
|
||||
|
||||
### Deprecated
|
||||
|
||||
### Removed
|
||||
|
||||
* Removed TSLint
|
||||
- Removed TSLint
|
||||
|
||||
### Fixed
|
||||
|
||||
|
|
@ -31,33 +31,33 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/), and this
|
|||
|
||||
### Added
|
||||
|
||||
* Added some accessibility tags
|
||||
* Added some VSCode settings
|
||||
- Added some accessibility tags
|
||||
- Added some VSCode settings
|
||||
|
||||
### Changed
|
||||
|
||||
* Updated to Angular 11
|
||||
* Updated gateways
|
||||
- Updated to Angular 11
|
||||
- Updated gateways
|
||||
|
||||
### Fixed
|
||||
|
||||
* Corrected the title from "Public IPFS Cacher" to "Public Gateway Cacher".
|
||||
- Corrected the title from "Public IPFS Cacher" to "Public Gateway Cacher".
|
||||
|
||||
## [2.1.0] - 2020-07-10
|
||||
|
||||
### Added
|
||||
|
||||
* Support for subdomain gateways
|
||||
* Strict mode
|
||||
* More icons
|
||||
* IPFS colours
|
||||
- Support for subdomain gateways
|
||||
- Strict mode
|
||||
- More icons
|
||||
- IPFS colours
|
||||
|
||||
### Changed
|
||||
|
||||
* Better screenshot
|
||||
* Upgraded to Angular 10
|
||||
* Now uses `--chunker=buzhash`
|
||||
* Updated `bootstrap` and `ipfs-css`
|
||||
- Better screenshot
|
||||
- Upgraded to Angular 10
|
||||
- Now uses `--chunker=buzhash`
|
||||
- Updated `bootstrap` and `ipfs-css`
|
||||
|
||||
## [2.0.0] - 2019-12-03
|
||||
|
||||
|
|
@ -67,7 +67,7 @@ Tests were done with `ipfs-npm` : They weren't successful. `ipfs-css` is only mi
|
|||
|
||||
### Added
|
||||
|
||||
* GitLab Pages - <https://natoboram.gitlab.io/public-gateway-cacher/>
|
||||
- GitLab Pages - <https://natoboram.gitlab.io/public-gateway-cacher/>
|
||||
|
||||
## [1.0.0] - 2019-11-28
|
||||
|
||||
|
|
@ -75,9 +75,9 @@ This version is a fork of [github.com/ipfs/public-gateway-checker](https://githu
|
|||
|
||||
## Types of changes
|
||||
|
||||
* `Added` for new features.
|
||||
* `Changed` for changes in existing functionality.
|
||||
* `Deprecated` for soon-to-be removed features.
|
||||
* `Removed` for now removed features.
|
||||
* `Fixed` for any bug fixes.
|
||||
* `Security` in case of vulnerabilities.
|
||||
- `Added` for new features.
|
||||
- `Changed` for changes in existing functionality.
|
||||
- `Deprecated` for soon-to-be removed features.
|
||||
- `Removed` for now removed features.
|
||||
- `Fixed` for any bug fixes.
|
||||
- `Security` in case of vulnerabilities.
|
||||
|
|
|
|||
31
angular.json
31
angular.json
|
|
@ -30,17 +30,10 @@
|
|||
"main": "src/main.ts",
|
||||
"polyfills": "src/polyfills.ts",
|
||||
"tsConfig": "tsconfig.app.json",
|
||||
"assets": [
|
||||
"src/favicon.png",
|
||||
"src/assets"
|
||||
],
|
||||
"styles": [
|
||||
"src/styles.scss"
|
||||
],
|
||||
"assets": ["src/favicon.png", "src/assets"],
|
||||
"styles": ["src/styles.scss"],
|
||||
"stylePreprocessorOptions": {
|
||||
"includePaths": [
|
||||
"node_modules"
|
||||
]
|
||||
"includePaths": ["node_modules"]
|
||||
},
|
||||
"scripts": [],
|
||||
"vendorChunk": true,
|
||||
|
|
@ -150,17 +143,10 @@
|
|||
"polyfills": "src/polyfills.ts",
|
||||
"tsConfig": "tsconfig.spec.json",
|
||||
"karmaConfig": "karma.conf.js",
|
||||
"assets": [
|
||||
"src/favicon.png",
|
||||
"src/assets"
|
||||
],
|
||||
"styles": [
|
||||
"src/styles.scss"
|
||||
],
|
||||
"assets": ["src/favicon.png", "src/assets"],
|
||||
"styles": ["src/styles.scss"],
|
||||
"stylePreprocessorOptions": {
|
||||
"includePaths": [
|
||||
"node_modules"
|
||||
]
|
||||
"includePaths": ["node_modules"]
|
||||
},
|
||||
"scripts": []
|
||||
}
|
||||
|
|
@ -180,10 +166,7 @@
|
|||
"lint": {
|
||||
"builder": "@angular-eslint/builder:lint",
|
||||
"options": {
|
||||
"lintFilePatterns": [
|
||||
"src/**/*.ts",
|
||||
"src/**/*.html"
|
||||
]
|
||||
"lintFilePatterns": ["src/**/*.ts", "src/**/*.html"]
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -2,35 +2,35 @@
|
|||
// Protractor configuration file, see link for more information
|
||||
// https://github.com/angular/protractor/blob/master/lib/config.ts
|
||||
|
||||
const { SpecReporter, StacktraceOption } = require('jasmine-spec-reporter');
|
||||
const { SpecReporter, StacktraceOption } = require("jasmine-spec-reporter")
|
||||
|
||||
/**
|
||||
* @type { import("protractor").Config }
|
||||
*/
|
||||
exports.config = {
|
||||
allScriptsTimeout: 11000,
|
||||
specs: [
|
||||
'./src/**/*.e2e-spec.ts'
|
||||
],
|
||||
specs: ["./src/**/*.e2e-spec.ts"],
|
||||
capabilities: {
|
||||
browserName: 'chrome'
|
||||
browserName: "chrome",
|
||||
},
|
||||
directConnect: true,
|
||||
baseUrl: 'http://localhost:4200/',
|
||||
framework: 'jasmine',
|
||||
baseUrl: "http://localhost:4200/",
|
||||
framework: "jasmine",
|
||||
jasmineNodeOpts: {
|
||||
showColors: true,
|
||||
defaultTimeoutInterval: 30000,
|
||||
print: function () { }
|
||||
print: function () {},
|
||||
},
|
||||
onPrepare() {
|
||||
require('ts-node').register({
|
||||
project: require('path').join(__dirname, './tsconfig.json')
|
||||
});
|
||||
jasmine.getEnv().addReporter(new SpecReporter({
|
||||
require("ts-node").register({
|
||||
project: require("path").join(__dirname, "./tsconfig.json"),
|
||||
})
|
||||
jasmine.getEnv().addReporter(
|
||||
new SpecReporter({
|
||||
spec: {
|
||||
displayStacktrace: StacktraceOption.PRETTY
|
||||
}
|
||||
}));
|
||||
}
|
||||
};
|
||||
displayStacktrace: StacktraceOption.PRETTY,
|
||||
},
|
||||
})
|
||||
)
|
||||
},
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,23 +1,25 @@
|
|||
import { browser, logging } from 'protractor';
|
||||
import { AppPage } from './app.po';
|
||||
import { browser, logging } from "protractor"
|
||||
import { AppPage } from "./app.po"
|
||||
|
||||
describe('workspace-project App', (): void => {
|
||||
let page: AppPage;
|
||||
describe("workspace-project App", (): void => {
|
||||
let page: AppPage
|
||||
|
||||
beforeEach((): void => {
|
||||
page = new AppPage();
|
||||
});
|
||||
page = new AppPage()
|
||||
})
|
||||
|
||||
it('should display welcome message', (): void => {
|
||||
page.navigateTo();
|
||||
expect(page.getTitleText()).toEqual('public-gateway-cacher app is running!');
|
||||
});
|
||||
it("should display welcome message", (): void => {
|
||||
void page.navigateTo()
|
||||
void expect(page.getTitleText()).toEqual("public-gateway-cacher app is running!")
|
||||
})
|
||||
|
||||
afterEach(async (): Promise<void> => {
|
||||
// Assert that there are no errors emitted from the browser
|
||||
const logs = await browser.manage().logs().get(logging.Type.BROWSER);
|
||||
expect(logs).not.toContain(jasmine.objectContaining({
|
||||
const logs = await browser.manage().logs().get(logging.Type.BROWSER)
|
||||
const expected: Partial<logging.Entry> = {
|
||||
level: logging.Level.SEVERE,
|
||||
} as logging.Entry));
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
void expect(logs).not.toContain(jasmine.objectContaining(expected))
|
||||
})
|
||||
})
|
||||
|
|
|
|||
|
|
@ -1,11 +1,11 @@
|
|||
import { browser, by, element } from 'protractor';
|
||||
import { browser, by, element } from "protractor"
|
||||
|
||||
export class AppPage {
|
||||
navigateTo(): Promise<unknown> {
|
||||
return browser.get(browser.baseUrl) as Promise<unknown>;
|
||||
async navigateTo(): Promise<unknown> {
|
||||
return browser.get(browser.baseUrl) as Promise<unknown>
|
||||
}
|
||||
|
||||
getTitleText(): Promise<string> {
|
||||
return element(by.css('pgc-root .content span')).getText() as Promise<string>;
|
||||
async getTitleText(): Promise<string> {
|
||||
return element(by.css("pgc-root .content span")).getText() as Promise<string>
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -5,10 +5,6 @@
|
|||
"outDir": "../out-tsc/e2e",
|
||||
"module": "commonjs",
|
||||
"target": "ESNext",
|
||||
"types": [
|
||||
"jasmine",
|
||||
"jasminewd2",
|
||||
"node"
|
||||
]
|
||||
"types": ["jasmine", "jasminewd2", "node"]
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -3,30 +3,30 @@
|
|||
|
||||
module.exports = function (config) {
|
||||
config.set({
|
||||
basePath: '',
|
||||
frameworks: ['jasmine', '@angular-devkit/build-angular'],
|
||||
basePath: "",
|
||||
frameworks: ["jasmine", "@angular-devkit/build-angular"],
|
||||
plugins: [
|
||||
require('karma-jasmine'),
|
||||
require('karma-chrome-launcher'),
|
||||
require('karma-jasmine-html-reporter'),
|
||||
require('karma-coverage-istanbul-reporter'),
|
||||
require('@angular-devkit/build-angular/plugins/karma')
|
||||
require("karma-jasmine"),
|
||||
require("karma-chrome-launcher"),
|
||||
require("karma-jasmine-html-reporter"),
|
||||
require("karma-coverage-istanbul-reporter"),
|
||||
require("@angular-devkit/build-angular/plugins/karma"),
|
||||
],
|
||||
client: {
|
||||
clearContext: false // leave Jasmine Spec Runner output visible in browser
|
||||
clearContext: false, // leave Jasmine Spec Runner output visible in browser
|
||||
},
|
||||
coverageIstanbulReporter: {
|
||||
dir: require('path').join(__dirname, './coverage/public-gateway-cacher'),
|
||||
reports: ['html', 'lcovonly', 'text-summary'],
|
||||
fixWebpackSourcePaths: true
|
||||
dir: require("path").join(__dirname, "./coverage/public-gateway-cacher"),
|
||||
reports: ["html", "lcovonly", "text-summary"],
|
||||
fixWebpackSourcePaths: true,
|
||||
},
|
||||
reporters: ['progress', 'kjhtml'],
|
||||
reporters: ["progress", "kjhtml"],
|
||||
port: 9876,
|
||||
colors: true,
|
||||
logLevel: config.LOG_INFO,
|
||||
autoWatch: true,
|
||||
browsers: ['Chrome'],
|
||||
browsers: ["Chrome"],
|
||||
singleRun: false,
|
||||
restartOnFileChange: true
|
||||
});
|
||||
};
|
||||
restartOnFileChange: true,
|
||||
})
|
||||
}
|
||||
|
|
|
|||
|
|
@ -31,7 +31,9 @@
|
|||
"build:gitlab": "ng build --configuration=gitlab --base-href /public-gateway-cacher/",
|
||||
"build:ipfs": "ng build --configuration=ipfs",
|
||||
"test": "ng test",
|
||||
"lint": "ng lint",
|
||||
"lint": "ng lint --fix",
|
||||
"eslint": "eslint --fix .",
|
||||
"prettier": "prettier --write .",
|
||||
"e2e": "ng e2e",
|
||||
"publish:ipfs": "pnpm run build:ipfs && ipfs add --recursive --chunker=buzhash --cid-version=1 dist/angular",
|
||||
"postinstall": "ngcc"
|
||||
|
|
@ -70,6 +72,9 @@
|
|||
"@typescript-eslint/eslint-plugin": "5.14.0",
|
||||
"@typescript-eslint/parser": "5.14.0",
|
||||
"eslint": "^8.2.0",
|
||||
"eslint-config-prettier": "^8.5.0",
|
||||
"eslint-plugin-rxjs": "^5.0.2",
|
||||
"eslint-plugin-rxjs-angular": "^2.0.0",
|
||||
"jasmine-core": "~4.0.1",
|
||||
"jasmine-spec-reporter": "~7.0.0",
|
||||
"karma": "~6.3.17",
|
||||
|
|
@ -77,6 +82,7 @@
|
|||
"karma-coverage-istanbul-reporter": "~3.0.2",
|
||||
"karma-jasmine": "~4.0.0",
|
||||
"karma-jasmine-html-reporter": "^1.5.0",
|
||||
"prettier": "^2.5.1",
|
||||
"protractor": "~7.0.0",
|
||||
"ts-node": "~10.7.0",
|
||||
"typescript": "~4.5.5"
|
||||
|
|
|
|||
162
pnpm-lock.yaml
162
pnpm-lock.yaml
|
|
@ -28,6 +28,9 @@ specifiers:
|
|||
'@typescript-eslint/parser': 5.14.0
|
||||
bootstrap: ^5.1.3
|
||||
eslint: ^8.2.0
|
||||
eslint-config-prettier: ^8.5.0
|
||||
eslint-plugin-rxjs: ^5.0.2
|
||||
eslint-plugin-rxjs-angular: ^2.0.0
|
||||
ipfs-css: ^1.3.0
|
||||
jasmine-core: ~4.0.1
|
||||
jasmine-spec-reporter: ~7.0.0
|
||||
|
|
@ -36,6 +39,7 @@ specifiers:
|
|||
karma-coverage-istanbul-reporter: ~3.0.2
|
||||
karma-jasmine: ~4.0.0
|
||||
karma-jasmine-html-reporter: ^1.5.0
|
||||
prettier: ^2.5.1
|
||||
protractor: ~7.0.0
|
||||
rxjs: ~7.5.5
|
||||
ts-node: ~10.7.0
|
||||
|
|
@ -77,6 +81,9 @@ devDependencies:
|
|||
'@typescript-eslint/eslint-plugin': 5.14.0_e74fb90c35f99587899145b1078aa5b4
|
||||
'@typescript-eslint/parser': 5.14.0_eslint@8.10.0+typescript@4.5.5
|
||||
eslint: 8.10.0
|
||||
eslint-config-prettier: 8.5.0_eslint@8.10.0
|
||||
eslint-plugin-rxjs: 5.0.2_eslint@8.10.0+typescript@4.5.5
|
||||
eslint-plugin-rxjs-angular: 2.0.0_eslint@8.10.0+typescript@4.5.5
|
||||
jasmine-core: 4.0.1
|
||||
jasmine-spec-reporter: 7.0.0
|
||||
karma: 6.3.17
|
||||
|
|
@ -84,6 +91,7 @@ devDependencies:
|
|||
karma-coverage-istanbul-reporter: 3.0.3
|
||||
karma-jasmine: 4.0.1_karma@6.3.17
|
||||
karma-jasmine-html-reporter: 1.7.0_d63185f8de84f984ad7c6427ff04984c
|
||||
prettier: 2.5.1
|
||||
protractor: 7.0.0
|
||||
ts-node: 10.7.0_99a448058f874aec2a353d0e974167cc
|
||||
typescript: 4.5.5
|
||||
|
|
@ -600,7 +608,7 @@ packages:
|
|||
engines: {node: '>=6.9.0'}
|
||||
dependencies:
|
||||
'@babel/code-frame': 7.16.7
|
||||
'@babel/generator': 7.16.8
|
||||
'@babel/generator': 7.17.3
|
||||
'@babel/helper-compilation-targets': 7.16.7_@babel+core@7.16.12
|
||||
'@babel/helper-module-transforms': 7.17.6
|
||||
'@babel/helpers': 7.17.2
|
||||
|
|
@ -2074,7 +2082,7 @@ packages:
|
|||
dependencies:
|
||||
'@swc-node/core': 1.8.2
|
||||
'@swc-node/sourcemap-support': 0.1.11
|
||||
chalk: 4.1.0
|
||||
chalk: 4.1.2
|
||||
debug: 4.3.3
|
||||
pirates: 4.0.5
|
||||
tslib: 2.3.1
|
||||
|
|
@ -2406,6 +2414,16 @@ packages:
|
|||
'@types/node': 17.0.21
|
||||
dev: true
|
||||
|
||||
/@types/yargs-parser/21.0.0:
|
||||
resolution: {integrity: sha512-iO9ZQHkZxHn4mSakYV0vFHAVDyEOIJQrV2uZ06HxEPcx+mt8swXoZHIbaaJ2crJYFfErySgktuTZ3BeLz+XmFA==}
|
||||
dev: true
|
||||
|
||||
/@types/yargs/17.0.9:
|
||||
resolution: {integrity: sha512-Ci8+4/DOtkHRylcisKmVMtmVO5g7weUVCKcsu1sJvF1bn0wExTmbHmhFKj7AnEm0de800iovGhdSKzYnzbaHpg==}
|
||||
dependencies:
|
||||
'@types/yargs-parser': 21.0.0
|
||||
dev: true
|
||||
|
||||
/@typescript-eslint/eslint-plugin/5.14.0_e74fb90c35f99587899145b1078aa5b4:
|
||||
resolution: {integrity: sha512-ir0wYI4FfFUDfLcuwKzIH7sMVA+db7WYen47iRSaCGl+HMAZI9fpBwfDo45ZALD3A45ZGyHWDNLhbg8tZrMX4w==}
|
||||
engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
|
||||
|
|
@ -3153,6 +3171,14 @@ packages:
|
|||
tweetnacl: 0.14.5
|
||||
dev: true
|
||||
|
||||
/bent/7.3.12:
|
||||
resolution: {integrity: sha512-T3yrKnVGB63zRuoco/7Ybl7BwwGZR0lceoVG5XmQyMIH9s19SV5m+a8qam4if0zQuAmOQTyPTPmsQBdAorGK3w==}
|
||||
dependencies:
|
||||
bytesish: 0.4.4
|
||||
caseless: 0.12.0
|
||||
is-stream: 2.0.1
|
||||
dev: true
|
||||
|
||||
/big.js/5.2.2:
|
||||
resolution: {integrity: sha512-vyL2OymJxmarO8gxMr0mhChsO9QGwhynfuu4+MHTAW6czfq9humCB7rKpUjDd9YUiDPU4mzpyupFSvOClAwbmQ==}
|
||||
dev: true
|
||||
|
|
@ -3276,6 +3302,10 @@ packages:
|
|||
engines: {node: '>= 0.8'}
|
||||
dev: true
|
||||
|
||||
/bytesish/0.4.4:
|
||||
resolution: {integrity: sha512-i4uu6M4zuMUiyfZN4RU2+i9+peJh//pXhd9x1oSe1LBkZ3LEbCoygu8W0bXTukU1Jme2txKuotpCZRaC3FLxcQ==}
|
||||
dev: true
|
||||
|
||||
/cacache/15.3.0:
|
||||
resolution: {integrity: sha512-VVdYzXEn+cnbXpFgWs5hTT7OScegHVmLhJIR8Ufqk3iFD6A6j5iSX1KuBTfNEv4tdJWE2PzA6IVFtcLC7fN9wQ==}
|
||||
engines: {node: '>= 10'}
|
||||
|
|
@ -3497,6 +3527,11 @@ packages:
|
|||
resolution: {integrity: sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==}
|
||||
dev: true
|
||||
|
||||
/common-tags/1.8.2:
|
||||
resolution: {integrity: sha512-gk/Z852D2Wtb//0I+kRFNKKE9dIIVirjoqPoA1wJU+XePVXZfGeBpk45+A1rKO4Q43prqWBNY/MiIeRLbPWUaA==}
|
||||
engines: {node: '>=4.0.0'}
|
||||
dev: true
|
||||
|
||||
/commondir/1.0.1:
|
||||
resolution: {integrity: sha1-3dgA2gxmEnOTzKWVDqloo6rxJTs=}
|
||||
dev: true
|
||||
|
|
@ -3791,6 +3826,11 @@ packages:
|
|||
engines: {node: '>=0.10.0'}
|
||||
dev: true
|
||||
|
||||
/decamelize/5.0.1:
|
||||
resolution: {integrity: sha512-VfxadyCECXgQlkoEAjeghAr5gY3Hf+IKjKb+X8tGVDtveCjN+USwprd2q3QXBR9T1+x2DG0XZF5/w+7HAtSaXA==}
|
||||
engines: {node: '>=10'}
|
||||
dev: true
|
||||
|
||||
/decode-uri-component/0.2.0:
|
||||
resolution: {integrity: sha1-6zkTMzRYd1y4TNGh+uBiEGu4dUU=}
|
||||
engines: {node: '>=0.10'}
|
||||
|
|
@ -4323,6 +4363,68 @@ packages:
|
|||
engines: {node: '>=10'}
|
||||
dev: true
|
||||
|
||||
/eslint-config-prettier/8.5.0_eslint@8.10.0:
|
||||
resolution: {integrity: sha512-obmWKLUNCnhtQRKc+tmnYuQl0pFU1ibYJQ5BGhTVB08bHe9wC8qUeG7c08dj9XX+AuPj1YSGSQIHl1pnDHZR0Q==}
|
||||
hasBin: true
|
||||
peerDependencies:
|
||||
eslint: '>=7.0.0'
|
||||
dependencies:
|
||||
eslint: 8.10.0
|
||||
dev: true
|
||||
|
||||
/eslint-etc/5.1.0_eslint@8.10.0+typescript@4.5.5:
|
||||
resolution: {integrity: sha512-Rmjl01h5smi5cbsFne2xpTuch2xNnwXiX2lbS4HttXUN5FwXKAwG1UEFBVGO1nC091YO/QyVahyfNPJSX2ae+g==}
|
||||
peerDependencies:
|
||||
eslint: ^8.0.0
|
||||
typescript: ^4.0.0
|
||||
dependencies:
|
||||
'@typescript-eslint/experimental-utils': 5.11.0_eslint@8.10.0+typescript@4.5.5
|
||||
eslint: 8.10.0
|
||||
tsutils: 3.21.0_typescript@4.5.5
|
||||
tsutils-etc: 1.4.1_tsutils@3.21.0+typescript@4.5.5
|
||||
typescript: 4.5.5
|
||||
transitivePeerDependencies:
|
||||
- supports-color
|
||||
dev: true
|
||||
|
||||
/eslint-plugin-rxjs-angular/2.0.0_eslint@8.10.0+typescript@4.5.5:
|
||||
resolution: {integrity: sha512-MalcYcEHOK2NT+avWSI1PsUilwGx6cprMQdw9jJRlCTkIvsUvCGFD1eTqQKVImwkK8+te732v9VsP/XcXlKZqA==}
|
||||
peerDependencies:
|
||||
eslint: ^8.0.0
|
||||
typescript: ^4.0.0
|
||||
dependencies:
|
||||
'@typescript-eslint/experimental-utils': 5.11.0_eslint@8.10.0+typescript@4.5.5
|
||||
common-tags: 1.8.2
|
||||
eslint: 8.10.0
|
||||
eslint-etc: 5.1.0_eslint@8.10.0+typescript@4.5.5
|
||||
requireindex: 1.2.0
|
||||
tslib: 2.3.1
|
||||
typescript: 4.5.5
|
||||
transitivePeerDependencies:
|
||||
- supports-color
|
||||
dev: true
|
||||
|
||||
/eslint-plugin-rxjs/5.0.2_eslint@8.10.0+typescript@4.5.5:
|
||||
resolution: {integrity: sha512-Q2wsEHWInhZ3uz5df+YbD4g/NPQqAeYHjJuEsxqgVS+XAsYCuVE2pj9kADdMFy4GsQy2jt7KP+TOrnq1i6bI5Q==}
|
||||
peerDependencies:
|
||||
eslint: ^8.0.0
|
||||
typescript: ^4.0.0
|
||||
dependencies:
|
||||
'@typescript-eslint/experimental-utils': 5.11.0_eslint@8.10.0+typescript@4.5.5
|
||||
common-tags: 1.8.2
|
||||
decamelize: 5.0.1
|
||||
eslint: 8.10.0
|
||||
eslint-etc: 5.1.0_eslint@8.10.0+typescript@4.5.5
|
||||
requireindex: 1.2.0
|
||||
rxjs-report-usage: 1.0.6
|
||||
tslib: 2.3.1
|
||||
tsutils: 3.21.0_typescript@4.5.5
|
||||
tsutils-etc: 1.4.1_tsutils@3.21.0+typescript@4.5.5
|
||||
typescript: 4.5.5
|
||||
transitivePeerDependencies:
|
||||
- supports-color
|
||||
dev: true
|
||||
|
||||
/eslint-scope/5.1.1:
|
||||
resolution: {integrity: sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==}
|
||||
engines: {node: '>=8.0.0'}
|
||||
|
|
@ -5700,6 +5802,11 @@ packages:
|
|||
engines: {node: '>=0.10.0'}
|
||||
dev: true
|
||||
|
||||
/kleur/3.0.3:
|
||||
resolution: {integrity: sha512-eTIzlVOSUR+JxdDFepEYcBMtZ9Qqdef+rnzWdRZuMbOywu5tO2w2N7rqjoANZ5k9vywhL6Br1VRjUIgTQx4E8w==}
|
||||
engines: {node: '>=6'}
|
||||
dev: true
|
||||
|
||||
/klona/2.0.5:
|
||||
resolution: {integrity: sha512-pJiBpiXMbt7dkzXe8Ghj/u4FfXOOa98fPW+bihOJ4SjnoijweJrNThJfd3ifXpXhREjpoF2mZVH1GfS9LV3kHQ==}
|
||||
engines: {node: '>= 8'}
|
||||
|
|
@ -7045,6 +7152,12 @@ packages:
|
|||
engines: {node: '>= 0.8.0'}
|
||||
dev: true
|
||||
|
||||
/prettier/2.5.1:
|
||||
resolution: {integrity: sha512-vBZcPRUR5MZJwoyi3ZoyQlc1rXeEck8KgeC9AwwOn+exuxLxq5toTRDTSaVrXHxelDMHy9zlicw8u66yxoSUFg==}
|
||||
engines: {node: '>=10.13.0'}
|
||||
hasBin: true
|
||||
dev: true
|
||||
|
||||
/pretty-bytes/5.6.0:
|
||||
resolution: {integrity: sha512-FFw039TmrBqFK8ma/7OL3sDz/VytdtJr044/QUJtH0wK9lb9jLq9tJyIxUwtQJHwar2BqtiA4iCWSwo9JLkzFg==}
|
||||
engines: {node: '>=6'}
|
||||
|
|
@ -7066,6 +7179,14 @@ packages:
|
|||
retry: 0.12.0
|
||||
dev: true
|
||||
|
||||
/prompts/2.4.2:
|
||||
resolution: {integrity: sha512-NxNv/kLguCA7p3jE8oL2aEBsrJWgAakBpgmgK6lpPWV+WuOmY6r2/zbAVnP+T8bQlA0nzHXSJSJW0Hq7ylaD2Q==}
|
||||
engines: {node: '>= 6'}
|
||||
dependencies:
|
||||
kleur: 3.0.3
|
||||
sisteransi: 1.0.5
|
||||
dev: true
|
||||
|
||||
/protractor/7.0.0:
|
||||
resolution: {integrity: sha512-UqkFjivi4GcvUQYzqGYNe0mLzfn5jiLmO8w9nMhQoJRLhy2grJonpga2IWhI6yJO30LibWXJJtA4MOIZD2GgZw==}
|
||||
engines: {node: '>=10.13.x'}
|
||||
|
|
@ -7303,6 +7424,11 @@ packages:
|
|||
resolution: {integrity: sha512-NKN5kMDylKuldxYLSUfrbo5Tuzh4hd+2E8NPPX02mZtn1VuREQToYe/ZdlJy+J3uCpfaiGF05e7B8W0iXbQHmg==}
|
||||
dev: true
|
||||
|
||||
/requireindex/1.2.0:
|
||||
resolution: {integrity: sha512-L9jEkOi3ASd9PYit2cwRfyppc9NoABujTP8/5gFcbERmo5jUoAKovIC3fsF17pkTnGsrByysqX+Kxd2OTNI1ww==}
|
||||
engines: {node: '>=0.10.5'}
|
||||
dev: true
|
||||
|
||||
/requires-port/1.0.0:
|
||||
resolution: {integrity: sha1-kl0mAdOaxIXgkc8NpcbmlNw9yv8=}
|
||||
dev: true
|
||||
|
|
@ -7397,6 +7523,21 @@ packages:
|
|||
rxjs: 6.6.7
|
||||
dev: true
|
||||
|
||||
/rxjs-report-usage/1.0.6:
|
||||
resolution: {integrity: sha512-omv1DIv5z1kV+zDAEjaDjWSkx8w5TbFp5NZoPwUipwzYVcor/4So9ZU3bUyQ1c8lxY5Q0Es/ztWW7PGjY7to0Q==}
|
||||
hasBin: true
|
||||
dependencies:
|
||||
'@babel/parser': 7.17.3
|
||||
'@babel/traverse': 7.17.3
|
||||
'@babel/types': 7.17.0
|
||||
bent: 7.3.12
|
||||
chalk: 4.1.2
|
||||
glob: 7.2.0
|
||||
prompts: 2.4.2
|
||||
transitivePeerDependencies:
|
||||
- supports-color
|
||||
dev: true
|
||||
|
||||
/rxjs/6.6.7:
|
||||
resolution: {integrity: sha512-hTdwr+7yYNIT5n4AMYp85KA6yw2Va0FLa3Rguvbpa4W3I5xynaBZo41cM3XM+4Q6fRMj3sBYIR1VAmZMXYJvRQ==}
|
||||
engines: {npm: '>=2.0.0'}
|
||||
|
|
@ -7631,6 +7772,10 @@ packages:
|
|||
resolution: {integrity: sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==}
|
||||
dev: true
|
||||
|
||||
/sisteransi/1.0.5:
|
||||
resolution: {integrity: sha512-bLGGlR1QxBcynn2d5YmDX4MGjlZvy2MRBDRNHLJ8VI6l6+9FUiyTFNJ0IveOSP0bcXgVDPRcfGqA0pjaqUpfVg==}
|
||||
dev: true
|
||||
|
||||
/slash/3.0.0:
|
||||
resolution: {integrity: sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==}
|
||||
engines: {node: '>=8'}
|
||||
|
|
@ -8123,6 +8268,19 @@ packages:
|
|||
/tslib/2.3.1:
|
||||
resolution: {integrity: sha512-77EbyPPpMz+FRFRuAFlWMtmgUWGe9UOG2Z25NqCwiIjRhOf5iKGuzSe5P2w1laq+FkRy4p+PCuVkJSGkzTEKVw==}
|
||||
|
||||
/tsutils-etc/1.4.1_tsutils@3.21.0+typescript@4.5.5:
|
||||
resolution: {integrity: sha512-6UPYgc7OXcIW5tFxlsZF3OVSBvDInl/BkS3Xsu64YITXk7WrnWTVByKWPCThFDBp5gl5IGHOzGMdQuDCE7OL4g==}
|
||||
hasBin: true
|
||||
peerDependencies:
|
||||
tsutils: ^3.0.0
|
||||
typescript: ^4.0.0
|
||||
dependencies:
|
||||
'@types/yargs': 17.0.9
|
||||
tsutils: 3.21.0_typescript@4.5.5
|
||||
typescript: 4.5.5
|
||||
yargs: 17.3.1
|
||||
dev: true
|
||||
|
||||
/tsutils/3.21.0_typescript@4.5.5:
|
||||
resolution: {integrity: sha512-mHKK3iUXL+3UF6xL5k0PEhKRUBKPBCv/+RkEOpjRWxxx27KKRBmmA60A9pgOUvMi8GKhRMPEmjBRPzs2W7O1OA==}
|
||||
engines: {node: '>= 6'}
|
||||
|
|
|
|||
|
|
@ -1,15 +1,17 @@
|
|||
import { NgModule } from '@angular/core'
|
||||
import type { Routes } from '@angular/router'
|
||||
import { RouterModule } from '@angular/router'
|
||||
import { environment } from '../environments/environment'
|
||||
import { NgModule } from "@angular/core"
|
||||
import type { Routes } from "@angular/router"
|
||||
import { RouterModule } from "@angular/router"
|
||||
import { environment } from "../environments/environment"
|
||||
|
||||
const routes: Routes = [{
|
||||
path: '',
|
||||
loadChildren: async () => import('./pages/pages.module').then(m => m.PagesModule),
|
||||
}]
|
||||
const routes: Routes = [
|
||||
{
|
||||
path: "",
|
||||
loadChildren: async () => import("./pages/pages.module").then(m => m.PagesModule),
|
||||
},
|
||||
]
|
||||
|
||||
@NgModule({
|
||||
imports: [RouterModule.forRoot(routes, { useHash: environment.useHash, relativeLinkResolution: 'legacy' })],
|
||||
exports: [RouterModule]
|
||||
imports: [RouterModule.forRoot(routes, { useHash: environment.useHash, relativeLinkResolution: "legacy" })],
|
||||
exports: [RouterModule],
|
||||
})
|
||||
export class AppRoutingModule { }
|
||||
export class AppRoutingModule {}
|
||||
|
|
|
|||
|
|
@ -3,8 +3,7 @@
|
|||
|
||||
<!-- Theme Switcher -->
|
||||
<button mat-icon-button="">
|
||||
<mat-icon (click)="themeService.switchTheme()">{{themeService.icon}}</mat-icon>
|
||||
<mat-icon (click)="themeService.switchTheme()">{{ themeService.icon }}</mat-icon>
|
||||
</button>
|
||||
|
||||
</mat-toolbar>
|
||||
<router-outlet></router-outlet>
|
||||
|
|
|
|||
|
|
@ -1,20 +1,18 @@
|
|||
import { TestBed, waitForAsync } from '@angular/core/testing'
|
||||
import { RouterTestingModule } from '@angular/router/testing'
|
||||
import { AppComponent } from './app.component'
|
||||
import { TestBed, waitForAsync } from "@angular/core/testing"
|
||||
import { RouterTestingModule } from "@angular/router/testing"
|
||||
import { AppComponent } from "./app.component"
|
||||
|
||||
describe('AppComponent', (): void => {
|
||||
beforeEach(waitForAsync((): void => {
|
||||
describe("AppComponent", (): void => {
|
||||
beforeEach(
|
||||
waitForAsync((): void => {
|
||||
void TestBed.configureTestingModule({
|
||||
imports: [
|
||||
RouterTestingModule,
|
||||
],
|
||||
declarations: [
|
||||
AppComponent
|
||||
],
|
||||
imports: [RouterTestingModule],
|
||||
declarations: [AppComponent],
|
||||
}).compileComponents()
|
||||
}))
|
||||
})
|
||||
)
|
||||
|
||||
it('should create the app', (): void => {
|
||||
it("should create the app", (): void => {
|
||||
const fixture = TestBed.createComponent(AppComponent)
|
||||
if (!(fixture.debugElement.componentInstance instanceof AppComponent)) throw new Error("Expected AppComponent")
|
||||
|
||||
|
|
@ -30,13 +28,13 @@ describe('AppComponent', (): void => {
|
|||
void expect(app.themeService).toBeTruthy()
|
||||
})
|
||||
|
||||
it('should render title', (): void => {
|
||||
it("should render title", (): void => {
|
||||
const fixture = TestBed.createComponent(AppComponent)
|
||||
fixture.detectChanges()
|
||||
if (!isHTMLElement(fixture.debugElement.nativeElement)) throw new Error("Expected HTMLElement")
|
||||
|
||||
const compiled: HTMLElement = fixture.debugElement.nativeElement
|
||||
void expect(compiled.querySelector('h1')?.textContent).toContain('Public Gateway Cacher')
|
||||
void expect(compiled.querySelector("h1")?.textContent).toContain("Public Gateway Cacher")
|
||||
})
|
||||
})
|
||||
|
||||
|
|
|
|||
|
|
@ -1,14 +1,12 @@
|
|||
import { ChangeDetectionStrategy, Component, Inject } from '@angular/core'
|
||||
import { ThemeService } from './services/theme.service'
|
||||
import { ChangeDetectionStrategy, Component, Inject } from "@angular/core"
|
||||
import { ThemeService } from "./services/theme.service"
|
||||
|
||||
@Component({
|
||||
selector: 'app-root',
|
||||
templateUrl: './app.component.html',
|
||||
styleUrls: ['./app.component.scss'],
|
||||
selector: "app-root",
|
||||
templateUrl: "./app.component.html",
|
||||
styleUrls: ["./app.component.scss"],
|
||||
changeDetection: ChangeDetectionStrategy.OnPush,
|
||||
})
|
||||
export class AppComponent {
|
||||
constructor(
|
||||
@Inject(ThemeService) readonly themeService: ThemeService
|
||||
) { }
|
||||
constructor(@Inject(ThemeService) readonly themeService: ThemeService) {}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,19 +1,17 @@
|
|||
import { CommonModule } from '@angular/common'
|
||||
import { HttpClientModule } from '@angular/common/http'
|
||||
import { NgModule } from '@angular/core'
|
||||
import { FlexLayoutModule } from '@angular/flex-layout'
|
||||
import { MatButtonModule } from '@angular/material/button'
|
||||
import { MatIconModule } from '@angular/material/icon'
|
||||
import { MatToolbarModule } from '@angular/material/toolbar'
|
||||
import { BrowserModule } from '@angular/platform-browser'
|
||||
import { BrowserAnimationsModule } from '@angular/platform-browser/animations'
|
||||
import { AppRoutingModule } from './app-routing.module'
|
||||
import { AppComponent } from './app.component'
|
||||
import { CommonModule } from "@angular/common"
|
||||
import { HttpClientModule } from "@angular/common/http"
|
||||
import { NgModule } from "@angular/core"
|
||||
import { FlexLayoutModule } from "@angular/flex-layout"
|
||||
import { MatButtonModule } from "@angular/material/button"
|
||||
import { MatIconModule } from "@angular/material/icon"
|
||||
import { MatToolbarModule } from "@angular/material/toolbar"
|
||||
import { BrowserModule } from "@angular/platform-browser"
|
||||
import { BrowserAnimationsModule } from "@angular/platform-browser/animations"
|
||||
import { AppRoutingModule } from "./app-routing.module"
|
||||
import { AppComponent } from "./app.component"
|
||||
|
||||
@NgModule({
|
||||
declarations: [
|
||||
AppComponent
|
||||
],
|
||||
declarations: [AppComponent],
|
||||
imports: [
|
||||
AppRoutingModule,
|
||||
BrowserAnimationsModule,
|
||||
|
|
@ -26,6 +24,6 @@ import { AppComponent } from './app.component'
|
|||
MatToolbarModule,
|
||||
],
|
||||
providers: [],
|
||||
bootstrap: [AppComponent]
|
||||
bootstrap: [AppComponent],
|
||||
})
|
||||
export class AppModule { }
|
||||
export class AppModule {}
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
export enum Protocol {
|
||||
IPFS = 'ipfs',
|
||||
IPNS = 'ipns',
|
||||
IPFS = "ipfs",
|
||||
IPNS = "ipns",
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
export enum Theme {
|
||||
Light = 'theme-light',
|
||||
Dark = 'theme-dark',
|
||||
Light = "theme-light",
|
||||
Dark = "theme-dark",
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,15 +1,17 @@
|
|||
import { NgModule } from '@angular/core'
|
||||
import type { Routes } from '@angular/router'
|
||||
import { RouterModule } from '@angular/router'
|
||||
import { PagesComponent } from './pages.component'
|
||||
import { NgModule } from "@angular/core"
|
||||
import type { Routes } from "@angular/router"
|
||||
import { RouterModule } from "@angular/router"
|
||||
import { PagesComponent } from "./pages.component"
|
||||
|
||||
const routes: Routes = [{
|
||||
path: '',
|
||||
const routes: Routes = [
|
||||
{
|
||||
path: "",
|
||||
component: PagesComponent,
|
||||
}]
|
||||
},
|
||||
]
|
||||
|
||||
@NgModule({
|
||||
imports: [RouterModule.forChild(routes)],
|
||||
exports: [RouterModule]
|
||||
exports: [RouterModule],
|
||||
})
|
||||
export class PagesRoutingModule { }
|
||||
export class PagesRoutingModule {}
|
||||
|
|
|
|||
|
|
@ -1,42 +1,40 @@
|
|||
<div class="container" fxLayout="column" fxLayoutAlign="space-evenly center" fxLayoutGap="1em">
|
||||
|
||||
<!-- IPFS -->
|
||||
<form fxLayout="row" fxLayoutAlign="space-evenly center" fxLayoutGap="1em">
|
||||
|
||||
<!-- Hash -->
|
||||
<mat-form-field [color]="inputColour">
|
||||
<mat-label>IPFS</mat-label>
|
||||
<input name="ipfs" [(ngModel)]="ipfs" matInput>
|
||||
<input name="ipfs" [(ngModel)]="ipfs" matInput />
|
||||
</mat-form-field>
|
||||
|
||||
<!-- Cache -->
|
||||
<button (click)="cacheIPFS()" type="button" mat-flat-button color="primary">Cache</button>
|
||||
|
||||
</form>
|
||||
|
||||
<!-- IPNS -->
|
||||
<form fxLayout="row" fxLayoutAlign="space-evenly center" fxLayoutGap="1em">
|
||||
|
||||
<!-- Hash -->
|
||||
<mat-form-field [color]="inputColour">
|
||||
<mat-label>IPNS</mat-label>
|
||||
<input name="ipns" [(ngModel)]="ipns" matInput>
|
||||
<input name="ipns" [(ngModel)]="ipns" matInput />
|
||||
</mat-form-field>
|
||||
|
||||
<!-- Cache -->
|
||||
<button (click)="cacheIPNS()" type="button" mat-flat-button color="primary">Cache</button>
|
||||
|
||||
</form>
|
||||
|
||||
<mat-progress-bar [value]="dataSource.data.length / gateways.length * 100" *ngIf="subscriptions.length" mode="determinate"
|
||||
color="primary">
|
||||
<mat-progress-bar
|
||||
[value]="(dataSource.data.length / gateways.length) * 100"
|
||||
*ngIf="subscriptions.length"
|
||||
mode="determinate"
|
||||
color="primary"
|
||||
>
|
||||
</mat-progress-bar>
|
||||
|
||||
<table class="mat-elevation-z8" [dataSource]="dataSource" mat-table aria-label="List of IPFS gateways and their statuses.">
|
||||
|
||||
<!-- Result Column -->
|
||||
<ng-container matColumnDef="icon">
|
||||
<th mat-header-cell *matHeaderCellDef scope="col"> Status </th>
|
||||
<th mat-header-cell *matHeaderCellDef scope="col">Status</th>
|
||||
<td mat-cell *matCellDef="let element">
|
||||
<span [matTooltip]="element.message"> {{ element.icon }} </span>
|
||||
</td>
|
||||
|
|
@ -44,7 +42,7 @@
|
|||
|
||||
<!-- Gateway Column -->
|
||||
<ng-container matColumnDef="gateway">
|
||||
<th mat-header-cell *matHeaderCellDef scope="col"> Gateway </th>
|
||||
<th mat-header-cell *matHeaderCellDef scope="col">Gateway</th>
|
||||
<td mat-cell *matCellDef="let element">
|
||||
<div [ngSwitch]="element.ok">
|
||||
<div *ngSwitchCase="true">
|
||||
|
|
@ -64,24 +62,21 @@
|
|||
</ng-container>
|
||||
|
||||
<tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
|
||||
<tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
|
||||
<tr mat-row *matRowDef="let row; columns: displayedColumns"></tr>
|
||||
</table>
|
||||
|
||||
<!-- About -->
|
||||
<div fxLayout="column" fxLayoutAlign="space-evenly start" fxLayoutGap="1em">
|
||||
<h3>About</h3>
|
||||
<p>
|
||||
This allows you to cache a specific IPFS hash to a bunch of public gateways.
|
||||
It's inspired from <a class="link" href="https://github.com/ipfs/public-gateway-checker">github.com/ipfs/public-gateway-checker</a>.
|
||||
The source code is available at <a class="link"
|
||||
href="https://gitlab.com/NatoBoram/public-gateway-cacher">gitlab.com/NatoBoram/public-gateway-cacher</a>.
|
||||
This allows you to cache a specific IPFS hash to a bunch of public gateways. It's inspired from
|
||||
<a class="link" href="https://github.com/ipfs/public-gateway-checker">github.com/ipfs/public-gateway-checker</a>. The source code is
|
||||
available at <a class="link" href="https://gitlab.com/NatoBoram/public-gateway-cacher">gitlab.com/NatoBoram/public-gateway-cacher</a>.
|
||||
</p>
|
||||
<p>
|
||||
If you'd like to add a new public gateway,
|
||||
please go to <a class="link" href="https://github.com/ipfs/public-gateway-checker">github.com/ipfs/public-gateway-checker</a>,
|
||||
submit a pull request then open an issue <a class="link"
|
||||
href="https://gitlab.com/NatoBoram/public-gateway-cacher/issues/new">here</a>.
|
||||
If you'd like to add a new public gateway, please go to
|
||||
<a class="link" href="https://github.com/ipfs/public-gateway-checker">github.com/ipfs/public-gateway-checker</a>, submit a pull
|
||||
request then open an issue <a class="link" href="https://gitlab.com/NatoBoram/public-gateway-cacher/issues/new">here</a>.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,19 +1,20 @@
|
|||
import { HttpClientTestingModule } from '@angular/common/http/testing'
|
||||
import type { ComponentFixture } from '@angular/core/testing'
|
||||
import { TestBed, waitForAsync } from '@angular/core/testing'
|
||||
import { PagesComponent } from './pages.component'
|
||||
import { HttpClientTestingModule } from "@angular/common/http/testing"
|
||||
import type { ComponentFixture } from "@angular/core/testing"
|
||||
import { TestBed, waitForAsync } from "@angular/core/testing"
|
||||
import { PagesComponent } from "./pages.component"
|
||||
|
||||
describe('PagesComponent', (): void => {
|
||||
describe("PagesComponent", (): void => {
|
||||
let component: PagesComponent
|
||||
let fixture: ComponentFixture<PagesComponent>
|
||||
|
||||
beforeEach(waitForAsync((): void => {
|
||||
beforeEach(
|
||||
waitForAsync((): void => {
|
||||
void TestBed.configureTestingModule({
|
||||
imports: [HttpClientTestingModule],
|
||||
declarations: [PagesComponent]
|
||||
declarations: [PagesComponent],
|
||||
}).compileComponents()
|
||||
})
|
||||
.compileComponents()
|
||||
}))
|
||||
)
|
||||
|
||||
beforeEach((): void => {
|
||||
fixture = TestBed.createComponent(PagesComponent)
|
||||
|
|
@ -21,7 +22,7 @@ describe('PagesComponent', (): void => {
|
|||
fixture.detectChanges()
|
||||
})
|
||||
|
||||
it('should create', (): void => {
|
||||
it("should create", (): void => {
|
||||
void expect(component).toBeTruthy()
|
||||
})
|
||||
})
|
||||
|
|
|
|||
|
|
@ -1,33 +1,32 @@
|
|||
import type { HttpErrorResponse } from '@angular/common/http'
|
||||
import type { OnDestroy, OnInit } from '@angular/core'
|
||||
import { ChangeDetectionStrategy, Component, EventEmitter, Inject, ViewChild } from '@angular/core'
|
||||
import type { ThemePalette } from '@angular/material/core'
|
||||
import { MatTable, MatTableDataSource } from '@angular/material/table'
|
||||
import type { Subscription } from 'rxjs'
|
||||
import { takeUntil } from 'rxjs/operators'
|
||||
import { environment } from '../../environments/environment'
|
||||
import { Protocol } from '../enums/protocol.enum'
|
||||
import { Theme } from '../enums/theme.enum'
|
||||
import { GatewayService } from '../services/gateway.service'
|
||||
import { ThemeService } from '../services/theme.service'
|
||||
import { HttpErrorResponse } from "@angular/common/http"
|
||||
import type { OnDestroy, OnInit } from "@angular/core"
|
||||
import { ChangeDetectionStrategy, Component, EventEmitter, Inject, ViewChild } from "@angular/core"
|
||||
import type { ThemePalette } from "@angular/material/core"
|
||||
import { MatTable, MatTableDataSource } from "@angular/material/table"
|
||||
import type { Subscription } from "rxjs"
|
||||
import { takeUntil } from "rxjs/operators"
|
||||
import { environment } from "../../environments/environment"
|
||||
import { Protocol } from "../enums/protocol.enum"
|
||||
import { Theme } from "../enums/theme.enum"
|
||||
import { GatewayService } from "../services/gateway.service"
|
||||
import { ThemeService } from "../services/theme.service"
|
||||
|
||||
@Component({
|
||||
selector: 'app-pages',
|
||||
templateUrl: './pages.component.html',
|
||||
styleUrls: ['./pages.component.scss'],
|
||||
selector: "app-pages",
|
||||
templateUrl: "./pages.component.html",
|
||||
styleUrls: ["./pages.component.scss"],
|
||||
changeDetection: ChangeDetectionStrategy.OnPush,
|
||||
})
|
||||
export class PagesComponent implements OnInit, OnDestroy {
|
||||
|
||||
@ViewChild(MatTable) matTable!: MatTable<Result>
|
||||
|
||||
gateways!: string[]
|
||||
inputColour: ThemePalette = 'primary'
|
||||
ipfs = ''
|
||||
ipns = ''
|
||||
inputColour: ThemePalette = "primary"
|
||||
ipfs = ""
|
||||
ipns = ""
|
||||
|
||||
readonly dataSource = new MatTableDataSource<Result>([])
|
||||
readonly displayedColumns: ['icon', 'gateway'] = ['icon', 'gateway']
|
||||
readonly displayedColumns = ["icon", "gateway"]
|
||||
readonly subscriptions: Subscription[] = []
|
||||
|
||||
private readonly destroy$ = new EventEmitter<void>()
|
||||
|
|
@ -35,21 +34,25 @@ export class PagesComponent implements OnInit, OnDestroy {
|
|||
constructor(
|
||||
@Inject(GatewayService) private readonly gatewayService: GatewayService,
|
||||
@Inject(ThemeService) private readonly themeService: ThemeService
|
||||
) { }
|
||||
) {}
|
||||
|
||||
ngOnInit(): void {
|
||||
this.gatewayService.list().subscribe((gateways): void => { this.gateways = gateways })
|
||||
this.gatewayService
|
||||
.list()
|
||||
.pipe(takeUntil(this.destroy$))
|
||||
.subscribe((gateways): void => {
|
||||
this.gateways = gateways
|
||||
})
|
||||
|
||||
// Theme
|
||||
this.setColours(this.themeService.current)
|
||||
this.themeService.valueChanges.pipe(
|
||||
takeUntil(this.destroy$)
|
||||
).subscribe((theme): void => {
|
||||
this.themeService.valueChanges.pipe(takeUntil(this.destroy$)).subscribe((theme): void => {
|
||||
this.setColours(theme)
|
||||
})
|
||||
}
|
||||
|
||||
ngOnDestroy(): void {
|
||||
this.destroy$.next()
|
||||
this.destroy$.complete()
|
||||
}
|
||||
|
||||
|
|
@ -64,7 +67,6 @@ export class PagesComponent implements OnInit, OnDestroy {
|
|||
}
|
||||
|
||||
cache(protocol: Protocol, hashpath: string): void {
|
||||
|
||||
// Clear subscriptions
|
||||
while (this.subscriptions.length) {
|
||||
const sub = this.subscriptions.pop()
|
||||
|
|
@ -80,7 +82,11 @@ export class PagesComponent implements OnInit, OnDestroy {
|
|||
|
||||
this.gateways.forEach((gateway): void => {
|
||||
this.subscriptions.push(
|
||||
this.gatewayService.get(gateway, protocol, hashpath).subscribe((resp): void => {
|
||||
this.gatewayService
|
||||
.get(gateway, protocol, hashpath)
|
||||
.pipe(takeUntil(this.destroy$))
|
||||
.subscribe(
|
||||
(resp): void => {
|
||||
this.dataSource.data.push({
|
||||
gateway: this.gatewayService.url(gateway, protocol, hashpath),
|
||||
message: resp.statusText,
|
||||
|
|
@ -88,7 +94,10 @@ export class PagesComponent implements OnInit, OnDestroy {
|
|||
ok: resp.ok,
|
||||
})
|
||||
this.matTable.renderRows()
|
||||
}, (error: HttpErrorResponse): void => {
|
||||
},
|
||||
(error: unknown): void => {
|
||||
if (!(error instanceof HttpErrorResponse)) return
|
||||
|
||||
this.dataSource.data.push({
|
||||
gateway: this.gatewayService.url(gateway, protocol, hashpath),
|
||||
message: error.statusText,
|
||||
|
|
@ -96,7 +105,8 @@ export class PagesComponent implements OnInit, OnDestroy {
|
|||
ok: error.ok,
|
||||
})
|
||||
this.matTable.renderRows()
|
||||
})
|
||||
}
|
||||
)
|
||||
)
|
||||
})
|
||||
}
|
||||
|
|
@ -104,10 +114,10 @@ export class PagesComponent implements OnInit, OnDestroy {
|
|||
private setColours(theme: Theme): void {
|
||||
switch (theme) {
|
||||
case Theme.Light:
|
||||
this.inputColour = 'primary'
|
||||
this.inputColour = "primary"
|
||||
break
|
||||
case Theme.Dark:
|
||||
this.inputColour = 'accent'
|
||||
this.inputColour = "accent"
|
||||
break
|
||||
default:
|
||||
break
|
||||
|
|
@ -115,16 +125,22 @@ export class PagesComponent implements OnInit, OnDestroy {
|
|||
}
|
||||
|
||||
private getIcon(status: number): string {
|
||||
if (status >= 200 && status < 300) { return '✅' }
|
||||
if (status >= 200 && status < 300) {
|
||||
return "✅"
|
||||
}
|
||||
switch (status) {
|
||||
case 0: return '❌'
|
||||
case 403: return '⛔'
|
||||
case 404: return '❓'
|
||||
case 500: return '❗'
|
||||
default: return environment.production ? '❌' : '❔'
|
||||
case 0:
|
||||
return "❌"
|
||||
case 403:
|
||||
return "⛔"
|
||||
case 404:
|
||||
return "❓"
|
||||
case 500:
|
||||
return "❗"
|
||||
default:
|
||||
return environment.production ? "❌" : "❔"
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
interface Result {
|
||||
|
|
|
|||
|
|
@ -1,15 +1,15 @@
|
|||
import { CommonModule } from '@angular/common'
|
||||
import { NgModule } from '@angular/core'
|
||||
import { FlexLayoutModule } from '@angular/flex-layout'
|
||||
import { FormsModule } from '@angular/forms'
|
||||
import { MatButtonModule } from '@angular/material/button'
|
||||
import { MatInputModule } from '@angular/material/input'
|
||||
import { MatProgressBarModule } from '@angular/material/progress-bar'
|
||||
import { MatSortModule } from '@angular/material/sort'
|
||||
import { MatTableModule } from '@angular/material/table'
|
||||
import { MatTooltipModule } from '@angular/material/tooltip'
|
||||
import { PagesRoutingModule } from './pages-routing.module'
|
||||
import { PagesComponent } from './pages.component'
|
||||
import { CommonModule } from "@angular/common"
|
||||
import { NgModule } from "@angular/core"
|
||||
import { FlexLayoutModule } from "@angular/flex-layout"
|
||||
import { FormsModule } from "@angular/forms"
|
||||
import { MatButtonModule } from "@angular/material/button"
|
||||
import { MatInputModule } from "@angular/material/input"
|
||||
import { MatProgressBarModule } from "@angular/material/progress-bar"
|
||||
import { MatSortModule } from "@angular/material/sort"
|
||||
import { MatTableModule } from "@angular/material/table"
|
||||
import { MatTooltipModule } from "@angular/material/tooltip"
|
||||
import { PagesRoutingModule } from "./pages-routing.module"
|
||||
import { PagesComponent } from "./pages.component"
|
||||
|
||||
@NgModule({
|
||||
declarations: [PagesComponent],
|
||||
|
|
@ -24,6 +24,6 @@ import { PagesComponent } from './pages.component'
|
|||
MatTableModule,
|
||||
MatTooltipModule,
|
||||
PagesRoutingModule,
|
||||
]
|
||||
],
|
||||
})
|
||||
export class PagesModule { }
|
||||
export class PagesModule {}
|
||||
|
|
|
|||
|
|
@ -1,14 +1,17 @@
|
|||
import { HttpClientTestingModule } from '@angular/common/http/testing'
|
||||
import type { TestBedStatic } from '@angular/core/testing'
|
||||
import { TestBed } from '@angular/core/testing'
|
||||
import { GatewayService } from './gateway.service'
|
||||
import { HttpClientTestingModule } from "@angular/common/http/testing"
|
||||
import type { TestBedStatic } from "@angular/core/testing"
|
||||
import { TestBed } from "@angular/core/testing"
|
||||
import { GatewayService } from "./gateway.service"
|
||||
|
||||
describe('GatewayService', (): void => {
|
||||
beforeEach((): TestBedStatic => TestBed.configureTestingModule({
|
||||
imports: [HttpClientTestingModule]
|
||||
}))
|
||||
describe("GatewayService", (): void => {
|
||||
beforeEach(
|
||||
(): TestBedStatic =>
|
||||
TestBed.configureTestingModule({
|
||||
imports: [HttpClientTestingModule],
|
||||
})
|
||||
)
|
||||
|
||||
it('should be created', (): void => {
|
||||
it("should be created", (): void => {
|
||||
const service: GatewayService = TestBed.inject(GatewayService)
|
||||
void expect(service).toBeTruthy()
|
||||
})
|
||||
|
|
|
|||
|
|
@ -1,38 +1,34 @@
|
|||
import type { HttpResponse } from '@angular/common/http'
|
||||
import { HttpClient } from '@angular/common/http'
|
||||
import { Inject, Injectable } from '@angular/core'
|
||||
import type { Observable } from 'rxjs'
|
||||
import { environment } from '../../environments/environment'
|
||||
import type { Protocol } from '../enums/protocol.enum'
|
||||
import type { HttpResponse } from "@angular/common/http"
|
||||
import { HttpClient } from "@angular/common/http"
|
||||
import { Inject, Injectable } from "@angular/core"
|
||||
import type { Observable } from "rxjs"
|
||||
import { environment } from "../../environments/environment"
|
||||
import type { Protocol } from "../enums/protocol.enum"
|
||||
|
||||
@Injectable({
|
||||
providedIn: 'root'
|
||||
providedIn: "root",
|
||||
})
|
||||
export class GatewayService {
|
||||
|
||||
constructor(
|
||||
@Inject(HttpClient) private readonly http: HttpClient
|
||||
) { }
|
||||
constructor(@Inject(HttpClient) private readonly http: HttpClient) {}
|
||||
|
||||
list(): Observable<string[]> {
|
||||
return this.http.get<string[]>(
|
||||
environment.base_href && environment.base_href !== '/'
|
||||
environment.base_href && environment.base_href !== "/"
|
||||
? `${environment.base_href}/assets/json/gateways.json`
|
||||
: `${document.querySelector('base')?.href ?? ''}assets/json/gateways.json`
|
||||
: `${document.querySelector("base")?.href ?? ""}assets/json/gateways.json`
|
||||
)
|
||||
}
|
||||
|
||||
get(gateway: string, protocol: Protocol, hashpath: string): Observable<HttpResponse<string>> {
|
||||
return this.http.get(`${this.url(gateway, protocol, hashpath)}#x-ipfs-companion-no-redirect`, {
|
||||
observe: 'response',
|
||||
responseType: 'text',
|
||||
observe: "response",
|
||||
responseType: "text",
|
||||
})
|
||||
}
|
||||
|
||||
url(gateway: string, protocol: Protocol, hashpath: string): string {
|
||||
const splits: string[] = hashpath.split('/')
|
||||
const url: string = gateway.replace(':type', protocol).replace(':hash', splits.shift() ?? '')
|
||||
return splits.length ? [url, splits.join('/')].join('/') : url
|
||||
const splits: string[] = hashpath.split("/")
|
||||
const url: string = gateway.replace(":type", protocol).replace(":hash", splits.shift() ?? "")
|
||||
return splits.length ? [url, splits.join("/")].join("/") : url
|
||||
}
|
||||
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
import { TestBed } from '@angular/core/testing'
|
||||
import { ThemeService } from './theme.service'
|
||||
import { TestBed } from "@angular/core/testing"
|
||||
import { ThemeService } from "./theme.service"
|
||||
|
||||
describe('ThemeService', (): void => {
|
||||
describe("ThemeService", (): void => {
|
||||
let service: ThemeService
|
||||
|
||||
beforeEach((): void => {
|
||||
|
|
@ -9,7 +9,7 @@ describe('ThemeService', (): void => {
|
|||
service = TestBed.inject(ThemeService)
|
||||
})
|
||||
|
||||
it('should be created', (): void => {
|
||||
it("should be created", (): void => {
|
||||
void expect(service).toBeTruthy()
|
||||
})
|
||||
})
|
||||
|
|
|
|||
|
|
@ -1,25 +1,24 @@
|
|||
import { Injectable } from '@angular/core'
|
||||
import type { Observable } from 'rxjs'
|
||||
import { Subject } from 'rxjs'
|
||||
import { Theme } from '../enums/theme.enum'
|
||||
import { Injectable } from "@angular/core"
|
||||
import type { Observable } from "rxjs"
|
||||
import { Subject } from "rxjs"
|
||||
import { Theme } from "../enums/theme.enum"
|
||||
|
||||
function enumGuard<T>(enumeration: T): (token: unknown) => token is T[keyof T] {
|
||||
return (token: unknown): token is T[keyof T] => Object.values(enumeration).includes(token)
|
||||
}
|
||||
|
||||
@Injectable({
|
||||
providedIn: 'root'
|
||||
providedIn: "root",
|
||||
})
|
||||
export class ThemeService {
|
||||
|
||||
current = Theme.Light
|
||||
icon = 'brightness_low'
|
||||
icon = "brightness_low"
|
||||
readonly valueChanges: Observable<Theme>
|
||||
|
||||
private readonly subject$ = new Subject<Theme>()
|
||||
|
||||
constructor() {
|
||||
const stored = localStorage.getItem('theme')
|
||||
const stored = localStorage.getItem("theme")
|
||||
if (enumGuard(Theme)(stored)) {
|
||||
this.setTheme(stored)
|
||||
}
|
||||
|
|
@ -32,19 +31,21 @@ export class ThemeService {
|
|||
}
|
||||
|
||||
setTheme(theme: Theme): void {
|
||||
document.querySelector('body')?.classList.remove(this.current)
|
||||
document.querySelector('body')?.classList.add(theme)
|
||||
document.querySelector("body")?.classList.remove(this.current)
|
||||
document.querySelector("body")?.classList.add(theme)
|
||||
this.current = theme
|
||||
this.icon = this.getIcon(theme)
|
||||
this.subject$.next(theme)
|
||||
localStorage.setItem('theme', theme)
|
||||
localStorage.setItem("theme", theme)
|
||||
}
|
||||
|
||||
getIcon(theme: Theme): string {
|
||||
switch (theme) {
|
||||
case Theme.Dark: return 'brightness_high'
|
||||
case Theme.Dark:
|
||||
return "brightness_high"
|
||||
case Theme.Light:
|
||||
default: return 'brightness_low'
|
||||
default:
|
||||
return "brightness_low"
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
import type { Environment } from '../app/interfaces/environment'
|
||||
import type { Environment } from "../app/interfaces/environment"
|
||||
|
||||
export const environment: Environment = {
|
||||
production: true,
|
||||
base_href: '/public-gateway-cacher',
|
||||
base_href: "/public-gateway-cacher",
|
||||
useHash: false,
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
import type { Environment } from '../app/interfaces/environment'
|
||||
import type { Environment } from "../app/interfaces/environment"
|
||||
|
||||
export const environment: Environment = {
|
||||
production: true,
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
import type { Environment } from '../app/interfaces/environment'
|
||||
import type { Environment } from "../app/interfaces/environment"
|
||||
|
||||
export const environment: Environment = {
|
||||
production: true,
|
||||
base_href: '/',
|
||||
base_href: "/",
|
||||
useHash: false,
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
import type { Environment } from '../app/interfaces/environment'
|
||||
import type { Environment } from "../app/interfaces/environment"
|
||||
|
||||
// This file can be replaced during build by using the `fileReplacements` array.
|
||||
// `ng build --prod` replaces `environment.ts` with `environment.prod.ts`.
|
||||
|
|
@ -6,7 +6,7 @@ import type { Environment } from '../app/interfaces/environment'
|
|||
|
||||
export const environment: Environment = {
|
||||
production: false,
|
||||
base_href: '/',
|
||||
base_href: "/",
|
||||
useHash: false,
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -1,26 +1,23 @@
|
|||
<!doctype html>
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>Public Gateway Cacher</title>
|
||||
|
||||
<!-- IPFS -->
|
||||
<script>
|
||||
if (document.getElementsByTagName('base').length === 0) document.write('<base href="' + window.location.pathname + '"/>');
|
||||
if (document.getElementsByTagName("base").length === 0) document.write('<base href="' + window.location.pathname + '"/>')
|
||||
</script>
|
||||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="icon" type="image/x-icon" href="favicon.png">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<link rel="icon" type="image/x-icon" href="favicon.png" />
|
||||
|
||||
<!-- Material -->
|
||||
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500&display=swap" rel="stylesheet">
|
||||
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
|
||||
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500&display=swap" rel="stylesheet" />
|
||||
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" />
|
||||
</head>
|
||||
|
||||
</head>
|
||||
|
||||
<body class="mat-app-background theme-light">
|
||||
<body class="mat-app-background theme-light">
|
||||
<app-root></app-root>
|
||||
</body>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
11
src/main.ts
11
src/main.ts
|
|
@ -1,11 +1,12 @@
|
|||
import { enableProdMode } from '@angular/core'
|
||||
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'
|
||||
import { AppModule } from './app/app.module'
|
||||
import { environment } from './environments/environment'
|
||||
import { enableProdMode } from "@angular/core"
|
||||
import { platformBrowserDynamic } from "@angular/platform-browser-dynamic"
|
||||
import { AppModule } from "./app/app.module"
|
||||
import { environment } from "./environments/environment"
|
||||
|
||||
if (environment.production) {
|
||||
enableProdMode()
|
||||
}
|
||||
|
||||
platformBrowserDynamic().bootstrapModule(AppModule)
|
||||
platformBrowserDynamic()
|
||||
.bootstrapModule(AppModule)
|
||||
.catch((err): void => console.error(err))
|
||||
|
|
|
|||
|
|
@ -45,7 +45,7 @@
|
|||
/***************************************************************************************************
|
||||
* Zone JS is required by default for Angular itself.
|
||||
*/
|
||||
import 'zone.js' // Included with Angular CLI.
|
||||
import "zone.js" // Included with Angular CLI.
|
||||
|
||||
/***************************************************************************************************
|
||||
* APPLICATION IMPORTS
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
// Custom Theming for Angular Material
|
||||
@use '@angular/material'as mat;
|
||||
@use "@angular/material" as mat;
|
||||
// For more information: https://material.angular.io/guide/theming
|
||||
// Plus imports for other components in your app.
|
||||
|
||||
|
|
@ -25,7 +25,7 @@
|
|||
// // that you are using.
|
||||
// @include angular-material-theme($public-gateway-cacher-theme);
|
||||
|
||||
@import 'styles/ipfs-themes.scss';
|
||||
@import "styles/ipfs-themes.scss";
|
||||
|
||||
.theme-light {
|
||||
@include mat.all-component-themes($ipfs-light-theme);
|
||||
|
|
@ -47,5 +47,5 @@ body {
|
|||
font-family: Roboto, "Helvetica Neue", sans-serif;
|
||||
}
|
||||
|
||||
@import '~bootstrap/scss/bootstrap-grid.scss';
|
||||
@import '~ipfs-css/theme.scss';
|
||||
@import "~bootstrap/scss/bootstrap-grid.scss";
|
||||
@import "~ipfs-css/theme.scss";
|
||||
|
|
|
|||
|
|
@ -1,25 +1,34 @@
|
|||
@import "@angular/material/core/theming/palette";
|
||||
|
||||
$ipfs-colour-navy: (default: #0B3A53,
|
||||
$ipfs-colour-navy: (
|
||||
default: #0b3a53,
|
||||
lighter: #3e6480,
|
||||
darker: #00142a,
|
||||
contrast: (default: $light-primary-text,
|
||||
contrast: (
|
||||
default: $light-primary-text,
|
||||
lighter: $light-primary-text,
|
||||
darker: $light-primary-text,
|
||||
));
|
||||
),
|
||||
);
|
||||
|
||||
$ipfs-colour-aqua: (default: #69c5cd,
|
||||
$ipfs-colour-aqua: (
|
||||
default: #69c5cd,
|
||||
lighter: #9df8ff,
|
||||
darker: #32949c,
|
||||
contrast: (default: $dark-primary-text,
|
||||
contrast: (
|
||||
default: $dark-primary-text,
|
||||
lighter: $dark-primary-text,
|
||||
darker: $dark-primary-text,
|
||||
));
|
||||
),
|
||||
);
|
||||
|
||||
$ipfs-colour-yellow: (default: #f39021,
|
||||
$ipfs-colour-yellow: (
|
||||
default: #f39021,
|
||||
lighter: #ffc155,
|
||||
darker: #bb6200,
|
||||
contrast: (default: $dark-primary-text,
|
||||
contrast: (
|
||||
default: $dark-primary-text,
|
||||
lighter: $dark-primary-text,
|
||||
darker: $dark-primary-text,
|
||||
));
|
||||
),
|
||||
);
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
@use '@angular/material'as mat;
|
||||
@import 'ipfs-colours.scss';
|
||||
@use "@angular/material" as mat;
|
||||
@import "ipfs-colours.scss";
|
||||
|
||||
$ipfs-primary: mat.define-palette($ipfs-colour-navy, 'default', 'lighter', 'darker');
|
||||
$ipfs-accent: mat.define-palette($ipfs-colour-aqua, 'default', 'lighter', 'darker');
|
||||
$ipfs-warn: mat.define-palette($ipfs-colour-yellow, 'default', 'lighter', 'darker');
|
||||
$ipfs-primary: mat.define-palette($ipfs-colour-navy, "default", "lighter", "darker");
|
||||
$ipfs-accent: mat.define-palette($ipfs-colour-aqua, "default", "lighter", "darker");
|
||||
$ipfs-warn: mat.define-palette($ipfs-colour-yellow, "default", "lighter", "darker");
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
@use '@angular/material'as mat;
|
||||
@import 'ipfs-palettes.scss';
|
||||
@use "@angular/material" as mat;
|
||||
@import "ipfs-palettes.scss";
|
||||
|
||||
$ipfs-light-theme: mat.define-light-theme($ipfs-primary, $ipfs-accent, $ipfs-warn);
|
||||
$ipfs-dark-theme: mat.define-dark-theme($ipfs-primary, $ipfs-accent, $ipfs-warn);
|
||||
|
|
|
|||
14
src/test.ts
14
src/test.ts
|
|
@ -1,20 +1,16 @@
|
|||
// This file is required by karma.conf.js and loads recursively all the .spec and framework files
|
||||
import 'zone.js/testing'
|
||||
import "zone.js/testing"
|
||||
|
||||
import { getTestBed } from '@angular/core/testing'
|
||||
import { BrowserDynamicTestingModule, platformBrowserDynamicTesting } from '@angular/platform-browser-dynamic/testing'
|
||||
import { getTestBed } from "@angular/core/testing"
|
||||
import { BrowserDynamicTestingModule, platformBrowserDynamicTesting } from "@angular/platform-browser-dynamic/testing"
|
||||
|
||||
declare const require: any
|
||||
|
||||
// First, initialize the Angular testing environment.
|
||||
getTestBed().initTestEnvironment(
|
||||
BrowserDynamicTestingModule,
|
||||
platformBrowserDynamicTesting(),
|
||||
{ teardown: { destroyAfterEach: false } }
|
||||
)
|
||||
getTestBed().initTestEnvironment(BrowserDynamicTestingModule, platformBrowserDynamicTesting(), { teardown: { destroyAfterEach: false } })
|
||||
|
||||
// Then we find all the tests.
|
||||
const context = require.context('./', true, /\.spec\.ts$/)
|
||||
const context = require.context("./", true, /\.spec\.ts$/)
|
||||
|
||||
// And load the modules.
|
||||
context.keys().map(context)
|
||||
|
|
|
|||
|
|
@ -5,11 +5,6 @@
|
|||
"outDir": "./out-tsc/app",
|
||||
"types": []
|
||||
},
|
||||
"files": [
|
||||
"src/main.ts",
|
||||
"src/polyfills.ts"
|
||||
],
|
||||
"include": [
|
||||
"src/**/*.d.ts"
|
||||
]
|
||||
"files": ["src/main.ts", "src/polyfills.ts"],
|
||||
"include": ["src/**/*.d.ts"]
|
||||
}
|
||||
|
|
|
|||
|
|
@ -30,10 +30,7 @@
|
|||
"importHelpers": true,
|
||||
"target": "ESNext",
|
||||
"module": "ESNext",
|
||||
"lib": [
|
||||
"ESNext",
|
||||
"DOM"
|
||||
]
|
||||
"lib": ["ESNext", "DOM"]
|
||||
},
|
||||
"angularCompilerOptions": {
|
||||
"fullTemplateTypeCheck": true,
|
||||
|
|
|
|||
|
|
@ -3,16 +3,8 @@
|
|||
"extends": "./tsconfig.json",
|
||||
"compilerOptions": {
|
||||
"outDir": "./out-tsc/spec",
|
||||
"types": [
|
||||
"jasmine"
|
||||
]
|
||||
"types": ["jasmine"]
|
||||
},
|
||||
"files": [
|
||||
"src/test.ts",
|
||||
"src/polyfills.ts"
|
||||
],
|
||||
"include": [
|
||||
"src/**/*.spec.ts",
|
||||
"src/**/*.d.ts"
|
||||
]
|
||||
"files": ["src/test.ts", "src/polyfills.ts"],
|
||||
"include": ["src/**/*.spec.ts", "src/**/*.d.ts"]
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue