just-jeb

{
  "name": "Great Extension",
  "version": "1.0",
  "description": "Build an Extension with Angular",
  "manifest_version": 3
}

just-jeb

interface GreetingParams {
  name?: string; // keep this for backward compatbility
  firstName?: string; // replaces name
  lastName?: {
    value: string;
    shouldComeFirst?: boolean;
  };
  middleName?: string;
  prefix?: string;
}

just-jeb

// Typescript
interface GreetingParams {
  name?: string; // keep this for backward compatbility
  firstName?: string; // replaces name
  lastName?: string;
  lastNameFirst?: boolean;
  middleName?: string;
  prefix?: string;
}

just-jeb

// Typescript
interface GreetingParams {
  name?: string; // keep this for backward compatbility
  firstName?: string; // replaces name
  lastName?: string;
  lastNameFirst?: boolean;
}

function greet({
  name,

just-jeb

// Typescript
interface GreetingParams {
  name: string;
}

function greet({ name }: GreetingParams) {
  return `Hello, ${name}`;
}

// Javascript

just-jeb

// Name with prefix
greet('John', undefined, false, undefined, 'Mr.');
// Name and last name with prefix
greet('John', 'Doe', false, undefined, 'Mr.');
// Name and last name with prefix but last name first
greet('John', 'Doe', true, undefined, 'Mr.');
// Finally just a name, a middle name and a last name
greet('John', 'Doe', false, 'Christopher', 'Mr.');

just-jeb

// Typescript
function greet(
  firstName: string,
  lastName?: string,
  lastNameFirst: boolean = false,
  middleName?: string,
  prefix?: string,
): string {
  const greet: string = '';
  // some implementation

just-jeb

// First name only - the old way
greet('John');
// First name and last name
greet('John', 'Doe');
// First name and last name but last name first :D 
greet('John', 'Doe', true);

just-jeb

// Typescript
function greet(firstName: string, lastName?: string, lastNameFirst: boolean = false): string {
  if (!lastName) {
    return `Hello, ${firstName}`;
  }
  return `Hello ${lastNameFirst ? lastName + ' ' + firstName : firstName + ' ' + lastName}`;
}

// Javascript
function greet(firstName, lastName, lastNameFirst = false) {

just-jeb

// Recieves a name and returns a greeting message
// Typescript
function greet(name: string): string {
  return `Hello, ${name}`; 
}

// Javascript
function greet(name) {
  return `Hello, ${name}`; 
}