feat: internals

packages/i18n/strings/en.json

@@ -869,6 +869,13 @@
     },
 
     "tools": {
+      "internal": {
+        "name": "Internal",
+        "button": "Internal",
+        "description": "BlitzKit internal tools",
+        "seo_description": "BlitzKit internal tools"
+      },
+
       "guess": {
         "name": "Guess the tank",
         "button": "Guess away",

packages/website-ue/src/components/DeniedInternal.astro

@@ -0,0 +1 @@
+Permission denied

packages/website-ue/src/constants/tools.ts

@@ -63,6 +63,12 @@ export const ratingTool: Tool = {
   button: { color: 'orange' },
 };
 
+export const internalTool: Tool = {
+  id: 'internal',
+  enabled: true,
+  button: { color: 'amber' },
+};
+
 export const tools: Tool[] = [
   tanksTool,
   compareTool,
@@ -75,3 +81,5 @@ export const tools: Tool[] = [
   embedTool,
   ratingTool,
 ];
+
+if (import.meta.env.DEV) tools.push(internalTool);

packages/website-ue/src/layouts/InternalBaseLayout.astro

@@ -0,0 +1,18 @@
+---
+import locales from '@blitzkit/i18n/locales.json';
+import DeniedInternal from '../components/DeniedInternal.astro';
+import BaseLayout from './BaseLayout.astro';
+
+const locale = locales.default;
+const isInternal = import.meta.env.DEV;
+---
+
+{
+  isInternal ? (
+    <BaseLayout {locale}>
+      <slot />
+    </BaseLayout>
+  ) : (
+    <DeniedInternal />
+  )
+}

packages/website-ue/src/layouts/InternalToolLayout.astro

@@ -0,0 +1,24 @@
+---
+import locales from '@blitzkit/i18n/locales.json';
+import DeniedInternal from '../components/DeniedInternal.astro';
+import type { Tool } from '../constants/tools';
+import ToolLayout from './ToolLayout.astro';
+
+interface Props {
+  tool: Tool;
+}
+
+const { tool } = Astro.props;
+const locale = locales.default;
+const isInternal = import.meta.env.DEV;
+---
+
+{
+  isInternal ? (
+    <ToolLayout {tool} {locale}>
+      <slot />
+    </ToolLayout>
+  ) : (
+    <DeniedInternal />
+  )
+}

packages/website-ue/src/pages/[...locale]/index.astro

@@ -143,6 +143,7 @@ toolLoop: for (const tool of tools.filter((tool) => tool.enabled)) {
               {row.map((tool) => (
                 <ToolCard {locale} tool={tool} />
               ))}
+              {row.length === 1 && !row[0].significant && <Box flexGrow="1" />}
             </Flex>
           ))
         }

packages/website-ue/src/pages/internal/_index.tsx

@@ -0,0 +1,38 @@
+import { Link, Table } from '@radix-ui/themes';
+import { PageWrapper } from '../../components/PageWrapper';
+
+export function Page() {
+  return (
+    <PageWrapper>
+      <Table.Root>
+        <Table.Header>
+          <Table.Row>
+            <Table.ColumnHeaderCell>Name</Table.ColumnHeaderCell>
+            <Table.ColumnHeaderCell>Memo</Table.ColumnHeaderCell>
+          </Table.Row>
+        </Table.Header>
+
+        <Table.Body>
+          <Table.Row>
+            <Table.Cell>
+              <Link href="internal/ffi">FFI</Link>
+            </Table.Cell>
+            <Table.Cell>
+              Status of BlitzKit's currently mounted foreign function interface
+            </Table.Cell>
+          </Table.Row>
+
+          <Table.Row>
+            <Table.Cell>
+              <Link href="/internal/bindings">Bindings</Link>
+            </Table.Cell>
+            <Table.Cell>
+              Exhaustive list of all bindings and preference of currently
+              mounted client
+            </Table.Cell>
+          </Table.Row>
+        </Table.Body>
+      </Table.Root>
+    </PageWrapper>
+  );
+}

packages/website-ue/src/pages/internal/ffi/_index.tsx

@@ -0,0 +1,9 @@
+import { PageWrapper } from 'packages/website-ue/src/components/PageWrapper';
+
+export function Page() {
+  return (
+    <PageWrapper align="center" justify="center">
+      🔴 Unmounted
+    </PageWrapper>
+  );
+}

packages/website-ue/src/pages/internal/ffi/index.astro

@@ -0,0 +1,8 @@
+---
+import InternalBaseLayout from 'packages/website-ue/src/layouts/InternalBaseLayout.astro';
+import { Page } from './_index';
+---
+
+<InternalBaseLayout>
+  <Page />
+</InternalBaseLayout>

packages/website-ue/src/pages/internal/index.astro

@@ -0,0 +1,9 @@
+---
+import { internalTool } from '../../constants/tools';
+import InternalToolLayout from '../../layouts/InternalToolLayout.astro';
+import { Page } from './_index';
+---
+
+<InternalToolLayout tool={internalTool}>
+  <Page />
+</InternalToolLayout>