Younes Jaaidi yjaaidi

## switch-map-on-next.js
import * as rx from 'rxjs';

const delays = [3000, 2000, 500];

const switchMapOnNext = (project) => (source) => {
  return new rx.Observable((observer) => {
    let previousSubs = new rx.Subscription();
    const subscription = source.subscribe((value) => {
      const result$ = project(value);
      const currentPreviousSubs = previousSubs;

## ngx-light-hello.html
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <title>👨🏻‍🍳🅰️ Ngx Light by Younes @ Marmicode.io</title>
    <meta name="description" content="👨🏻‍🍳🅰️ Ngx Light" />
    <meta name="viewport" content="width=device-width,initial-scale=1" />
    <script type="importmap">
      {
        "imports": {

## ngx-light.html
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <title>👨🏻‍🍳🅰️ Ngx Light by Younes @ Marmicode.io</title>
    <meta name="description" content="👨🏻‍🍳🅰️ Ngx Light" />
    <meta name="viewport" content="width=device-width,initial-scale=1" />
    <script type="importmap">
      {
        "imports": {

## wait-latest-from.ts
import { switchMap } from 'rxjs/operators';

action$;
state$; // facade.country$ etc...
repository$;

fetch$.pipe(withLatestFrom(facade.country$));

waitLatestFrom = (action$) =>
  action$.pipe(

## storybook-custom-elements-reload-hack.js
/**
 * @hack detect when story is changed and reload because custom elements
 * break HMR.
 * Storybook will replace storybook-dynamic-app-root's children.
 * Then we reload the page to redefine elements.
 */
const rootEl = document.querySelector('#root');
rootEl.addEventListener('DOMNodeRemoved', (evt) => {
  if (evt.relatedNode === rootEl) {
    document.location.reload();

## prototype-pollution.js
const u1 = {firstName: 'Foo'}
const u2 = {firstName: 'John'}

const body = JSON.parse('{"__proto__": {"admin": true}}')

function vulnerableExtend(dst, src) {
  Object.entries(src)
    .forEach(([k, v]) => {
      if (k in dst) {
        vulnerableExtend(dst[k], src[k]);

## views-sandwich-sandwich-views.module.ts
@NgModule({
  imports: [
    RoutingModule.forChild([
      {
        path: 'catalog',
        # Or, you can lazy load catalog if you wish.
        component: SandwichCatalogViewComponent
      }
    ]),
    SandwichCatalogViewModule

## views-app-routing.module.ts
@NgModule({
  imports: [
    RoutingModule.forRoot([
      {
        path: 'sandwich',
        loadChildren: './sandwich/sandwich-views.module#SandwichViewsModule'
      }
    ])
  ]
})

## ng-vdom-example.ts
@Component({
  template: ``
})
export class AppComponent extends Renderable {
  render() {
    return (
      <h1>Hello World!</h1>
    )
  }
}

## angular-tagged-template.ts

/**
 * @todo when `deps` will be added to `Component` definition,
 * we could return `{deps, template}` then use it like this:
 * ```
 * @Component({
 *   selector: 'wt-root',
 *   ...ngTemplate`<${Child}></${Child}>`
 * })
 * ```
	import * as rx from 'rxjs';

	const delays = [3000, 2000, 500];

	const switchMapOnNext = (project) => (source) => {
	return new rx.Observable((observer) => {
	let previousSubs = new rx.Subscription();
	const subscription = source.subscribe((value) => {
	const result$ = project(value);
	const currentPreviousSubs = previousSubs;
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="utf-8" />
	<title>👨🏻‍🍳🅰️ Ngx Light by Younes @ Marmicode.io</title>
	<meta name="description" content="👨🏻‍🍳🅰️ Ngx Light" />
	<meta name="viewport" content="width=device-width,initial-scale=1" />
	<script type="importmap">
	{
	"imports": {
	import { switchMap } from 'rxjs/operators';

	action$;
	state$; // facade.country$ etc...
	repository$;

	fetch$.pipe(withLatestFrom(facade.country$));

	waitLatestFrom = (action$) =>
	action$.pipe(
	/**
	* @hack detect when story is changed and reload because custom elements
	* break HMR.
	* Storybook will replace storybook-dynamic-app-root's children.
	* Then we reload the page to redefine elements.
	*/
	const rootEl = document.querySelector('#root');
	rootEl.addEventListener('DOMNodeRemoved', (evt) => {
	if (evt.relatedNode === rootEl) {
	document.location.reload();
	const u1 = {firstName: 'Foo'}
	const u2 = {firstName: 'John'}

	const body = JSON.parse('{"__proto__": {"admin": true}}')

	function vulnerableExtend(dst, src) {
	Object.entries(src)
	.forEach(([k, v]) => {
	if (k in dst) {
	vulnerableExtend(dst[k], src[k]);
	@NgModule({
	imports: [
	RoutingModule.forChild([
	{
	path: 'catalog',
	# Or, you can lazy load catalog if you wish.
	component: SandwichCatalogViewComponent
	}
	]),
	SandwichCatalogViewModule
	@NgModule({
	imports: [
	RoutingModule.forRoot([
	{
	path: 'sandwich',
	loadChildren: './sandwich/sandwich-views.module#SandwichViewsModule'
	}
	])
	]
	})
	@Component({
	template: ``
	})
	export class AppComponent extends Renderable {
	render() {
	return (
	<h1>Hello World!</h1>
	)
	}
	}

	/**
	* @todo when `deps` will be added to `Component` definition,
	* we could return `{deps, template}` then use it like this:
	* ```
	* @Component({
	* selector: 'wt-root',
	* ...ngTemplate`<${Child}></${Child}>`
	* })
	* ```