Skip to content

Instantly share code, notes, and snippets.

View Stradivario's full-sized avatar
🌊
Riding the wave

Kristiqn Tachev Stradivario

🌊
Riding the wave
View GitHub Profile
@Stradivario
Stradivario / file.service.ts
Last active October 6, 2018 16:10
Asynchronous reading folder structure in NodeJS with @rxdi/core and rxjs
import { Service } from "@rxdi/core";
import { switchMap } from "rxjs/operators";
import { stat, Stats, readdir } from "fs";
import { resolve } from "path";
import { from } from "rxjs";
@Service()
export class FileService {
units = ['bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];
results: string[] = [];
@Stradivario
Stradivario / gist:873d8e052a618cf460cc8a8c704b5983
Last active June 20, 2019 12:18
@rxdi reactive component with Graphql
import { Component, html, css, async, property } from '@rxdi/lit-html';
import { BaseComponent } from '../../shared/base.component';
import { RouteParams, Router } from '@rxdi/router';
import { map, catchError, tap } from 'rxjs/operators';
import { projectSharedCss } from '../list/style.css';
import { of } from 'rxjs';
import { IProjectType } from '../../@introspection';
import { isDevelopment } from '../../environment';
@Component({
import {
html,
Component,
css,
property,
query,
async,
TemplateResult
} from '@rxdi/lit-html';
import { Inject } from '@rxdi/core';
@Stradivario
Stradivario / advanced-architecture-reactive
Last active July 28, 2019 17:46
Reactive advanced architecture programming with @rxdi/core and rxjs
import { setup } from '@rxdi/core';
import { switchMap } from 'rxjs/operators';
import { combineLatest } from 'rxjs';
setup({
services: [
{
provide: 'gosho',
lazy: true,
useFactory: async () => 'yey'
@Stradivario
Stradivario / flex-grid.component.ts
Last active September 18, 2019 06:08
Reactive flex grid lit component
import { html, Component, LitElement, css, property, async, TemplateResult } from '@rxdi/lit-html';
import { Inject } from '@rxdi/core';
import { map, switchMap } from 'rxjs/operators';
import { combineLatest, of, Observable, isObservable, from } from 'rxjs';
import { ResponsiveService } from '@rxdi/ui-components/services';
/**
* @customElement flex-grid
*/
@Component({
@Stradivario
Stradivario / gateway.ts
Created September 27, 2019 18:20
Graphql Gateway for @gapi applications
import {
Module,
CoreModule,
Bootstrap,
ON_REQUEST_HANDLER,
GRAPHQL_PLUGIN_CONFIG,
Container
} from '@gapi/core';
import {
MicroserviceModule,
import { html, Component, LitElement, css } from '@rxdi/lit-html';
import RedRock from '@client/assets/images/background/red-rock.png';
import BlueWater from '@client/assets/images/background/blue-water.png';
import Atmosphere from '@client/assets/images/background/plant-with-athmosphear.png';
interface PricingTemplate {
title: string;
subTitle: string;
slogan: string;
@Stradivario
Stradivario / app.html
Last active November 14, 2019 08:36
Decentralized @rxdi website based on single WebComponent called <rx-graph></rx-graph> connecting with Graphql backend
<script src="https://ipfs.io/ipfs/QmfXGKAeDwVZF9THVCKtYRjcNrhBG6iuBStXrNoBRGimFp/index.js"></script>
<div id="app"></div>
<!-- State management -->
<script>
const APP_STATE = 'state';
const INITIAL_STATE = { clicked: true };
const getState = () => Container.get(APP_STATE).asObservable()
@Stradivario
Stradivario / decentralized-app.html
Last active November 14, 2019 01:52
Decentralized @rxdi website based on single WebComponent called <rx-graph></rx-graph> connecting with Graphql backend
<script src="./index.ts"></script>
<div id="app"></div>
<!-- State management -->
<script>
const APP_STATE = 'state';
const INITIAL_STATE = { clicked: true };
const getState = () => Container.get(APP_STATE).asObservable()
@Stradivario
Stradivario / index.html
Last active December 24, 2019 11:44
Simplest Graphql client based on Web Components and https://github.com/rxdi/graphql-webcomponent
<script
type="text/javascript"
src="https://rawcdn.githack.com/rxdi/graphql-webcomponent/dd8686a81f88ba481d3b4d22d2459bfcbdcff9ed/dist/regular/0.0.15.js"
></script>
<setup-graphql
uri="https://countries.trevorblades.com/"
pubsub="wss://pubsub.youvolio.com/subscriptions"
></setup-graphql>