`
})
export class Status {
@Input('cory-pkg') pkg: any;
tooltipPosition: string = 'above'
i18n: any
constructor(
protected locale: LocaleService,
) {
this.locale.subscribe((subject: LocaleSubject) => {
this.i18n = subject.locale.data
});
}
} src/angular/layout/ 0000775 0000000 0000000 00000000000 15164054264 0014622 5 ustar 00root root 0000000 0000000 src/angular/layout/cory-layout.html 0000664 0000000 0000000 00000011555 15164054264 0020006 0 ustar 00root root 0000000 0000000
v{{ packageJson.version }}
{{ packageJson.corifeus.stargazers_count }}
Built on Angular v{{packageJson.corifeus.angular}}
{{ this.settings.github.repoNames }}
{{ parent.packageJson.corifeus.type }}
{{ parent.packageJson.corifeus.code }}
{{ i18n.opencollective.contributors}}
{{ i18n.opencollective.contributorsMessage }}
{{ i18n.opencollective.backers}}
{{ i18n.opencollective.sponsors}}
`
})
export class OpenCollective implements AfterContentChecked{
public pkg: any;
public twemojiPraise: SafeHtml;
i18n: any
constructor(
@Host() public parent: Layout,
public sanitize: DomSanitizer,
protected locale: LocaleService,
) {
this.twemojiPraise = sanitize.bypassSecurityTrustHtml(twemoji.parse('🙏', {
folder: 'svg',
ext: '.svg',
}))
this.locale.subscribe((subject: LocaleSubject) => {
this.i18n = subject.locale.data.pages
});
}
ngAfterContentChecked() {
this.pkg = this.parent.packageJson;
}
}
src/angular/modules/cory-page.ts 0000664 0000000 0000000 00000010071 15164054264 0017212 0 ustar 00root root 0000000 0000000 import {
Component,
Host,
NgZone,
AfterViewChecked,
} from '@angular/core';
import {
ActivatedRoute,
NavigationStart,
NavigationEnd,
} from '@angular/router';
import { HttpClient } from '@angular/common/http';
import { RouterService } from 'corifeus-web';
import { Layout } from '../layout/cory-layout';
import { CdnService, MarkdownService } from '../service';
import { SettingsService, LocaleService } from 'corifeus-web';
import { State } from 'corifeus-web';
import {
NotifyService
} from 'corifeus-web-material';
let testing = false
@Component({
selector: 'cory-page',
template: `
`
})
export class Page implements AfterViewChecked{
loaded: boolean = false;
content: any;
constructor(
@Host() public parent: Layout,
private markdown: MarkdownService,
private cdn: CdnService,
private router: RouterService,
private activatedRoute: ActivatedRoute,
public http: HttpClient,
private settings: SettingsService,
private zone: NgZone,
protected notify: NotifyService,
protected locale: LocaleService,
) {
this.markdown.context = this;
let currentUrlPathTimeout : any;
let usingActivatedUrl = true;
this.router.events.subscribe(event => {
if(event instanceof NavigationStart) {
usingActivatedUrl = false;
const urlPath = event.url.substr(1)
clearTimeout(currentUrlPathTimeout);
currentUrlPathTimeout = setTimeout(() => {
// console.log('router', urlPath, 'usingActivatedUrl', usingActivatedUrl);
if (usingActivatedUrl === false) {
usingActivatedUrl = true;
// console.log('have to navigate', urlPath)
this.navigate()
}
}, 250)
}
})
this.activatedRoute.url.subscribe((segment) => {
usingActivatedUrl = true;
const path = segment.join('/');
// console.log('update activated route', path)
this.navigate(path);
})
}
async navigate(path? : string) {
if (path === undefined || path === '') {
path = `index.html`;
};
try {
State.NotFound = false;
window.corifeus.core.http.status = 200;
let text = await this.cdn.file(this.parent.currentRepo, path);
if (path.toLowerCase().endsWith('.json')) {
text = `
\`\`\`json
${text}
\`\`\`
`
} else if (path.toLowerCase().endsWith('.yml')) {
text = `
\`\`\`yaml
${text}
\`\`\`
`
}
this.content = this.markdown.render(text, this.parent);
} catch(e) {
//this.router.navigateTop(['/github/corifeus/404']);
State.NotFound = true;
window.corifeus.core.http.status = 404;
this.content = `
404
${this.locale.data.material.http['404']}
`
console.error(e);
} finally {
if (!testing) {
testing = true;
this.notify.info(this.parent.i18n.title.ready);
}
}
}
ngAfterViewChecked() {
// const e = document.querySelector(`${decodeURI(location.hash)}-parent`);
const e = document.querySelector(`${location.hash}-parent`);
if (!this.loaded && e) {
this.loaded = true;
e.scrollIntoView({
block: "center",
})
}
}
}
src/angular/modules/index.ts 0000664 0000000 0000000 00000000105 15164054264 0016430 0 ustar 00root root 0000000 0000000 export * from "./cory-page";
export * from "./cory-open-collective";
src/angular/packages.ts 0000664 0000000 0000000 00000000451 15164054264 0015433 0 ustar 00root root 0000000 0000000 if (process.env.ENV === 'production') {
// Production
} else {
// Development
require('corifeus-web');
require('corifeus-web-material/src/bundle');
require('corifeus-web-material');
require('highlight.js/lib/highlight.js');
require('marked')
require('twemoji')
}
src/angular/polyfills.ts 0000664 0000000 0000000 00000000045 15164054264 0015671 0 ustar 00root root 0000000 0000000 import 'corifeus-web/src/polyfills';
src/angular/routes/ 0000775 0000000 0000000 00000000000 15164054264 0014626 5 ustar 00root root 0000000 0000000 src/angular/routes/index.ts 0000664 0000000 0000000 00000001642 15164054264 0016310 0 ustar 00root root 0000000 0000000 import { Routes } from '@angular/router';
import { Layout } from '../layout';
import { Page } from '../modules/cory-page';
import { OpenCollective } from '../modules/cory-open-collective';
import { Http404 } from 'corifeus-web-material';
export const routes: Routes = [
{
path: 'github/:repo',
component: Layout,
children: [
{
path: '404',
component: Http404
},
{
path: 'open-collective',
component: OpenCollective
},
{
path: '**',
component: Page
}
]
},
{
path: '',
//fixme AOT dynamic route
redirectTo: `/github/corifeus`,
// redirectTo: `/github/${settings.github.defaultRepo}`,
pathMatch: 'full'
},
{
path: ':repo',
redirectTo: '/github/:repo'
},
]; src/angular/service/ 0000775 0000000 0000000 00000000000 15164054264 0014745 5 ustar 00root root 0000000 0000000 src/angular/service/cdn.ts 0000664 0000000 0000000 00000002100 15164054264 0016052 0 ustar 00root root 0000000 0000000 import {Injectable} from '@angular/core';
import {HttpClient} from '@angular/common/http';
import {SettingsService} from 'corifeus-web';
const cache: any = {};
@Injectable()
export class CdnService {
private settings: any;
constructor(private http: HttpClient,
private settingsAll: SettingsService) {
this.settings = settingsAll.data.pages;
}
async file(repo: string, path: string) {
const postfix = '.html';
const index = `index${postfix}`;
if (path.endsWith(index)) {
path = path.substr(0, path.length - index.length) + 'README.md';
}
if (path.endsWith(postfix)) {
path = path.substr(0, path.length - postfix.length) + '.md';
}
const url = `https://cdn.corifeus.com/git/${repo}/${path}`;
if (cache[url] === undefined) {
try {
cache[url] = await this.http.get(url, {responseType: 'text'}).toPromise();
} catch (e) {
console.error(e);
}
}
return cache[url];
}
} src/angular/service/index.ts 0000664 0000000 0000000 00000000123 15164054264 0016420 0 ustar 00root root 0000000 0000000 export { CdnService } from "./cdn";
export {MarkdownService } from "./markdown";
src/angular/service/markdown.ts 0000664 0000000 0000000 00000016334 15164054264 0017146 0 ustar 00root root 0000000 0000000 import { Injectable } from '@angular/core';
const hljs = require('highlight.js/lib/highlight.js');
hljs.registerLanguage('xml', require('highlight.js/lib/languages/xml.js'));
hljs.registerLanguage('css', require('highlight.js/lib/languages/css.js'));
hljs.registerLanguage('scss', require('highlight.js/lib/languages/scss.js'));
hljs.registerLanguage('yaml', require('highlight.js/lib/languages/yaml.js'));
hljs.registerLanguage('powershell', require('highlight.js/lib/languages/powershell.js'));
hljs.registerLanguage('javascript', require('highlight.js/lib/languages/javascript.js'));
hljs.registerLanguage('js', require('highlight.js/lib/languages/javascript.js'));
hljs.registerLanguage('json', require('highlight.js/lib/languages/json.js'));
hljs.registerLanguage('bash', require('highlight.js/lib/languages/shell.js'));
hljs.registerLanguage('typescript', require('highlight.js/lib/languages/typescript.js'));
hljs.registerLanguage('ts', require('highlight.js/lib/languages/typescript.js'));
import * as marked from 'marked';
import { kebabCase } from 'lodash';
import { Layout } from '../layout/cory-layout';
import { htmlStrip} from "../utils/html-strip";
import { IsBot } from 'corifeus-web';
const twemoji = require('twemoji').default;
@Injectable()
export class MarkdownService {
markdownRenderer: any = new marked.Renderer();
public context : any;
layout: Layout;
constructor( ) {
this.markdownRenderer.heading = (text: string, level: number, raw: string) => {
// console.log('text', text,)
// console.log('raw', raw)
const ref = kebabCase(htmlStrip(raw)).replace(/[^\x00-\xFF]/g, "");
// console.log('ref', ref)
const id = `${ref}-parent`;
//console.log(ref);
let navClick = ''
if (!IsBot()) {
navClick = `onclick="return window.coryAppWebPagesNavigateHash('${id}');"`;
}
let element = `${highlighted}${highlighted}`;
}
}
private extract(template: string, area: string) : string {
// [//]: #@corifeus-header
// [//]: #corifeus-header:end
// [//]: #@corifeus-footer
// [//]: #@corifeus-footer:end
const start = `[//]: #@${area}`;
const end = `[//]: #@${area}:end`;
const startIndex = template.indexOf(start);
const endIndex = template.indexOf(end);
let result : string = template.substring(0, startIndex);
result += template.substring(endIndex);
return result;
}
public render(md: string, layout: Layout ) {
this.layout = layout;
md = twemoji.parse(md, {
folder: 'svg',
ext: '.svg',
})
md = this.extract(md, 'corifeus-header');
md = this.extract(md, 'corifeus-footer');
let html = marked(md, {
renderer: this.markdownRenderer
});
html = html.replace(/{/g, '{').replace(/}/g, '}');
html = html.replace(/&/g, '&');
return html;
}
} src/angular/utils/ 0000775 0000000 0000000 00000000000 15164054264 0014445 5 ustar 00root root 0000000 0000000 src/angular/utils/extrac-title.ts 0000664 0000000 0000000 00000003321 15164054264 0017421 0 ustar 00root root 0000000 0000000 const cache = {
};
export function extractTitle(pkg: any) : string {
if (pkg === undefined) {
return '';
}
if (pkg.name === undefined) {
return '';
}
if (cache.hasOwnProperty(pkg.name)) {
return cache[pkg.name];
}
if (pkg.name === 'corifeus' ) {
cache[pkg.name] = 'Corifeus';
return cache[pkg.name];
}
if (pkg.name.startsWith('grunt')) {
let result = pkg.name.split('-').map((word: string) => {
return word[0].toUpperCase() + word.substr(1)
});
result = result.slice();
result.splice(1, 1);
cache[pkg.name] = result.join(' ');
return cache[pkg.name];
} else {
let result : string = pkg.name.split('-').map((word: string) => {
return word[0].toUpperCase() + word.substr(1)
}).slice(1).join(' ');
if (result !== undefined && result.startsWith('Openwrt')) {
result = result.replace('Openwrt', 'OpenWrt')
}
result = result.split(' ').map((elem: string) => {
if (elem.length === 2) {
elem = elem.toUpperCase()
} else if (elem.toLowerCase() === 'pdf') {
elem = elem.toUpperCase()
} else if (elem.endsWith('db')) {
elem = elem.substr(0, elem.length - 2) + 'DB'
}
return elem
}).join(' ')
cache[pkg.name] = result;
return cache[pkg.name];
}
}
export function extractTitleWithStars(pkg: any) : string {
let title = extractTitle(pkg);
if (pkg !== undefined && pkg !== null && pkg.corifeus.stargazers_count < 1) {
return title
}
return `${title} ⭐${pkg.corifeus.stargazers_count}`;
}
src/angular/utils/html-strip.ts 0000664 0000000 0000000 00000000262 15164054264 0017120 0 ustar 00root root 0000000 0000000 export function htmlStrip(html: string) : string {
const tmp = document.createElement("DIV");
tmp.innerHTML = html;
return tmp.textContent || tmp.innerText || "";
}
src/angular/utils/is-mobile.ts 0000664 0000000 0000000 00000000171 15164054264 0016674 0 ustar 00root root 0000000 0000000
export function isMobile() {
try{ document.createEvent("TouchEvent"); return true; }
catch(e){ return false; }
} src/assets/ 0000775 0000000 0000000 00000000000 15164054264 0013156 5 ustar 00root root 0000000 0000000 src/assets/_settings.scss 0000664 0000000 0000000 00000000613 15164054264 0016052 0 ustar 00root root 0000000 0000000 $cory-layout-settings-debounce-default: 250;
$cory-layout-settings-defaultDomain: "pages.corifeus.com";
$cory-layout-settings-p3x-git-url: "https://server.patrikx3.com/api/patrikx3/git/repos";
$cory-layout-settings-p3x-git-url-test: "https://localhost:23501/api/patrikx3/git/repos";
$cory-layout-settings-github-defaultRepo: "corifeus";
$cory-layout-settings-github-repoNames: "corifeus";
src/assets/_variables.scss 0000664 0000000 0000000 00000000210 15164054264 0016153 0 ustar 00root root 0000000 0000000 $cory-layout-fixed-zindex: 0;
$cory-layout-fixed-height: 85px;
$cory-layout-fixed-height-collapsed: 45px;
$cory-layout-padding: 20px;
src/assets/jetbrains-logo.svg 0000664 0000000 0000000 00000007307 15164054264 0016625 0 ustar 00root root 0000000 0000000
src/assets/npm-logo.svg 0000664 0000000 0000000 00000001157 15164054264 0015433 0 ustar 00root root 0000000 0000000
src/assets/style.scss 0000664 0000000 0000000 00000007726 15164054264 0015227 0 ustar 00root root 0000000 0000000 @import "_variables";
@import 'corifeus-web-material/src/scss/all';
@import '@angular/material/theming';
img.emoji {
height: 1em;
width: 1em;
margin: 0 .05em 0 .1em;
vertical-align: -0.1em;
}
.cory-layout-title {
font-size: 250%;
font-weight: bold;
}
.cory-mat-theme-light {
@import 'CSS:../../node_modules/highlight.js/styles/github';
.cory-layout-title {
text-shadow: 2px 2px rgba(0, 0, 0, 0.5);
}
}
.cory-mat-theme-dark {
@import 'CSS:../../node_modules/highlight.js/styles/tomorrow-night';
.cory-layout-title {
text-shadow: 2px 2px rgba(255, 255, 255, 0.5);
}
}
.cory-mat-theme-dark-matrix {
.cory-layout-title {
text-shadow: 2px 2px rgba(0, 255, 0, 0.5);
}
}
img
{
max-width: 100%;
height: auto;
}
.mat-toolbar {
@media screen and (max-width: $cory-mat-size-xsmall) {
padding-left: 0px !important;
padding-right: 0px !important;
}
}
a code {
font-weight: bold;
}
.cory-layout-fa {
font-size: 23px !important;
}
.cory-mat-footer {
.mat-button {
text-overflow: ellipsis;
// overflow: hidden;
}
}
.cory-mat-header, .cory-mat-footer {
@media screen and (max-width: $cory-mat-size-xsmall) {
.mat-button {
$padding: 8px;
min-width: 24px !important;
padding-left: $padding;
padding-right: $padding;
}
};
}
.cory-mat-theme-light {
.cory-mat-header {
border-bottom: 5px solid rgba(0,0,0,0.1);
}
.cory-mat-footer {
border-top: 5px solid rgba(0,0,0,0.1);
}
.cory-mat-header,
.cory-mat-footer
{
box-shadow: 0px 0px 100px 10px rgba(0,0,0,0.25);
}
}
.cory-mat-theme-dark {
.cory-mat-header {
border-bottom: 5px solid rgba(255,255,255,0.1);
}
.cory-mat-footer {
border-top: 5px solid rgba(255,255,255,0.1);
}
.cory-mat-header,
.cory-mat-footer
{
box-shadow: 0px 0px 100px 10px rgba(255,255,255,0.15);
}
}
.cory-mat-theme-dark-matrix {
.cory-mat-header {
border-bottom: 5px solid rgba(0,0,0,0.4);
}
.cory-mat-footer {
border-top: 5px solid rgba(0,0,0,0.4);
}
}
.cory-layout-link-external {
.fas, .fab, .far {
opacity: 0.5;
}
&:hover {
.fas, .fab, .far {
opacity: 1;
}
}
}
/*
.cory-layout-container-fixed {
margin-top: $cory-mat-fixed-height-collapsed;
margin-bottom: $cory-mat-fixed-height-collapsed;
@media screen and (min-width: $cory-mat-size-xsmall) {
margin-top: $cory-mat-fixed-height;
margin-bottom: $cory-mat-fixed-height;
}
@media screen and (min-width: $cory-mat-size-medium) {
width: $cory-mat-size-medium - 100;
margin-left: auto;
margin-right: auto;
};
}
*/
.cory-layout-markdown-reference {
/// float: right;
display: none;
}
.cory-layout-markdown-header:hover > a {
display: inline;
}
.cory-layout-sidenav-search {
$padding: 15px;
padding-left: $padding;
padding-right: $padding;
}
.cory-layout-sidenav-container {
background: none !important;
position: absolute;
z-index: 1;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
padding-top: $cory-mat-fixed-height-collapsed;
padding-bottom: $cory-mat-fixed-height-collapsed;
@media screen and (min-width: $cory-mat-size-xsmall) {
padding-top: $cory-mat-fixed-height-top;
padding-bottom: $cory-mat-fixed-height-bottom;
}
@media screen and (min-width: $cory-mat-size-medium) {
margin-left: auto;
margin-right: auto;
padding-left: auto;
padding-right: auto;
};
}
.cory-pages-menu-effect {
opacity: 0.75;
}
.cory-pages-menu-effect:hover {
opacity: 1;
}
//corifeus-inject
@import '../angular/layout/cory-layout.scss';
@import '../angular/layout/footer/cory-layout-footer.scss';
@import '../angular/layout/header/cory-layout-header.scss';
//corifeus-inject:end
src/index.html 0000664 0000000 0000000 00000000372 15164054264 0013653 0 ustar 00root root 0000000 0000000