.devops/deploy-website-cluster.yml

@@ -0,0 +1,111 @@
+trigger:
+  batch: true
+  branches:
+    include:
+      - main
+      - develop
+  paths:
+    include:
+      - .devops/deploy-website-cluster.yml
+      - .docker/website
+      - website
+
+pr: none
+
+pool:
+  vmImage: "ubuntu-20.04"
+
+steps:
+  - task: DockerInstaller@0
+    displayName: "Install Docker"
+    inputs:
+      dockerVersion: "17.09.0-ce"
+
+  - task: KubectlInstaller@0
+    displayName: "Install Kubectl"
+    inputs:
+      kubectlVersion: "latest"
+
+  - task: NodeTool@0
+    displayName: "Install Node.js"
+    inputs:
+      versionSpec: "14.x"
+      checkLatest: true
+
+  - task: YarnInstaller@3
+    displayName: "Install Yarn"
+    inputs:
+      versionSpec: "1.x"
+      checkLatest: true
+
+  - task: Yarn@3
+    displayName: "Install Packages"
+    inputs:
+      projectDirectory: "website"
+      arguments: "--frozen-lockfile"
+
+  - task: Yarn@3
+    displayName: "Run yarn build"
+    inputs:
+      projectDirectory: "website"
+      arguments: "build --prefix-paths"
+
+  - task: Docker@2
+    displayName: "Build WebSite Container"
+    inputs:
+      containerRegistry: '$(container-registry)'
+      repository: 'ccc-website-$(Build.SourceBranchName)'
+      command: 'buildAndPush'
+      Dockerfile: '.docker/website/dockerfile'
+      buildContext: '.'
+
+  - task: Kubernetes@1
+    displayName: "Deploy WebSite Service"
+    inputs:
+      connectionType: "Kubernetes Service Connection"
+      kubernetesServiceEndpoint: "$(aks-cluster)"
+      namespace: "$(portal-namespace)"
+      command: "apply"
+      useConfigurationFile: true
+      configurationType: "inline"
+      inline: |
+        apiVersion: apps/v1
+        kind: Deployment
+        metadata:
+          name: ccc-website-$(Build.SourceBranchName)
+        spec:
+          replicas: 2
+          selector:
+            matchLabels:
+              app: ccc-website-$(Build.SourceBranchName)
+          template:
+            metadata:
+              labels:
+                app: ccc-website-$(Build.SourceBranchName)
+            spec:
+              containers:
+                - image: $(container-registry-domain)/ccc-website-$(Build.SourceBranchName):$(Build.BuildId)
+                  resources:
+                    limits:
+                      memory: "128Mi"
+                      cpu: "500m"
+                    requests:
+                      memory: "32Mi"
+                      cpu: "1m"
+                  name: ccc-website-$(Build.SourceBranchName)
+                  ports:
+                    - containerPort: 80
+        ---
+        apiVersion: v1
+        kind: Service
+        metadata:
+          name: ccc-website-$(Build.SourceBranchName)
+        spec:
+          type: ClusterIP
+          ports:
+          - port: 80
+          selector:
+            app: ccc-website-$(Build.SourceBranchName)
+      secretType: "dockerRegistry"
+      containerRegistryType: "Azure Container Registry"
+

.docker/website/dockerfile

@@ -0,0 +1,3 @@
+# syntax=docker/dockerfile:1
+FROM nginx:alpine
+COPY ./website/public /usr/share/nginx/html

src/HotChocolate/AspNetCore/src/AspNetCore/Subscriptions/WebSocketConnection.cs

@@ -11,7 +11,7 @@ namespace HotChocolate.AspNetCore.Subscriptions
     public class WebSocketConnection : ISocketConnection
     {
         private const string _protocol = "graphql-ws";
-        private const int _maxMessageSize = 1024 * 4;
+        private const int _maxMessageSize = 512;
         private WebSocket? _webSocket;
         private bool _disposed;
 
@@ -87,49 +87,35 @@ public async Task ReceiveAsync(
 
             try
             {
-                WebSocketReceiveResult? socketResult = null;
+                ValueWebSocketReceiveResult socketResult;
                 do
                 {
+                    if (webSocket.State != WebSocketState.Open)
+                    {
+                        break;
+                    }
+
                     Memory<byte> memory = writer.GetMemory(_maxMessageSize);
-                    var success = MemoryMarshal.TryGetArray(memory, out ArraySegment<byte> buffer);
+                    socketResult = await webSocket.ReceiveAsync(memory, cancellationToken);
 
-                    if (success)
+                    if (socketResult.Count == 0)
                     {
-                        if (webSocket.State != WebSocketState.Open)
-                        {
-                            break;
-                        }
-
-                        try
-                        {
-                            socketResult = await webSocket.ReceiveAsync(buffer, cancellationToken);
-                            if (socketResult.Count == 0)
-                            {
-                                break;
-                            }
-
-                            writer.Advance(socketResult.Count);
-                        }
-                        catch
-                        {
-                            break;
-                        }
-
-                        FlushResult result = await writer.FlushAsync(cancellationToken);
-                        if (result.IsCompleted)
-                        {
-                            break;
-                        }
+                        break;
                     }
-                } while (socketResult == null || !socketResult.EndOfMessage);
-            }
-            catch (ObjectDisposedException)
-            {
-                // we will just stop receiving
+
+                    writer.Advance(socketResult.Count);
+
+                    FlushResult result = await writer.FlushAsync(cancellationToken);
+
+                    if (result.IsCompleted)
+                    {
+                        break;
+                    }
+                } while (!socketResult.EndOfMessage);
             }
-            catch (WebSocketException)
+            catch
             {
-	            // we will just stop receiving
+                // swallow exception, there's nothing we can reasonably do
             }
         }
 

website/src/blog/2021-07-20-rider-language-injection/2021-07-20-rider-language-injection.md

@@ -13,7 +13,7 @@ tags:
     "jetbrains",
     "rider",
   ]
-featuredImage: "rider-language-injection.png"
+featuredImage: "hot-chocolate-rider-language-injection-banner.png"
 author: Pascal Senn
 authorUrl: https://github.com/pascal_senn
 authorImageUrl: https://avatars0.githubusercontent.com/u/14233220
@@ -51,14 +51,14 @@ package [Snapshooter](https://swisslife-oss.github.io/snapshooter/docs/get-start
 
 ```csharp
 [Fact]
-public void ExampleUseOfSnapshooter() 
+public void ExampleUseOfSnapshooter()
 {
    // arrange
    var serviceToTest = new ServiceToTest();
-   
+
    // act
    List<string> result = serviceToTest.GetSomeStrings();
-   
+
    // assert
    result.MatchSnapshot();
 }
@@ -70,7 +70,7 @@ the name `schema.graphql`. You can configure the extension in a `.graphqlconfig`
 
 The snapshot test to capture the schema could look like this:
 
-*/test/ExampleProject.Tests/SchemaTests.cs*
+_/test/ExampleProject.Tests/SchemaTests.cs_
 
 ```csharp
 public class SchemaTests
@@ -97,7 +97,7 @@ public class SchemaTests
 The example from above creates a snapshot of the schema in `/test/ExampleProject.Tests/__snapshots__/schema.graphql`. You now
 have to make the GraphQL extension aware of this schema by creating a .graphqlconfig
 
-*/test/ExampleProject.TestsYourProject.Tests/.graphqlconfig*
+_/test/ExampleProject.TestsYourProject.Tests/.graphqlconfig_
 
 ```json
 {
@@ -106,7 +106,7 @@ have to make the GraphQL extension aware of this schema by creating a .graphqlco
 }
 ```
 
-Now all *.gql and *.graphql files in your project will have proper syntax highlighting, IntelliSense and linting.
+Now all _.gql and _.graphql files in your project will have proper syntax highlighting, IntelliSense and linting.
 
 ## Inject GraphQL into strings
 
@@ -145,18 +145,19 @@ public class PersonsIntegrationTests
 }
 ```
 
-The GraphQL extension now knows the schema, but Rider does not understand that the string contains a GraphQL query. 
+The GraphQL extension now knows the schema, but Rider does not understand that the string contains a GraphQL query.
 To make Rider aware of string literals that contain GraphQL queries, you have to add a new language injection provider.
 
 1. Go To 'Preferences' and search for 'Language Injection'
-![Rider Preferences Window](./preferences.png)
-2. Add a new 'Generic Csharp' Language Injection 
+   ![Rider Preferences Window](./preferences.png)
+2. Add a new 'Generic Csharp' Language Injection
 3. Select GraphQL in the Dropdown ID
 4. Add the following pattern
 
 ```text
 - csharpLiteralExpression().withText(string().matchesBrics("@?[\"'] *((query|mutation|subscription) .*) .*[\"']?"))
 ```
+
 ![Rider language injection-settings](./language-injection-settings.png)
 
 Now every string in C# that starts with either `query`, `mutation`, or `subscription` will be interpreted by Rider as a GraphQL Query.
@@ -165,11 +166,9 @@ Now every string in C# that starts with either `query`, `mutation`, or `subscrip
 
 You can find an example project here [rider-language-injection-example](https://github.com/PascalSenn/rider-language-injection-example)
 
+In case you have questions, [Join our Slack Channel](http://slack.chillicream.com/). We have a very welcoming and helpful community that is waiting for you.
 
-
-In case you have questions, [Join our Slack Channel](http://slack.chillicream.com/). We have a very welcoming and helpful community that is waiting for you. 
-
-If you like what we are doing at ChilliCream, head over to the [HotChocolate repository and **give us a star**](https://github.com/ChilliCream/hotchocolate). 
+If you like what we are doing at ChilliCream, head over to the [HotChocolate repository and **give us a star**](https://github.com/ChilliCream/hotchocolate).
 It helps us to gain visibility and grow our already awesome community!
 
 Thank you!

website/src/components/images/banana-cake-pop.tsx

@@ -1,29 +1,47 @@
 import { graphql, useStaticQuery } from "gatsby";
 import { GatsbyImage } from "gatsby-plugin-image";
 import React, { FC } from "react";
+import styled from "styled-components";
 import { GetBananaCakePopImageQuery } from "../../../graphql-types";
 
-export const BananaCakePop: FC = () => {
+export interface BananaCakePopProps {
+  readonly shadow?: boolean;
+}
+
+export const BananaCakePop: FC<BananaCakePopProps> = ({ shadow }) => {
   const data = useStaticQuery<GetBananaCakePopImageQuery>(graphql`
     query getBananaCakePopImage {
       file(
         relativePath: { eq: "banana-cake-pop.png" }
         sourceInstanceName: { eq: "images" }
       ) {
         childImageSharp {
-          gatsbyImageData(
-            layout: CONSTRAINED
-            width: 1200
-          )
+          gatsbyImageData(layout: CONSTRAINED, width: 1200)
         }
       }
     }
   `);
 
-  return (
+  return shadow ? (
+    <Container>
+      <GatsbyImage
+        image={data.file?.childImageSharp?.gatsbyImageData}
+        alt="Banana Cake Pop"
+      />
+    </Container>
+  ) : (
     <GatsbyImage
       image={data.file?.childImageSharp?.gatsbyImageData}
       alt="Banana Cake Pop"
     />
   );
 };
+
+const Container = styled.div`
+  padding: 30px;
+
+  .gatsby-image-wrapper {
+    border-radius: var(--border-radius);
+    box-shadow: 0 9px 18px rgba(0, 0, 0, 0.25);
+  }
+`;

website/src/docs/bananacakepop/actions/key-bindings.md

@@ -0,0 +1,21 @@
+---
+title: "Key Bindings"
+---
+
+The following key bindings can be used as shortcuts to common actions in Banana Cake Pop.
+
+### Mac
+
+- Open new tab: ⌘ + ⌥ + T
+- Save current tab: ⌘ + S
+- Open Document Explorer: ⌘ + ⌥ + D
+- Open History Explorer: ⌘ + ⌥ + H
+- Format Document: ⇧ + ⌥ + F
+
+### Windows
+
+- Open new tab: CTRL + ALT + T
+- Save current tab: CTRL + S
+- Open Document Explorer: CTRL + SHIFT + D
+- Open History Explorer: CTRL + SHIFT + H
+- Format Document: SHIFT + ALT + F

website/src/docs/bananacakepop/actions/schema-refresh.md

@@ -0,0 +1,9 @@
+---
+title: "Schema Refresh"
+---
+
+You can refresh the schema if it is out of sync with the server by using the following key bindings, or by click the reload schema icon next to the endpoint.
+
+Mac: ⇧ + ⌥ + ⏎
+
+Windows: SHIFT + ALT + ENTER

website/src/docs/bananacakepop/documents/headers.md

@@ -0,0 +1,3 @@
+---
+title: "Document Headers"
+---

website/src/docs/bananacakepop/documents/history.md

@@ -0,0 +1,3 @@
+---
+title: "History Explorer"
+---

website/src/docs/bananacakepop/documents/linting.md

@@ -0,0 +1,3 @@
+---
+title: "Linting"
+---