Issue: https://github.com/ZenSoftware/zen/issues/11

• Refactor the current combination of <mat-toolbar> and mat-sidenav-container and abstract it as a <zen-layout> component instead.
• Responsive mobile first design. Reference: Academind - Angular Material Responsive Navigation Tutorial
• Multiple ng-content projections entry points that can be selected via <div slot="..."> as named sections.

<!-- app.component.html -->
<zen-layout>
  <div slot="menu-content">
    ...Menu items...
  </div>

  <div slot="main-content">
    <router-outlet></router-outlet>
  </div>
</zen-layout>

⛩ Major version update ⛩

• All dependencies updated 🎆
• Subscription example released 💻
• Upload example released 💾
• Imitate RBAC rules for ASP.NET Core 🎏
• Nest authorization decorators work with GraphQL queries, mutations, uploads & subscriptions! 💙

zen/apps/api/src/app/graphql/resolvers/Sample.ts

export const typeDefs = gql` 
   extend type Mutation { 
     sampleUpload(file: Upload!): Boolean! 
   } 
  
   type SampleSubscriptionResult { 
     message: String! 
   } 
  
   type Subscription { 
     sampleSubscription: SampleSubscriptionResult! 
   } 
 `; 
  
 const pubSub = new PubSub(); 
  
 interval(1000).subscribe(i => 
   pubSub.publish('sampleSubscription', { 
     sampleSubscription: { 
       message: `Server ticker ${i}`, 
     }, 
   }) 
 ); 
  
 @Resolver() 
 @UseGuards(GqlGuard) 
 @Roles('Super') 
 export class SampleResolver { 
   @Mutation() 
   async sampleUpload(@Args('file', { type: () => GraphQLUpload }) file: FileInfo) { 
     const readStream = file.file.createReadStream(); 
     const chunks = []; 
     for await (const chunk of readStream) { 
       chunks.push(chunk); 
     } 
     const buffer = Buffer.concat(chunks); 
     Logger.log(`Recieved '${file.file.filename}' ${buffer.byteLength} bytes`); 
     return true; 
   } 
  
   @Subscription() 
   async sampleSubscription(@GqlUser() user: RequestUser) { 
     Logger.log(`sampleSubscription subscribed to by user with id ${user.id}`); 
     return pubSub.asyncIterator('sampleSubscription'); 
   } 
 } 

• Replaced GraphQL Playground for Apollo Sandbox
• Included an example of how to upload files via GraphQL

Increased performance on outgoing HTTP requests

Replaced cookies for local storage authentication flow. The project no longer has any dependencies on cookies.

• Authorization overhaul to be in line with ASP.NET Core RBAC rules
• Lots of bug fixes

All dependencies updated to latest versions

• Upgraded to Nx 13
• Upgraded to Angular v12
• Upgraded to Nest v7
• Upgraded to Bootstrap v5
• PostgreSQL v14

@zen/graphql Prisma helpers released. These really help simplify utilizing @angular/forms with Prisma.

selectOne(value: any): {id: any}
selectMany(items: any[]): Array<{id: any}>
makeSetObject(data)     // Omits `__typename` and `id` properties from an object
makeCreateObject(data)  // Makes a Prisma create object from a value object
makeUpdateObject(data)  // Makes a Prisma update object from a value object

• Exposed CORS and GraphQL Upload configurations through environment.ts and environment.prod.ts
• Updated 3rd party dependencies

All 3rd party dependencies upgraded to latest versions, including:

• Typescript v4.1
• Prisma v2.15
• Pal.js CLI v2.11.1

• Full dependencies update to latest versions
• Re-code generated the only Prisma data type "User"
• Authentication system has been battle tested, ready for beta.
• Dark and Light themes working for all core components

Alpha release. Core features done.