feat: add prolang family history 🍼

app/Console/Commands/ProLangAssets.php

@@ -762,9 +762,7 @@ function member
                 'mainRepository' => 'https://github.com/eclipse-archived/ceylon',
                 'rawCodeLink' => 'https://raw.githubusercontent.com/leachim6/hello-world/refs/heads/main/c/Ceylon.ceylon',
             ),
-            'Genie' => array(
-                'rawCodeLink' => 'https://raw.githubusercontent.com/leachim6/hello-world/refs/heads/main/p/ParaSail.psi',
-            ),
+            'Genie' => array(),
             'Forth' => array(
                 'mainRepository' => 'https://github.com/Forth-Standard/forth-standard',
                 'rawCodeLink' => 'https://raw.githubusercontent.com/leachim6/hello-world/refs/heads/main/f/Forth.fth',
@@ -846,7 +844,9 @@ function member
             ),
             'Boo' => array(),
             'Cobra' => array(),
-            'CoffeeScript' => array(),
+            'CoffeeScript' => array(
+                'rawCodeLink' => 'https://raw.githubusercontent.com/acmeism/RosettaCodeData/refs/heads/main/Task/Fibonacci-sequence/CoffeeScript/fibonacci-sequence-2.coffee',
+            ),
             'Commodore BASIC' => array(),
             'Compiler Description Language' => array(),
             'Component Pascal' => array(),
@@ -1050,7 +1050,27 @@ function member
             ),
             'GPSS' => array(),
             'Hamilton C shell' => array(),
-            'Io' => array(),
+            'Io' => array(
+                'mainRepository' => 'https://github.com/IoLanguage/io?tab=readme-ov-file#example-code',
+                'rawCode' => <<<'EOD'
+                    #!/usr/bin/env io
+
+                    Account := Object clone do(
+                    balance := 0.0
+                    deposit := method(v,  balance = balance + v)
+                    show := method(write("Account balance: $", balance, "\n"))
+                    )
+
+                    "Inital: " print
+                    Account show
+
+                    "Depositing $10\n" print
+                    Account deposit(10.0)
+
+                    "Final: " print
+                    Account show
+                EOD
+            ),
             'JOSS II' => array(),
             'Jacquard machine' => array(),
             'KornShell' => array(),
@@ -1092,7 +1112,9 @@ function member
             'occam' => array(
                 'rawCodeLink' => 'https://raw.githubusercontent.com/leachim6/hello-world/refs/heads/main/o/occam.occam',
             ),
-            'Dart' => array(),
+            'Dart' => array(
+                'rawCodeLink' => 'https://raw.githubusercontent.com/acmeism/RosettaCodeData/refs/heads/main/Task/Fibonacci-sequence/Dart/fibonacci-sequence-4.dart',
+            ),
             'Common Lisp' => array(),
             'Windows PowerShell' => array(),
         );

app/Http/Controllers/MainController.php

@@ -135,6 +135,8 @@ public function searchStarredRepository(Request $r) {
      */
     public function langHistory() {
         $groups = YearGroup::with('languages.authors')
+            ->with('languages.parents')
+            ->with('languages.children')
             ->orderBy('position', 'ASC')
             ->get();
 
@@ -143,6 +145,17 @@ public function langHistory() {
         ));
     }
 
+    public function langFamily() {
+        $groups = ProLang::with('authors')
+            ->with('parents')
+            ->with('children')
+            ->get();
+
+        return Inertia::render('LangFamily', array(
+            'langs' => $groups,
+        ));
+    }
+
     public function road() {
         Log::info('action=show_road');
 

justfile

@@ -80,3 +80,9 @@ sync:
 clean_smala:
     php artisan config:clear
     php artisan config:cache
+
+start:
+    just up
+    just up_db
+    just up_adminer
+    just open

package.json

@@ -25,17 +25,21 @@
         "@awesome.me/webawesome": "^3.0.0",
         "@hackernoon/pixel-icon-library": "^1.0.6",
         "@inertiajs/vue3": "^2.2.19",
+        "@nanostores/vue": "^1.0.1",
         "@tailwindcss/vite": "^4.1.11",
         "@vueuse/core": "^12.8.2",
         "@yeger/vue-masonry-wall": "^5.1.4",
         "chart.js": "^4.5.1",
         "class-variance-authority": "^0.7.1",
         "clsx": "^2.1.1",
         "concurrently": "^9.0.1",
+        "d3-force": "^3.0.0",
         "language-colors": "^2.1.55",
         "laravel-vite-plugin": "^2.0.0",
+        "nanostores": "^1.1.0",
         "typescript": "^5.2.2",
         "typewriter-effect": "^2.22.0",
+        "v-network-graph": "^0.9.22",
         "vite": "^7.0.4",
         "vue": "^3.5.13"
     },

resources/js/app.ts

@@ -1,8 +1,10 @@
 import "./app.ui"
 import { createInertiaApp } from "@inertiajs/vue3"
 import { resolvePageComponent } from "laravel-vite-plugin/inertia-helpers"
+import VNetworkGraph from "v-network-graph"
 import type { DefineComponent } from "vue"
 import { createApp, h } from "vue"
+import "v-network-graph/lib/style.css"
 
 const appName = import.meta.env.VITE_APP_NAME || "Laravel"
 
@@ -12,6 +14,7 @@ createInertiaApp({
     setup({ el, App, props, plugin }) {
         createApp({ render: () => h(App, props) })
             .use(plugin)
+            .use(VNetworkGraph)
             .mount(el)
     },
     progress: {

resources/js/components/Layout.vue

@@ -2,21 +2,32 @@
     <Head title="Preums"></Head>
     <NavBar />
 
-    <main>
+    <main :class="{ 'full--width' : props.fullWidht}" >
         <slot></slot>
     </main>
 </template>
 
 <script setup lang="ts">
-import { Head, Link } from "@inertiajs/vue3"
+import { Head } from "@inertiajs/vue3"
 import NavBar from "./NavBar.vue"
+
+const props = defineProps<{
+    fullWidht?: boolean
+}>()
 </script>
 
 <style scoped>
 main {
     padding-bottom: 100px;
-    width: 80%;
-    margin-left: auto;
-    margin-right: auto;
+
+    &.full--width {
+        width: 100%;
+    }
+
+    &:not(.full--width) {
+        width: 80%;
+        margin-left: auto;
+        margin-right: auto;
+    }
 }
 </style>