Installed Packages
- Microsoft.DotNet.Interactive.SqlServer, 1.0.0-beta.23205.1
Query Microsoft SQL Server databases.
\r\n", 60 | "This extension adds support for connecting to Microsoft SQL Server databases using the #!connect mssql magic command. For more information, run a cell using the #!sql magic command.
| joke | punchline |
| Why did the developer go broke? | Because he used up all his cache. |
| Why did the developer go broke? | Because they used up all their cache. |
| Why did the programmer get stuck in the shower? | Because the instructions on the shampoo bottle said: Lather, Rinse, Repeat. |
| Why did the programmer get stuck in the shower? | Because the instructions on the shampoo bottle said: Lather, Rinse, Repeat. |
| Why did the programmer quit his job? | Because he didn't get arrays. |
This is HTML!
21 | 22 | #!markdown 23 | 24 | ### Rendering Content with D3 JS 25 | Example taken from [Polyglot Notebooks documentation](https://github.com/dotnet/interactive/blob/main/samples/notebooks/javascript/D3.js%20with%20import.ipynb) 26 | 27 | #!html 28 | 29 | 30 | 31 | #!javascript 32 | 33 | d3 = await import("https://cdn.jsdelivr.net/npm/d3@7/+esm"); 34 | 35 | const width = 200; 36 | const height = 200; 37 | const svg = d3.select("#d3_target"); 38 | 39 | svg 40 | .attr("width", width) 41 | .attr("height", height) 42 | .attr("viewBox", [0, 0, width, height]) 43 | .attr("style", "max-width: 100%; height: auto; height: intrinsic;"); 44 | 45 | svg 46 | .append("circle") 47 | .attr("fill", "steelblue") 48 | .attr("cx", width/2) 49 | .attr("cy", height/2) 50 | .attr("r", "75"); 51 | -------------------------------------------------------------------------------- /02_Polyglot/10_Mermaid.dib: -------------------------------------------------------------------------------- 1 | #!meta 2 | 3 | {"kernelInfo":{"defaultKernelName":"csharp","items":[{"aliases":[],"name":"csharp"}]}} 4 | 5 | #!markdown 6 | 7 | ## Mermaid Diagrams 8 | 9 | #!markdown 10 | 11 |  12 | 13 | #!mermaid 14 | 15 | flowchart LR 16 | c[Client] 17 | s[Server] 18 | db[Database] 19 | 20 | c -- HTTP GET --> s 21 | s -- SQL Query --> db 22 | db -. Result Set .-> s 23 | s -. JSON .-> c 24 | 25 | #!mermaid 26 | 27 | erDiagram 28 | COUNTRY ||--|{ STATE : "Has" 29 | STATE ||--|{ CITY : "Has" 30 | CITY ||--o| STATE : "Is capital of" 31 | CITY ||--o| COUNTRY : "Is capital of" 32 | 33 | #!mermaid 34 | 35 | sequenceDiagram 36 | actor C as Client 37 | participant S as Server 38 | participant DB as Database 39 | C->>S: Login (Username, Password) 40 | S->>DB: Select User Info 41 | note over DB: Password is not stored in database 42 | DB-->>S: Salt & Hash 43 | S-->>C: 200 OK & JWT 44 | note over C, S: Subsequent requests include JWT 45 | 46 | #!mermaid 47 | 48 | %%{init: { 'theme': 'base' } }%% 49 | gitGraph 50 | commit tag: "v0.4.0" 51 | branch feature 52 | checkout main 53 | commit 54 | branch bugfix 55 | commit 56 | checkout feature 57 | commit id: "Dark Theme" 58 | checkout main 59 | merge feature 60 | commit tag: "v0.4.1" 61 | commit 62 | checkout bugfix 63 | commit id: "Fixed Null Ref" 64 | checkout main 65 | merge bugfix tag: "v0.4.2" 66 | commit 67 | 68 | #!mermaid 69 | 70 | gantt 71 | title Write about Mermaid.js Gantt Charts 72 | Create code for Gantt chart : 2023-04-11, 2d 73 | Outline article on Gantt charts : 2023-04-12, 2d 74 | Write article on Gantt charts : 2023-04-13, 1d 75 | Publish article on Gantt charts : 2023-04-14, 1d 76 | 77 | #!mermaid 78 | 79 | stateDiagram-v2 80 | direction LR 81 | 82 | state intro { 83 | [*] --> Descending 84 | Descending --> Roar 85 | Roar --> [*] 86 | } 87 | state combat { 88 | [*] --> Attacking 89 | Attacking --> Pain 90 | Pain --> Attacking 91 | } 92 | state defeated { 93 | [*] --> Dying 94 | Dying --> Dead 95 | Dead --> [*] 96 | } 97 | 98 | [*] --> intro 99 | intro --> combat 100 | combat --> defeated 101 | defeated --> [*] 102 | 103 | #!mermaid 104 | 105 | journey 106 | title Attend a Tech Conference 107 | section Pre-Conference 108 | Buy a Ticket: 4: Attendees, Web Site 109 | Check Schedule before Conference: 3: Attendees, Web Site 110 | section Morning 111 | Check in at Conference: 5: Attendees, Volunteers 112 | Attend Talk: 5: Attendees, Speakers, Volunteers 113 | section Afternoon 114 | Lunch: 4: Attendees, Volunteers 115 | "Hallway Track": 5: Attendees, Volunteers 116 | Post-Conference Movie: 7: Attendees, Volunteers, Speakers 117 | -------------------------------------------------------------------------------- /02_Polyglot/12_Formatting.dib: -------------------------------------------------------------------------------- 1 | #!meta 2 | 3 | {"kernelInfo":{"defaultKernelName":"csharp","items":[{"aliases":[],"name":"csharp"}]}} 4 | 5 | #!markdown 6 | 7 | ## Extending Polyglot Notebooks 8 | 9 | #!markdown 10 | 11 | ### Formatting 12 | 13 | The formatter allows you to display custom HTML for any Type you want to display as the result of a cell. 14 | 15 | This example, taken from [Polyglot Notebooks documentation](https://github.com/dotnet/interactive/blob/main/docs/formatting.md), shows configuring the `Formatter` to render `System.Drawing.Rectangle` objects as rectangles using SVG instead of just listing their properties. 16 | 17 | #!csharp 18 | 19 | using System.Drawing; 20 | using Microsoft.DotNet.Interactive.Formatting; 21 | 22 | #!csharp 23 | 24 | Rectangle rect = new() { X=0, Y=0, Width=200, Height=50}; 25 | 26 | // This is the default appearance of a rectangle 27 | rect 28 | 29 | #!csharp 30 | 31 | // Any subsequent renderings of the Redctangle class now use this styling 32 | Formatter.RegisterInstalled Packages
- Microsoft.DotNet.Interactive.ExtensionLab, 1.0.0-beta.23205.1
Create strongly-typed dataframes using#!linqify.
\r\n",
65 | " The #!linqify magic command replaces a Microsoft.Data.Analysis.DataFrame variable with a generated, strongly-typed data frame, allowing the use of LINQ operations over the contained data.
ExplainCode
\r\n", 76 | "This extension generates Sequence diagrams from csharp code using Mermaid kernel.
\r\n", 77 | "Inspect code compilation details using the #!inspect magic command.
\r\n",
87 | " The #!inspect magic command allows you to see the C# decompilation, IL, and JIT Asm for the code in a C# cell.
![](\"https://user-images.githubusercontent.com/547415/109560515-d5749a00-7a90-11eb-9fa3-51b737345bb4.png\")
\r\n",
89 | " Use the #!record magic command to keep a transcript of the code you run.
\r\n",
99 | " Once you enable transcripts using #!record, each code submission (including re-running cells) is recorded in the specified file. The JSON format used is the same format recognized by the .NET Interactive stdio and http APIs and can be used to replay an interactive session via automation.
![](\"https://user-images.githubusercontent.com/547415/109562409-343b1300-7a93-11eb-8ebf-79bb6af028cf.png\")
\r\n",
101 | " Query SQLite databases.
\r\n", 111 | "This extension adds support for connecting to SQLite databases using the #!connect sqlite magic command. For more information, run a cell using the #!sql magic command.
[ 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20 ... (21 more) ]
\r\n",
213 | "\r\n",
214 | "\r\n",
257 | "\r\n",
258 | "
\r\n"
259 | ]
260 | },
261 | "metadata": {},
262 | "output_type": "display_data"
263 | }
264 | ],
265 | "source": [
266 | "#!explain\n",
267 | "\n",
268 | "using System.Collections.Generic;\n",
269 | "\n",
270 | "ListInstalled Packages
- Microsoft.Azure.CognitiveServices.Vision.ComputerVision, 7.0.1
- Newtonsoft.Json, 13.0.3
Microsoft.Azure.CognitiveServices.Vision.ComputerVision.Models.ImageAnalysis
| Categories |
| ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| Adult |
|
| IsAdultContent | False |
| IsRacyContent | False |
| IsGoryContent | False |
| AdultScore | 0.002754890825599432 |
| RacyScore | 0.005863004829734564 |
| GoreScore | 0.2202041894197464 |
Microsoft.Azure.CognitiveServices.Vision.ComputerVision.Models.ColorInfo
| DominantColorForeground | Brown |
| DominantColorBackground | Brown |
| DominantColors | [ Brown, Black ] |
| AccentColor | 7D2A05 |
| IsBWImg | False |
Microsoft.Azure.CognitiveServices.Vision.ComputerVision.Models.ImageType
| ClipArtType | 0 |
| LineDrawingType | 0 |
| index | value | ||||||
|---|---|---|---|---|---|---|---|
| 0 |
|
| Name | indoor |
| Confidence | 0.9848715662956238 |
| Hint | <null> |
Microsoft.Azure.CognitiveServices.Vision.ComputerVision.Models.ImageTag
| Name | computer |
| Confidence | 0.9793701171875 |
| Hint | <null> |
Microsoft.Azure.CognitiveServices.Vision.ComputerVision.Models.ImageTag
| Name | animal |
| Confidence | 0.9454659819602966 |
| Hint | <null> |
Microsoft.Azure.CognitiveServices.Vision.ComputerVision.Models.ImageTag
| Name | computer keyboard |
| Confidence | 0.9284276962280273 |
| Hint | <null> |
Microsoft.Azure.CognitiveServices.Vision.ComputerVision.Models.ImageTag
| Name | personal computer |
| Confidence | 0.9160323143005371 |
| Hint | <null> |
Microsoft.Azure.CognitiveServices.Vision.ComputerVision.Models.ImageDescriptionDetails
| Tags | [ text, indoor, dog, computer, person ... (1 more) ] | ||||||||
| Captions |
|
| index | value | ||||||||||||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| 0 |
|
| Rectangle |
|
| X | 404 |
| Y | 185 |
| W | 193 |
| H | 137 |
0.551
<null>
Microsoft.Azure.CognitiveServices.Vision.ComputerVision.Models.DetectedObject
| Rectangle |
|
| X | 0 |
| Y | 0 |
| W | 271 |
| H | 281 |
0.655
<null>
Microsoft.Azure.CognitiveServices.Vision.ComputerVision.Models.DetectedObject
| Rectangle |
|
| X | 279 |
| Y | 0 |
| W | 321 |
| H | 131 |
0.773
<null>
Microsoft.Azure.CognitiveServices.Vision.ComputerVision.Models.DetectedObject
| Rectangle |
|
| X | 62 |
| Y | 131 |
| W | 373 |
| H | 203 |
0.507
Microsoft.Azure.CognitiveServices.Vision.ComputerVision.Models.ObjectHierarchy
| ObjectProperty | mammal | ||||||
| Confidence | 0.871 | ||||||
| Parent |
|
| ObjectProperty | animal |
| Confidence | 0.871 |
| Parent | <null> |
Microsoft.Azure.CognitiveServices.Vision.ComputerVision.Models.ImageMetadata
| Width | 600 |
| Height | 449 |
| Format | Png |
Microsoft.Azure.CognitiveServices.Vision.ComputerVision.Models.ImageCaption
| Text | a dog sleeping on a desk |
| Confidence | 0.3856593370437622 |
Microsoft.Azure.CognitiveServices.Vision.ComputerVision.Models.ColorInfo
| DominantColorForeground | Brown |
| DominantColorBackground | Brown |
| DominantColors | [ Brown, Black ] |
| AccentColor | 7D2A05 |
| IsBWImg | False |
Microsoft.Azure.CognitiveServices.Vision.ComputerVision.Models.AdultInfo
| IsAdultContent | False |
| IsRacyContent | False |
| IsGoryContent | False |
| AdultScore | 0.002754890825599432 |
| RacyScore | 0.005863004829734564 |
| GoreScore | 0.2202041894197464 |
placeholder
"
54 | ]
55 | },
56 | "metadata": {},
57 | "output_type": "display_data"
58 | }
59 | ],
60 | "source": [
61 | "placeholder
"
62 | ]
63 | },
64 | {
65 | "cell_type": "code",
66 | "execution_count": null,
67 | "metadata": {
68 | "dotnet_interactive": {
69 | "language": "html"
70 | },
71 | "polyglot_notebook": {
72 | "kernelName": "html"
73 | },
74 | "vscode": {
75 | "languageId": "polyglot-notebook"
76 | }
77 | },
78 | "outputs": [],
79 | "source": []
80 | }
81 | ],
82 | "metadata": {
83 | "language_info": {
84 | "name": "python"
85 | },
86 | "orig_nbformat": 4
87 | },
88 | "nbformat": 4,
89 | "nbformat_minor": 2
90 | }
91 |
--------------------------------------------------------------------------------
/02_Polyglot/Model.zip:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/IntegerMan/PolyglotNotebookTalk/a1ef2bba6e45337cecaa979ebc473831a62befb1/02_Polyglot/Model.zip
--------------------------------------------------------------------------------
/02_Polyglot/dbSetup.sql:
--------------------------------------------------------------------------------
1 |
2 | USE master;
3 | GO
4 |
5 | -- Drop the database if it exists
6 | IF EXISTS (SELECT name FROM sys.databases WHERE name = 'PolyglotNotebookExamples')
7 | DROP DATABASE PolyglotNotebookExamples;
8 | GO
9 |
10 | -- Recreate the database
11 | CREATE DATABASE PolyglotNotebookExamples;
12 | GO
13 |
14 | USE PolyglotNotebookExamples
15 | GO
16 |
17 | CREATE TABLE dad_jokes (
18 | id INTEGER IDENTITY(1,1) PRIMARY KEY,
19 | joke NVARCHAR(140) NOT NULL,
20 | punchline NVARCHAR(140) NOT NULL
21 | );
22 | GO
23 |
24 | INSERT INTO dad_jokes (joke, punchline)
25 | VALUES
26 | ('Why do programmers prefer dark mode?', 'Because light attracts bugs.'),
27 | ('Why do programmers always mix up Halloween and Christmas?', 'Because Oct 31 equals Dec 25.'),
28 | ('Why did the programmer quit his job?', 'Because they didn''t get arrays.'),
29 | ('Why do Java developers wear glasses?', 'Because they can''t C#.'),
30 | ('Why was the JavaScript developer sad?', 'Because everything felt so undefined.'),
31 | ('Why don''t programmers like nature?', 'It has too many bugs.'),
32 | ('Why did the developer go broke?', 'Because they used up all their cache.'),
33 | ('Why was the computer cold?', 'Because it left its Windows open.'),
34 | ('Why did the programmer get stuck in the shower?', 'Because the instructions on the shampoo bottle said: Lather, Rinse, Repeat.'),
35 | ('Why don''t programmers like to swim?', 'Because they might encounter a fatal error.');
36 | GO
37 |
38 | SELECT * FROM dad_jokes
--------------------------------------------------------------------------------
/03_Mermaid/00_Flowchart.dib:
--------------------------------------------------------------------------------
1 | #!meta
2 |
3 | {"kernelInfo":{"defaultKernelName":"csharp","items":[{"aliases":[],"name":"csharp"}]}}
4 |
5 | #!markdown
6 |
7 | ## Flowcharts
8 |
9 | #!mermaid
10 |
11 | flowchart
12 | Client
13 | Server
14 | Database
15 |
16 | #!mermaid
17 |
18 | flowchart
19 | Client --> Server
20 | Server --> Database
21 |
22 | #!mermaid
23 |
24 | flowchart LR
25 | Client --> Server
26 | Server --> Database
27 |
28 | #!markdown
29 |
30 | ### Relationships
31 |
32 | #!mermaid
33 |
34 | flowchart LR
35 | Client --> Server
36 | Server --> Database
37 | Database -.-> Server
38 | Server -.-> Client
39 |
40 | #!mermaid
41 |
42 | flowchart LR
43 | Base --> Arrow
44 | Base ==> Heavy
45 | Base -.-> Dotted
46 | Base --- Line
47 | Base --> You --> Can --> Chain --> Relations --> On --> One --- Line
48 |
49 | #!mermaid
50 |
51 | flowchart LR
52 | c[Client]
53 | s[Server]
54 | db[Database]
55 |
56 | c -- HTTP GET --> s
57 | s -- SQL Query --> db
58 | db -. Result Set .-> s
59 | s -. JSON .-> c
60 |
61 | #!markdown
62 |
63 | ### Shapes
64 |
65 | #!mermaid
66 |
67 | flowchart
68 | a[Default]
69 | b([Rounded])
70 | c[(Database)]
71 | d[[Subroutine]]
72 | e((Circle))
73 | f>Note]
74 | g{Decision}
75 | h{{Hexagon}}
76 | i[/Parallelogram/]
77 | j(((Double Circle)))
78 |
79 | #!markdown
80 |
81 | ### Subgraphs
82 |
83 | #!mermaid
84 |
85 | flowchart LR
86 | subgraph Azure
87 | s[Server]
88 | db[(Database)]
89 | end
90 | subgraph Netlify
91 | c[Client]
92 | end
93 |
94 | c -- HTTP GET --> s
95 | s -. JSON .-> c
96 | db -. Result Set .-> s
97 | s -- SQL Query --> db
98 |
99 | #!markdown
100 |
101 | ### Icons
102 |
103 | #!mermaid
104 |
105 | flowchart LR
106 | subgraph Azure
107 | s[fa:fa-code Server]
108 | db[(fa:fa-table Database)]
109 | end
110 | subgraph Netlify
111 | c[fa:fa-user Client]
112 | end
113 |
114 | subgraph Netlify
115 | end
116 | subgraph Azure
117 | direction LR
118 | end
119 |
120 | c -- HTTP GET --> s
121 | s -- SQL Query --> db
122 | db -. Result Set .-> s
123 | s -. JSON .-> c
124 |
--------------------------------------------------------------------------------
/03_Mermaid/01_Git.dib:
--------------------------------------------------------------------------------
1 | #!meta
2 |
3 | {"kernelInfo":{"defaultKernelName":"csharp","items":[{"aliases":[],"name":"csharp"}]}}
4 |
5 | #!markdown
6 |
7 | ## Git Graphs
8 |
9 | #!mermaid
10 |
11 | %%{init: { 'theme': 'base' } }%%
12 | gitGraph
13 | commit
14 | commit
15 | commit
16 |
17 | #!mermaid
18 |
19 | %%{init: { 'theme': 'base' } }%%
20 | gitGraph
21 | commit
22 | commit id: "Fixed Issue #42"
23 | commit
24 |
25 | #!markdown
26 |
27 | ### Branching
28 |
29 | #!mermaid
30 |
31 | %%{init: { 'theme': 'base' } }%%
32 | gitGraph
33 | commit
34 | commit
35 | branch feature
36 | commit
37 |
38 | #!mermaid
39 |
40 | %%{init: { 'theme': 'base' } }%%
41 | gitGraph
42 | commit
43 | commit
44 | branch feature
45 | commit id: "Dark Theme"
46 | checkout main
47 | merge feature
48 | commit
49 |
50 | #!mermaid
51 |
52 | %%{init: { 'theme': 'base' } }%%
53 | gitGraph
54 | commit
55 | branch feature
56 | checkout main
57 | commit
58 | branch bugfix
59 | commit
60 | checkout feature
61 | commit id: "Dark Theme"
62 | checkout main
63 | merge feature
64 | commit
65 | checkout bugfix
66 | commit id: "Fixed Null Ref"
67 | checkout main
68 | merge bugfix
69 | commit
70 |
71 | #!markdown
72 |
73 | ### Tags
74 |
75 | #!mermaid
76 |
77 | %%{init: { 'theme': 'base' } }%%
78 | gitGraph
79 | commit tag: "v0.4.0"
80 | branch feature
81 | checkout main
82 | commit
83 | branch bugfix
84 | commit
85 | checkout feature
86 | commit id: "Dark Theme"
87 | checkout main
88 | merge feature
89 | commit tag: "v0.4.1"
90 | commit
91 | checkout bugfix
92 | commit id: "Fixed Null Ref"
93 | checkout main
94 | merge bugfix tag: "v0.4.2"
95 | commit
96 |
97 | #!markdown
98 |
99 | ### Highlighting Commits
100 |
101 | #!mermaid
102 |
103 | %%{init: { 'theme': 'base' } }%%
104 | gitGraph
105 | commit tag: "v0.4.0"
106 | branch feature
107 | checkout main
108 | commit
109 | branch bugfix
110 | commit id: "Whoopsies" type: REVERSE
111 | checkout feature
112 | commit id: "Dark Theme"
113 | checkout main
114 | merge feature
115 | commit tag: "v0.4.1"
116 | commit type: HIGHLIGHT
117 | checkout bugfix
118 | commit id: "Fixed Null Ref"
119 | checkout main
120 | merge bugfix tag: "v0.4.2"
121 |
--------------------------------------------------------------------------------
/03_Mermaid/02_Sequence.dib:
--------------------------------------------------------------------------------
1 | #!meta
2 |
3 | {"kernelInfo":{"defaultKernelName":"csharp","items":[{"aliases":[],"name":"csharp"}]}}
4 |
5 | #!markdown
6 |
7 | ## Sequence Diagrams
8 |
9 | #!mermaid
10 |
11 | sequenceDiagram
12 | Client->>Server: Login (Username, Password)
13 | Server-->>Client: 200 OK & JWT
14 |
15 | #!mermaid
16 |
17 | sequenceDiagram
18 | Client->>Server: Login (Username, Password)
19 | Server->>Database: Select User Info
20 | Database-->>Server: Salt & Hash
21 | Server-->>Client: 200 OK & JWT
22 |
23 | #!markdown
24 |
25 | ### Object Ordering and Aliases
26 |
27 | #!mermaid
28 |
29 | sequenceDiagram
30 | participant C as Client
31 | participant DB as Database
32 | participant S as Server
33 | C->>S: Login (Username, Password)
34 | S->>DB: Select User Info
35 | DB-->>S: Salt & Hash
36 | S-->>C: 200 OK & JWT
37 |
38 | #!markdown
39 |
40 | ### Actors
41 |
42 | #!mermaid
43 |
44 | sequenceDiagram
45 | actor C as Client
46 | participant S as Server
47 | participant DB as Database
48 | C->>S: Login (Username, Password)
49 | S->>DB: Select User Info
50 | DB-->>S: Salt & Hash
51 | S-->>C: 200 OK & JWT
52 |
53 | #!markdown
54 |
55 | ### Notes
56 |
57 | #!mermaid
58 |
59 | sequenceDiagram
60 | actor C as Client
61 | participant S as Server
62 | participant DB as Database
63 | C->>S: Login (Username, Password)
64 | S->>DB: Select User Info
65 | note over DB: Password is not stored in database
66 | DB-->>S: Salt & Hash
67 | S-->>C: 200 OK & JWT
68 | note over C, S: Subsequent requests include JWT
69 |
70 | #!markdown
71 |
72 | ### Sequence Numbers
73 |
74 | #!mermaid
75 |
76 | sequenceDiagram
77 | autonumber
78 | actor C as Client
79 | participant S as Server
80 | participant DB as Database
81 | C->>S: Login (Username, Password)
82 | S->>DB: Select User Info
83 | note over DB: Password is not stored in database
84 | DB-->>S: Salt & Hash
85 | S-->>C: 200 OK & JWT
86 | note over C, S: Subsequent requests include JWT
87 |
88 | #!markdown
89 |
90 | ### Self-Referencing Messages
91 |
92 | #!mermaid
93 |
94 | sequenceDiagram
95 | autonumber
96 | actor C as Client
97 | participant S as Server
98 | participant DB as Database
99 | C->>S: Login (Username, Password)
100 | S->>DB: Select User Info
101 | note over DB: Password is not stored in database
102 | DB-->>S: Salt & Hash
103 | S->>S: Check Computed Hash using Salt
104 | S->>S: Generate JWT
105 | S-->>C: 200 OK & JWT
106 | note over C, S: Subsequent requests include JWT
107 |
108 | #!markdown
109 |
110 | ### Conditional Logic
111 |
112 | #!mermaid
113 |
114 | sequenceDiagram
115 | autonumber
116 | actor C as Client
117 | participant S as Server
118 | participant DB as Database
119 | C->>S: Login (Username, Password)
120 | S->>DB: Select User Info
121 | note over DB: Password is not stored in database
122 | DB-->>S: Salt & Hash
123 | S->>S: Check Computed Hash using Salt
124 | alt Computed Hash Matches
125 | S->>S: Generate JWT
126 | S-->>C: 200 OK & JWT
127 | else No user or wrong password
128 | S-->>C: 401 Unauthorized
129 | end
130 | note over C, S: Subsequent requests include JWT
131 |
132 | #!markdown
133 |
134 | ### Activation / Deactivation
135 |
136 | #!mermaid
137 |
138 | sequenceDiagram
139 | autonumber
140 | actor C as Client
141 | participant S as Server
142 | participant DB as Database
143 | C->>S: Login (Username, Password)
144 | activate S
145 | S->>DB: Select User Info
146 |
147 | activate DB
148 | note over DB: Password is not stored in database
149 | DB-->>S: Salt & Hash
150 | deactivate DB
151 |
152 | S->>S: Check Computed Hash using Salt
153 | alt Computed Hash Matches
154 | S->>S: Generate JWT
155 | S-->>C: 200 OK & JWT
156 | else No user or wrong password
157 | S-->>C: 401 Unauthorized
158 | end
159 | deactivate S
160 | note over C, S: Subsequent requests include JWT
161 |
162 | #!mermaid
163 |
164 | sequenceDiagram
165 | autonumber
166 | actor C as Client
167 | participant S as Server
168 | participant DB as Database
169 | C->>+S: Login (Username, Password)
170 | S->>+DB: Select User Info
171 | note over DB: Password is not stored in database
172 | DB-->>-S: Salt & Hash
173 |
174 | S->>S: Check Computed Hash using Salt
175 | alt Computed Hash Matches
176 | S->>S: Generate JWT
177 | S-->>C: 200 OK & JWT
178 | else No user or wrong password
179 | S-->>C: 401 Unauthorized
180 | end
181 | note over C, S: Subsequent requests include JWT
182 | deactivate S
183 |
--------------------------------------------------------------------------------
/03_Mermaid/03_Class.dib:
--------------------------------------------------------------------------------
1 | #!meta
2 |
3 | {"kernelInfo":{"defaultKernelName":"csharp","items":[{"aliases":[],"name":"csharp"}]}}
4 |
5 | #!markdown
6 |
7 | ## Class Diagrams
8 |
9 | See [my article on class diagrams](https://newdevsguide.com/2023/04/08/mermaid-class-diagrams/) for additional context & information
10 |
11 | #!markdown
12 |
13 | ### Old Notation
14 |
15 | #!mermaid
16 |
17 | classDiagram
18 | class GameObject
19 | GameObject : -String Name
20 | GameObject : -int PosX
21 | GameObject : -int PosY
22 | GameObject : +Despawn() void
23 |
24 | #!mermaid
25 |
26 | classDiagram
27 | GameObject <-- DamageableObject
28 | GameObject : +String Name
29 | GameObject : +Point Position
30 | GameObject <-- SpecialEffect
31 | SpecialEffect: -double Intensity
32 | SpecialEffect: +PlayEffect()
33 | DamageableObject : -int HitPoints
34 | DamageableObject : +bool IsDead
35 | DamageableObject: +TakeDamage(int damage)
36 | DamageableObject <-- Player
37 | DamageableObject <-- Monster
38 | Player: -int Score
39 | Player: -int LivesLeft
40 | Player: +RewardForKill(Monster)
41 | Monster: -int PointValue
42 | Monster: -int ThreatLevel
43 | Monster: +Kill()
44 |
45 | #!markdown
46 |
47 | ### New Notation
48 |
49 | #!mermaid
50 |
51 | classDiagram
52 | class GameObject {
53 | -String Name
54 | -int PosX
55 | -int PosY
56 | +Despawn() void
57 | }
58 |
59 | #!mermaid
60 |
61 | classDiagram
62 | class GameObject {
63 | -String Name
64 | -int PosX
65 | -int PosY
66 | +Despawn() void
67 | }
68 | class DamageableObject {
69 | +int MaxHealth
70 | -int Health
71 | +IsDead() bool
72 | +TakeDamage(int damage) void
73 | +OnKilled() void
74 | }
75 | GameObject <|-- DamageableObject
76 |
77 | #!markdown
78 |
79 | ### Aggregation & Composition
80 |
81 | #!mermaid
82 |
83 | classDiagram
84 | Human *-- Cells : Is Composed of
85 | Salesperson o-- Sales : Makes
86 |
87 | #!mermaid
88 |
89 | classDiagram
90 | Human *-- Cells : composed of
91 | Salesperson o-- Sales : makes
92 | Human <|-- Salesperson : is
93 |
94 | #!mermaid
95 |
96 | classDiagram
97 | Human "1" *-- "*" Cells : composed of
98 | Salesperson "1" o-- "0..*" Sales : makes
99 | Human <|-- Salesperson : is
100 |
101 | #!markdown
102 |
103 | ### Abstract Classes
104 |
105 | #!mermaid
106 |
107 | classDiagram
108 | class GameObject {
109 | -String Name
110 | -int PosX
111 | -int PosY
112 | +Despawn() void
113 | }
114 | class DamageableObject {
115 | <