I've read your blog The simplicity of ASP.NET Endpoints. It's great but I found a little mistake in your first example about Controller Api, as the following picture.

I thinks it's just a copy-and-paste mistake that command in customer.Block(command.Reason); should be blockCustomer.

Hi there, this is more a heads up than anything. I'm sure if the issue gets fixed that your article will be sound once again.

Would you be willing to share which versions you used at the time?

svelteness/svelte-jester#65

This is in reference to the following article: https://github.com/timdeschryver/timdeschryver.dev/blob/main/content/blog/how-to-test-svelte-components/index.md

Hi Tim,
Im using Google Chrome latest version on Windows 10.
I found this article a little difficult to read due to the css. It was much easier to just go to the github markdown file. Some of the css is being overlayed, and there appears to have no padding on the sides.

another blog post about angular directives, it was hard to look at the embedded stack blitz

https://oss.love/card/C6V6iiVmZ

Feature Flags in .NET, from simple to more advanced - Tim Deschryver

Let's implement a naive feature flag, refactor the code with the .NET Feature Management API, and to top things off, the Azure Feature Management Feature is thrown into the mix to tweak the feature flags dynamically without having an impact on the users.

https://timdeschryver.dev/blog/feature-flags-in-net-from-simple-to-more-advanced

Reseed your database with Cypress - Tim Deschryver

By using a Cypress task it's possible to run code JavaScript code in Node.js. We can leverage this API to reseed a database with data we're in control of. Having control over the data allows us to write specific and isolated scenarios to run tests against.

https://timdeschryver.dev/blog/reseed-your-database-with-cypress

Writing a dev.to blog post with VSCode - Tim Deschryver

Writing and publishing a dev.to blog post directly within VSCode

https://timdeschryver.dev/blog/writing-a-devto-blog-post-with-vscode

Configuring Azure Application Insights in an Angular application - Tim Deschryver

Creating a wrapper around the Application Insights SDK to easily consume it in an Angular application

https://timdeschryver.dev/blog/configuring-azure-application-insights-in-an-angular-application

Keep your Playwright tests structured with steps - Tim Deschryver

Leverage the Playwright test.step function to divide your tests into logical steps. These steps create a well-organized summary in the Playwright report and have the benefit that tests become more readable and easier to maintain, especially when a failed test is displayed in the Playwright report.

https://timdeschryver.dev/blog/keep-your-playwright-tests-structured-with-steps

Nested NgRx Entity State - Tim Deschryver

How to manage nested state with multiple NgRx entity adapters.

https://timdeschryver.dev/blog/nested-ngrx-entity-state

Refactor your .NET HTTP Clients to Typed HTTP Clients - Tim Deschryver

A summary of why and how you should refactor your HTTP clients to the typed HTTP client version in .NET.

https://timdeschryver.dev/blog/refactor-your-net-http-clients-to-typed-http-clients

Refactor Functional Tests to support Minimal Web APIs - Tim Deschryver

Some small changes that are needed to create application instances in Functional Tests for Minimal Web APIs

https://timdeschryver.dev/blog/refactor-functional-tests-to-support-minimal-web-apis

This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.

Awaiting Schedule

These updates are awaiting their schedule. Click on a checkbox to get an update now.

• chore(deps): update dependency @sveltejs/kit to v2.5.3
• chore(deps): update dependency vitest to v1.3.1
• chore(deps): update playwright monorepo to v1.42.1 (@playwright/test, playwright)
• chore(deps): update typescript-eslint monorepo to v7.1.1 (@typescript-eslint/eslint-plugin, @typescript-eslint/parser)
• chore(deps): update actions/upload-artifact action to v4
• chore(deps): update all (major) (@sveltejs/adapter-node, actions/checkout, actions/setup-node)

Detected dependencies

• Check this box to trigger a request for Renovate to run again on this repository

Adding OpenTelemetry to an Angular Application - Tim Deschryver

How to register the OpenTelemetry web packages to automatically create traces and send them to a backend. The result is a helpful dashboard containing insights about the Angular application.

https://timdeschryver.dev/blog/adding-opentelemetry-to-an-angular-application

Using the .NET CLI to restore packages from a private NuGet feed - Tim Deschryver

A fix for "Response status code does not indicate success: 401 (Unauthorized)"

https://timdeschryver.dev/blog/using-the-net-cli-to-restore-packages-from-a-private-nuget-feed

You should take advantage of the improved NgRx APIs - Tim Deschryver

NgRx isn't what it used to be. Take advantage of the updated APIs to improve your code base. The result is a more maintainable code base that is easier to read and navigate.

https://timdeschryver.dev/blog/you-should-take-advantage-of-the-improved-ngrx-apis

Faster SQL Bulk Inserts With C# - Tim Deschryver

Using SQL Bulk Copy to have a huge performance gain

https://timdeschryver.dev/blog/faster-sql-bulk-inserts-with-csharp

Hi Tim,

In this article angular-build-once-deploy-to-multiple-environments you describe how to load config at runtime.

In some package module, i need to pass a config through the forRoot method. Do you have an elegant way to populate the forRoot() method with a runtime configuration ?

Playwright in an Azure DevOps Pipeline - Tim Deschryver

Creating a pipeline to run TypeScript Playwright tests in Azure DevOps.

https://timdeschryver.dev/blog/playwright-in-an-azure-devops-pipeline

Treat your .NET Minimal API Endpoint as the application layer - Tim Deschryver

Leverage the power of Minimal APIs to treat your endpoint as the application layer. This has several benefits, but I find the biggest one being the simplicity of it.

https://timdeschryver.dev/blog/treat-your-net-minimal-api-endpoint-as-the-application-layer

Expected Behavior

Article detail is loaded.

Current Behavior

Article detail is not loaded, getting a error message:

500
Cannot convert null or undefined to object

And some console errors:

0: Cannot convert null or undefined to object
client.cf895b4f.js (1,17176)

0: Object doesn't support property or method 'addEventListener'
client.cf895b4f.js (1,9095)

SCRIPT1028: SCRIPT1028: Expected identifier, string or number
2c2e4caa-c199-466f-9bb2-851db618139a (1,140260)

20: Object doesn't support property or method 'addEventListener'
client.cf895b4f.js (1,9095)

Possible Solution

/

Steps to Reproduce

1. Op Edge (Microsoft Edge 44.18362.449.0, Microsoft EdgeHTML 18.18362)
2. Navigate to https://timdeschryver.dev/blog/help-angular-to-make-your-application-faster

Context (Environment)

/

Detailed Description

/

Possible Implementation

/

Playwright API testing with zod - Tim Deschryver

In this post we'll create a custom Playwright matcher to validate the shape of the response body using the zod library. This way, we make sure that the contract between the front-end application and the API is valid.

https://timdeschryver.dev/blog/playwright-api-testing-with-zod

Environment variables with SvelteKit - Tim Deschryver

A simple workaround to use environment variables in SvelteKit

https://timdeschryver.dev/blog/environment-variables-with-sveltekit

Getting the most value out of your Angular Component Tests - Tim Deschryver

How I write my Angular Component Tests with the Angular Testing Library.

https://timdeschryver.dev/blog/getting-the-most-value-out-of-your-angular-component-tests

Maybe it's time to rethink our project structure with .NET 6 - Tim Deschryver

Challenging the status quo with some thoughts on the new .NET Minimal Web API to keep code simple

https://timdeschryver.dev/blog/maybe-its-time-to-rethink-our-project-structure-with-dot-net-6

Using Geolocation in Playwright tests - Tim Deschryver

Before the application gets access to the location of the user, the user receives a prompt asking for permission to share their location. This is not different in Playwright tests. In this blog post, we see how to handle this prompt for your Playwright tests.

https://timdeschryver.dev/blog/using-geolocation-in-playwright-tests

You can now return unmapped types from raw SQL select statements with Entity Framework 8 - Tim Deschryver

Entity Framework 8 brings a new feature allowing us to execute and return unmapped types from SQL select statements. In this blog post we'll take a quick look at how we can accomplish this, and why this is an important tool to have in your toolkit.

https://timdeschryver.dev/blog/you-can-now-return-unmapped-types-from-raw-sql-select-statements-with-entity-framework-8

Using zod-fixture with MSW to generate mocked API responses - Tim Deschryver

Did you know that you could quickly set up a mocked API with the use of zod-fixture and MSW?

https://timdeschryver.dev/blog/using-zod-fixture-with-msw-to-generate-mocked-api-responses

Use the new Angular Clipboard CDK to interact with the clipboard - Tim Deschryver

The new Angular Material release brings us a new CDK clipboard module to interact with the clipboard. In this post, we'll explore how to use the new Clipboard CDK by going over some examples.

https://timdeschryver.dev/blog/use-the-new-angular-clipboard-cdk-to-interact-with-the-clipboard

Using Playwright test shards in combination with a job matrix to improve your CI speed - Tim Deschryver

Utilizing a matrix within your GitHub workflow to create a "test shard matrix" is a major improvement to your CI. This practice can cut the time in half (or better) to run your Playwright test suite.

https://timdeschryver.dev/blog/using-playwright-test-shards-in-combination-with-a-job-matrix-to-improve-your-ci-speed

I tried the Angular Standalone migration, and here is the result - Tim Deschryver

Let's migrate an Angular application using @ngModules to the standalone API. For this task, we use the automatic schematic that's available in Angular v15.2.0-next.2. We also take a look at the manual steps that are required to fully migrate the application to use the new functional APIs.

https://timdeschryver.dev/blog/i-tried-the-angular-standalone-migration-and-here-is-the-result

Keeping browser tabs in sync using localStorage, NgRx, and RxJS - Tim Deschryver

We’re going to take a look at how we can keep the state in sync when a user has multiple tabs open.

https://timdeschryver.dev/blog/keeping-browser-tabs-in-sync-using-localstorage-ngrx-and-rxjs

Parameterized NgRx Selectors - Tim Deschryver

NgRx Selectors with Props

https://timdeschryver.dev/blog/parameterized-selectors

Use Angular directives to extend components that you don't own - Tim Deschryver

Angular directives allow us to extend components without changing their internal code. This is useful to bring a consistent UX to 3rd party components. The directive can be configured to always be applicable, or can be used in an opt-in or opt-out basis.

https://timdeschryver.dev/blog/use-angular-directives-to-extend-components-that-you-dont-own

Google Maps is now an Angular component - Tim Deschryver

The Angular Component pearl-lullaby (v9.0.0-rc.0) release introduces the second official @angular/component component, a Google Maps component. In this post, we take a look at getting started with the Google Maps component.

https://timdeschryver.dev/blog/google-maps-as-an-angular-component

Unlocking reactivity with Svelte and RxJS - Tim Deschryver

I keep being surprised by how reactive Svelte feels. In this article, we take a glance at the Svelte internals to see how Svelte accomplishes this. This is important if we want to use RxJS in Svelte.

https://timdeschryver.dev/blog/unlocking-reactivity-with-svelte-and-rxjs

Reading Code Coverage - Tim Deschryver

An intro to code coverage, how to read it, and how to make use of it in your workflow.

https://timdeschryver.dev/blog/reading-code-coverage

Hi Tim,

First let me thank you for sharing your thoughts and experiments on technology in your blog. It's interesting to read. 🙂

Now the issue: the rss file accessible at https://timdeschryver.dev/blog/rss.xml seems to include the full content of every article present on your blog. I'm using Inoreader (an online rss aggregator) to follow your blog, and the last entry it succeded to retrieve was "Testing your localization with Playwright" (october 2022). I guess a change in the rss feed generation was introduced after that, causing the file size to increase dramatically.

Exploring the new output caching middleware - Tim Deschryver

Taking a closer look at the capability of the new output caching middleware in .NET 7

https://timdeschryver.dev/blog/exploring-the-new-output-caching-middleware

Prevent a Hangfire job from running when it is already active - Tim Deschryver

Concurrency in recurrent jobs can cause race condition issues. However, we can prevent such problems by queuing new jobs when the same job is still pending. This approach helps to manage the job execution and avoids issues that may arise when multiple instances of the same job are active at the same time. In this post we'll see how we can ensure that only one instance of the job is running at any given time, thus preventing conflicts and ensuring a reliable job execution.

https://timdeschryver.dev/blog/prevent-a-hangfire-job-from-running-when-it-is-already-active

A practical guide to Angular Template-Driven Forms - Tim Deschryver

The things I looked up while learning the template-driven way

https://timdeschryver.dev/blog/a-practical-guide-to-angular-template-driven-forms

Hi. I was trying to run the full example at the bottom of https://timdeschryver.dev/blog/google-maps-as-an-angular-component and I ran into the same issue as described in the following stack overflow article:

https://stackoverflow.com/questions/62845428/google-map-angular9-error-with-opening-info-window-getanchor-is-not-found

Are you aware of this issue?
I was using angular 12.

Revamped: Authentication with Playwright - Tim Deschryver

Playwright (v1.31) introduces a new feature to make the authentication process easier. This approach unifies the authentication flow with the rest of the test cases, and more importantly makes it possible to test with different user roles.

https://timdeschryver.dev/blog/revamped-authentication-with-playwright

Fast and easy authentication with Playwright - Tim Deschryver

Using the global setup feature from Playwright to authenticate a test user and reuse its authentication state throughout your test suite.

https://timdeschryver.dev/blog/fast-and-easy-authentication-with-playwright

Make your C# applications faster with LINQ joins - Tim Deschryver

If you don't watch out your C# application might suddenly perform badly. As a solution, we can limit the number of operations with a LINQ Join.

https://timdeschryver.dev/blog/make-your-csharp-applications-faster-with-linq-joins

Build once deploy to multiple environments 🚀 - Tim Deschryver

In our quest to build a twelve-factor app where we build once and deploy to multiple environment we encountered some problems, but we managed to solve them. Read here how we did it.

https://timdeschryver.dev/blog/angular-build-once-deploy-to-multiple-environments

How to test your C# Web API - Tim Deschryver

How to use functional testing to have confidence in the code you ship.

https://timdeschryver.dev/blog/how-to-test-your-csharp-web-api

Using MSW (Mock Service Worker) in an Angular project - Tim Deschryver

Using MSW to mock your server in an Angular project

https://timdeschryver.dev/blog/using-msw-in-an-angular-project

Invoke the Azure DevOps API from within your Azure DevOps pipeline - Tim Deschryver

Using the Azure DevOps API to automatically add reviewers to an Azure DevOp Pull Request from within the CI pipeline.

https://timdeschryver.dev/blog/invoke-the-azure-devops-api-from-within-your-azure-devops-pipeline