Fabio Picheli picheli20

🐟

Deep diving into open source code

¯\_(ツ)_/¯

picheli20 / counter.component.html

Created October 31, 2018 15:34

Library with Angular 6+: The ultimate guide - Counter component

<button (click)="increase()" class="counter-button"> {{ text }} {{ counter }} </button>

picheli20 / counter.mixing.scss

Created October 31, 2018 15:44

Library with Angular 6+: The ultimate guide - mixing

picheli20 / main.scss

Created October 31, 2018 15:48

	@import './lib/counter/counter.mixing.scss';

	@mixin init($color-pallete) {
	// List of all mixing that you need for this library
	@include counter($color-pallete);
	}

picheli20 / style.scss

Created October 31, 2018 15:50

	@import '../node_modules/foo/bar/src/main.scss';

	@include init($color-pallete);

picheli20 / index.html

Last active October 31, 2018 16:34

	<!doctype html>
	<html lang="en">
	<head>
	<meta charset="utf-8">
	<title>UiJar</title>
	<base href="/">

	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="icon" type="image/x-icon" href="favicon.ico">
	</head>

picheli20 / package.json

Created October 31, 2018 16:39

	{
	...
	"scripts": {
	...
	"serve": "concurrently \"npm run ui-jar\" \"ng serve\"",
	"ui-jar": "node node_modules/ui-jar/dist/bin/cli.js --directory ./projects/ --includes \\.ts$",
	"docs:watch": "npm run ui-jar -- --watch"
	},
	...
	}

picheli20 / counter.component.spec.ts

Last active October 31, 2018 16:44

	import { async, ComponentFixture, TestBed } from '@angular/core/testing';

	import { CounterComponent } from './counter.component';

	describe('CounterComponent', () => {
	let component: CounterComponent;
	let fixture: ComponentFixture<CounterComponent>;

	beforeEach(async(() => {
	/**

picheli20 / script.js

Last active September 12, 2024 09:01

Create automatically tags

	(async () => {
	const text = `
	a 1
	b 2
	c 3
	d 4
	`;
	const addRowClass = `wd-vt-simple-table-add-row`;
	// const removeRowClass = `wd-vt-st-remove-row-button`;