Syed Ahmad syed-ahmad

## generate-breadcrumbs-with-href.js
function generateBreadcrumbs(paths) {
  var breadcrumbs = [];
  breadcrumbs.push({
    name: 'Home',
    href: '/',
  });

  paths.forEach((path, index) => {
    let segments = [];
    for(i = 0; i <= index; i++) {

## clean-json.js
const https = require('https');

https.get('https://coderbyte.com/api/challenges/json/json-cleaning', (resp) => {

  let raw = '';
  const expected = {"name":{"first":"Daniel","last":"Smith"},"age":45, "items_removed": 1};
  // parse json data here...
  let index = 1;
  resp.on('data' , (chunk) => {
    raw += chunk;

## morse-code-dichotomic-search.js
// Determine the possible characters that could result from a certain morse code word with some potentially unknown signals (?).
// ? is either dit (.) or dah (-)
// This is incomplete, sorry.

const possibilities = signal => {
  const signals = signal.split('');
  console.log(`🚀`, signals);

  const hasUnknownSignal = signals.includes('?');


## items.tests.js
import React from 'react';
import { rest } from 'msw';
import userEvent from '@testing-library/user-event';
import { render, screen } from '../testUtils';
import ItemsPage from '../pages/Items';
import server from '../mocks/server';

describe('given Items Page', () => {
  test('fetches items from API on page load', async () => {
		render(<ItemsPage />);

## RegExTest.cs
using System;
using System.Collections.Generic;
using System.Text.RegularExpressions;

namespace RegExTest
{
    static class MyExtensions
    {
        public static void PrintMatch(this Regex re, string input)
        {

## getEventHandlers.js
/**
 * Gets all event-handlers from a DOM element.
 * Events with namespace are allowed.
 *
 * @param  {Element} node: DOM element
 * @param  {String} eventns: (optional) name of the event/namespace
 * @return {Object}
 */
function getEventHandlers(element, eventns) {
  const $ = window.jQuery;

## try-catch.ts
// Slightly improved version with destructuring working as expected
export default async function tryCatch<T>(
  promise: Promise<T>
): Promise<{ error?: Error; data?: T }> {
  try {
    return { data: await promise };
  } catch (error) {
    return { error };
  }
}

## jquery.centerit.js
/*
  If you have a horizontal (or vertical) scroll container and want to set the scroll to center a specific
  element in the container you can use the following super simple technique.
  I'm going to show you how it was derived, because it's important to know why, not just how.
*/

/*
  Setup:
  [HTML]
  <div class="outer">

## chart.js
var Chart = (function(window,d3) {

  var svg, data, x, y, xAxis, yAxis, dim, chartWrapper, line, path, margin = {}, width, height, locator;

  var breakPoint = 768;

  d3.csv('data.csv', init); //load data, then initialize chart

  //called once the data is loaded
  function init(csv) {

## index.html
<!DOCTYPE html>
<meta charset="utf-8">
<style>

	body { font: 12px Arial;}

	path {
		stroke: steelblue;
		stroke-width: 2;
		fill: none;
	function generateBreadcrumbs(paths) {
	var breadcrumbs = [];
	breadcrumbs.push({
	name: 'Home',
	href: '/',
	});

	paths.forEach((path, index) => {
	let segments = [];
	for(i = 0; i <= index; i++) {
	const https = require('https');

	https.get('https://coderbyte.com/api/challenges/json/json-cleaning', (resp) => {

	let raw = '';
	const expected = {"name":{"first":"Daniel","last":"Smith"},"age":45, "items_removed": 1};
	// parse json data here...
	let index = 1;
	resp.on('data' , (chunk) => {
	raw += chunk;
	// Determine the possible characters that could result from a certain morse code word with some potentially unknown signals (?).
	// ? is either dit (.) or dah (-)
	// This is incomplete, sorry.

	const possibilities = signal => {
	const signals = signal.split('');
	console.log(`🚀`, signals);

	const hasUnknownSignal = signals.includes('?');
	import React from 'react';
	import { rest } from 'msw';
	import userEvent from '@testing-library/user-event';
	import { render, screen } from '../testUtils';
	import ItemsPage from '../pages/Items';
	import server from '../mocks/server';

	describe('given Items Page', () => {
	test('fetches items from API on page load', async () => {
	render(<ItemsPage />);
	using System;
	using System.Collections.Generic;
	using System.Text.RegularExpressions;

	namespace RegExTest
	{
	static class MyExtensions
	{
	public static void PrintMatch(this Regex re, string input)
	{
	/**
	* Gets all event-handlers from a DOM element.
	* Events with namespace are allowed.
	*
	* @param {Element} node: DOM element
	* @param {String} eventns: (optional) name of the event/namespace
	* @return {Object}
	*/
	function getEventHandlers(element, eventns) {
	const $ = window.jQuery;
	// Slightly improved version with destructuring working as expected
	export default async function tryCatch<T>(
	promise: Promise<T>
	): Promise<{ error?: Error; data?: T }> {
	try {
	return { data: await promise };
	} catch (error) {
	return { error };
	}
	}
	/*
	If you have a horizontal (or vertical) scroll container and want to set the scroll to center a specific
	element in the container you can use the following super simple technique.
	I'm going to show you how it was derived, because it's important to know why, not just how.
	*/

	/*
	Setup:
	[HTML]
	<div class="outer">
	var Chart = (function(window,d3) {

	var svg, data, x, y, xAxis, yAxis, dim, chartWrapper, line, path, margin = {}, width, height, locator;

	var breakPoint = 768;

	d3.csv('data.csv', init); //load data, then initialize chart

	//called once the data is loaded
	function init(csv) {
	<!DOCTYPE html>
	<meta charset="utf-8">
	<style>

	body { font: 12px Arial;}

	path {
	stroke: steelblue;
	stroke-width: 2;
	fill: none;