Merge pull request #14 from nadimtuhin/claude/list-the-c-011CUrKETzp7MJosHDrThiAU

List the C Programming Concepts

Author: nadimtuhin

.devcontainer/Dockerfile

@@ -0,0 +1,5 @@
+FROM mcr.microsoft.com/devcontainers/base:ubuntu-24.04
+
+# use this Dockerfile to install additional tools you might need, e.g.
+# RUN apt-get update && export DEBIAN_FRONTEND=noninteractive \
+#     && apt-get -y install --no-install-recommends <your-package-list-here>

.devcontainer/devcontainer.json

@@ -0,0 +1,20 @@
+// The Dev Container format allows you to configure your environment. At the heart of it
+// is a Docker image or Dockerfile which controls the tools available in your environment.
+//
+// See https://aka.ms/devcontainer.json for more information.
+{
+	"name": "Gitpod",
+	// Use "image": "mcr.microsoft.com/devcontainers/base:ubuntu-24.04",
+	// instead of the build to use a pre-built image.
+	"build": {
+        "context": ".",
+        "dockerfile": "Dockerfile"
+    }
+	// Features add additional features to your environment. See https://containers.dev/features
+	// Beware: features are not supported on all platforms and may have unintended side-effects.
+	// "features": {
+    //   "ghcr.io/devcontainers/features/docker-in-docker": {
+    //     "moby": false
+    //   }
+    // }
+}

package.json

@@ -30,6 +30,7 @@
     "cssbeautify": "^0.3.1",
     "csso": "^5.0.5",
     "diff": "^5.2.0",
+    "dompurify": "^3.3.0",
     "he": "^1.2.0",
     "html-minifier-terser": "^7.2.0",
     "js-yaml": "^4.1.0",
@@ -58,6 +59,7 @@
     "@testing-library/user-event": "^14.6.1",
     "@types/blueimp-md5": "^2.18.2",
     "@types/diff": "^5.0.9",
+    "@types/dompurify": "^3.2.0",
     "@types/he": "^1.2.3",
     "@types/jest": "^29.5.14",
     "@types/js-yaml": "^4.0.9",

pnpm-lock.yaml

@@ -49,6 +49,7 @@ import {
   PanelLeft,
   GripVertical,
   PlayCircle,
+  Shield as ShieldIcon,
 } from "lucide-react";
 import UnixTimeConverter from "./components/UnixTimeConverter";
 import JsonValidator from "./components/JsonValidator";
@@ -94,6 +95,7 @@ import KeyboardShortcuts from "./components/KeyboardShortcuts";
 import Credits from "./components/Credits";
 import WelcomeScreen from "./components/WelcomeScreen";
 import UserJourney from "./components/UserJourney";
+import Base64SecretDecoder from "./components/k8s/Base64SecretDecoder";
 import { OnboardingProvider, useOnboarding } from "./contexts/OnboardingContext";
 import {
   DndContext,
@@ -823,6 +825,14 @@ function AppContent() {
       url: "/color-converter",
       isEnabled: false,
     },
+    {
+      id: "k8s-secret-decoder",
+      name: "K8s Secret Decoder",
+      icon: <ShieldIcon size={20} />,
+      component: <Base64SecretDecoder />,
+      url: "/k8s-secret-decoder",
+      isEnabled: true,
+    },
     {
       id: "credits",
       name: "Credits & Repository",