avermeulen

AlpineJS with ViteJS

ViteJS is a modern JavaScript build tool that can be used to build modern JavaScript frameworks including ReactJS and VueJS to name only two. In this tutorial you will explore how to use ViteJS with AlpineJS. This will prepare you for using ViteJS with ReactJS or other modern web framework.

Modern JavaScript built tools like ViteJS, ParcelJS & react-create-app (built with webpack) embrace ES Modules. Meaning that external dependencies are installed via npm and imported. So no more script, style or link tags. HTML, CSS & JavaScript are bundled into compact bundle.

Create app using Vite

Let's start exploring ViteJS by creating a new application. Using this command:

reanim8ed

1. Download MailHog: https://github.com/mailhog/MailHog/releases/download/v1.0.0/MailHog_windows_amd64.exe
2. Rename it to MailHog.exe
3. Move it to `C:\laragon\usr\bin\MailHog.exe
4. Open Laragon's Procfile (Menu > Laragon > Procfile) and add these lines:

  MailHog: MailHog.exe autorun
  MailHog Admin: http://localhost:8025 autorun

5. Open F:\laragon\bin\php\php-7.1.14-Win32-VC14-x64\php.ini

tumainimosha

import { ObjectType, Field } from "@nestjs/graphql";

@ObjectType()
export class PageInfo {

    @Field({ nullable: true })
    startCursor: string;

    @Field({ nullable: true })
    endCursor: string;

x-yuri

The gist aims to show settings needed to run mongo in a docker container. Along with essential files come files needed to reproduce the case.

Table of contents

• mongo-3.x + mongoid-5.x
• mongo-3.x + mongoid-5.x (no auth)
• mongo-2.x + mongoid-4.x (no auth)

mongo-3.x + mongoid-5.x

Supamiu

import { Injectable } from '@angular/core';
import { HttpHandler, HttpInterceptor, HttpRequest } from '@angular/common/http';
import { filter, switchMap } from 'rxjs/operators';

@Injectable()
export class ApolloInterceptor implements HttpInterceptor {

  constructor(private myAuthService: AuthService) {
  }

umutyerebakmaz

import { Entity, PrimaryGeneratedColumn, Column, BaseEntity, ManyToMany } from 'typeorm';
import { ObjectType, Field, ID, InputType, ArgsType, Int } from 'type-graphql';
import { Book } from '../book/book.entity';

@Entity()
@ObjectType()
export class Author extends BaseEntity {

    @PrimaryGeneratedColumn("uuid")
    @Field(type => ID)

mauro-baptista

<?php
/**
* Numbers more readable for humans
*
* It intends to change numbers as 1000 as 1K or 1200000 as 1.2M
*
* This code is heavly base in this one: https://gist.github.com/RadGH/84edff0cc81e6326029c
*
* How to use \NumberFormat::readable(1000);
*/

x-yuri

Without either MONGO_INITDB_ROOT_USERNAME, or MONGO_INITDB_ROOT_PASSWORD the access is unrestricted.

docker-compose.yml:

version: '3'

services:
  mongo:
    image: mongo:4

raffis

<?php
namespace Hash;

/**
 * PHP implementation of the MD5 algorithm according RFC-1321.
 * This implementation has support for hash context serialization which the php inbuilt HashContext has not.
 */
class MD5
{
    /**

kctang

import {
  HttpEvent, HttpEventType, HttpHandler, HttpInterceptor, HttpRequest
} from '@angular/common/http'
import { Injectable } from '@angular/core'
import { Observable, of } from 'rxjs'
import { concatMap, take } from 'rxjs/operators'
// --- NGXS stuff to read/write access token and refresh token
// --- replace it with your own implementation if you are not using NGXS
import { Select, Store } from '@ngxs/store'
import { AuthState } from '../auth/states/Auth.state'