From 8e6e2aad202d12eb7eec80f5c18c794ad828bb79 Mon Sep 17 00:00:00 2001
From: amiceli <antoine@miceli.click>
Date: Sun, 11 Jan 2026 22:03:48 +0100
Subject: [PATCH 1/3] fix: use prolang path for search

---
 resources/js/components/prolang/LangGraphData.ts | 4 +++-
 resources/js/pages/LangFamily.vue                | 8 ++++++--
 resources/js/pages/LangHistory.vue               | 4 ----
 3 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/resources/js/components/prolang/LangGraphData.ts b/resources/js/components/prolang/LangGraphData.ts
index c9bc2fe..b54b6e5 100644
--- a/resources/js/components/prolang/LangGraphData.ts
+++ b/resources/js/components/prolang/LangGraphData.ts
@@ -2,7 +2,9 @@ import type { Edges, Layouts, Nodes } from "v-network-graph"
 import type { ProLangLanguage } from "@/types/main"
 
 function langNameMatch(lang: ProLangLanguage, search: string) {
-    return lang.name.toLowerCase().includes(search.toLowerCase())
+    return lang.paths.some((p) => {
+        return p.toLowerCase().includes(search.toLowerCase())
+    })
 }
 
 export function isMemberOf(search: string, lang: ProLangLanguage): boolean {
diff --git a/resources/js/pages/LangFamily.vue b/resources/js/pages/LangFamily.vue
index c1ba4ee..a478a4a 100644
--- a/resources/js/pages/LangFamily.vue
+++ b/resources/js/pages/LangFamily.vue
@@ -53,8 +53,12 @@ const configs = reactive(
         node: {
             normal: {
                 color: (n) => {
-                    if (hasName.value && n.name?.includes(hasName.value)) {
-                        return "#a45586"
+                    if (hasName.value) {
+                        const regex = new RegExp(`${hasName.value}`, 'i')
+
+                        if (n.name && regex.test(n.name)) {
+                            return '#a45586'
+                        }
                     }
                     return n.name === "Human" ? "#100d50" : "#08abff"
                 },
diff --git a/resources/js/pages/LangHistory.vue b/resources/js/pages/LangHistory.vue
index 7506cf3..927ac8e 100644
--- a/resources/js/pages/LangHistory.vue
+++ b/resources/js/pages/LangHistory.vue
@@ -89,10 +89,6 @@ function updateSelectedLang(value: string, forClose: boolean) {
     if (forClose) {
         selectedLang.value = ""
     } else {
-        // if (searchLang.value.length > 0) {
-        //     searchLang.value = value
-        // }
-
         searchLang.value = value
         selectedLang.value = value
     }

From 9ac631d963583ef3b8a444b2f74731924e55b983 Mon Sep 17 00:00:00 2001
From: amiceli <antoine@miceli.click>
Date: Sun, 11 Jan 2026 22:22:35 +0100
Subject: [PATCH 2/3] feat: add some langs links

---
 app/Console/Commands/LoadProLang.php | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/app/Console/Commands/LoadProLang.php b/app/Console/Commands/LoadProLang.php
index 10602ca..c932017 100644
--- a/app/Console/Commands/LoadProLang.php
+++ b/app/Console/Commands/LoadProLang.php
@@ -179,6 +179,10 @@ private function updateLangFamily() {
             'Dylan' => array('ALGOL 60', 'EuLisp'),
             // Data : https://en.wikipedia.org/wiki/Lasso_(programming_language)
             'Lasso' => array('Dylan', 'Scala'),
+            // Data : https://en.wikipedia.org/wiki/JavaScript
+            'ActionScript' => array('JavaScript'),
+            'CoffeeScript' => array('JavaScript'),
+            'JavaScript' => array('Java', 'Self', 'AWK'),
         );
 
         foreach ($langFamilies as $name => $value) {

From 7555a2ff29164cc0a22b649c1d14b9cdbc30cee1 Mon Sep 17 00:00:00 2001
From: amiceli <antoine@miceli.click>
Date: Sun, 11 Jan 2026 22:30:49 +0100
Subject: [PATCH 3/3] fix: graph color and card code in lang family

---
 resources/js/components/prolang/LangCard.vue | 33 +++++++++-----------
 resources/js/pages/LangFamily.vue            |  4 +--
 2 files changed, 17 insertions(+), 20 deletions(-)

diff --git a/resources/js/components/prolang/LangCard.vue b/resources/js/components/prolang/LangCard.vue
index 89de930..6efe37c 100644
--- a/resources/js/components/prolang/LangCard.vue
+++ b/resources/js/components/prolang/LangCard.vue
@@ -146,20 +146,17 @@
 
 <script lang="ts" setup>
 import { codeToHtml } from "shiki"
-import { computed, ref } from "vue"
+import { computed, onMounted, ref } from "vue"
 import type { ProLangLanguage } from "@/types/main"
 
-const code = ref<string | null>(null)
-const emits = defineEmits(["select-lang", "close"])
-
 const props = defineProps<{
     lang: ProLangLanguage
     selectedLang: string | null
 }>()
 
-const hasEnoughData = computed(() => {
-    return props.lang.link || props.lang.mainRepository
-})
+const code = ref<string | null>(null)
+const emits = defineEmits(["select-lang", "close"])
+const hasEnoughData = computed(() => props.lang.link || props.lang.mainRepository)
 const castYears = JSON.parse(props.lang.years).join(", ")
 
 async function setCodeHtml(codeStr: string, lang?: string) {
@@ -173,19 +170,19 @@ async function setCodeHtml(codeStr: string, lang?: string) {
 }
 
 async function showCode() {
-    if (code.value === null) {
-        if (props.lang.rawCode) {
-            await setCodeHtml(props.lang.rawCode)
-        } else if (props.lang.rawCodeLink) {
-            const resp = await fetch(props.lang.rawCodeLink)
-            const text = await resp.text()
-
-            setCodeHtml(text)
-        }
-    }
-
     emits("select-lang", props.lang.name)
 }
+
+onMounted(async () => {
+    if (props.lang.rawCode) {
+        await setCodeHtml(props.lang.rawCode)
+    } else if (props.lang.rawCodeLink) {
+        const resp = await fetch(props.lang.rawCodeLink)
+        const text = await resp.text()
+
+        setCodeHtml(text)
+    }
+})
 </script>
 
 <style lang="scss" scoped>
diff --git a/resources/js/pages/LangFamily.vue b/resources/js/pages/LangFamily.vue
index a478a4a..7a39a1e 100644
--- a/resources/js/pages/LangFamily.vue
+++ b/resources/js/pages/LangFamily.vue
@@ -54,10 +54,10 @@ const configs = reactive(
             normal: {
                 color: (n) => {
                     if (hasName.value) {
-                        const regex = new RegExp(`${hasName.value}`, 'i')
+                        const regex = new RegExp(`${hasName.value}`, "i")
 
                         if (n.name && regex.test(n.name)) {
-                            return '#a45586'
+                            return "#a45586"
                         }
                     }
                     return n.name === "Human" ? "#100d50" : "#08abff"