angular-threejs
diff --git a/‎apps/astro-docs/astro.config.mjs
Lines changed: 52 additions & 6 deletions b/‎apps/astro-docs/astro.config.mjs
Lines changed: 52 additions & 6 deletions
diff --git a/‎apps/astro-docs/ec.config.mjs
Lines changed: 6 additions & 0 deletions b/‎apps/astro-docs/ec.config.mjs
Lines changed: 6 additions & 0 deletions
diff --git a/‎apps/astro-docs/package.json
Lines changed: 5 additions & 8 deletions b/‎apps/astro-docs/package.json
Lines changed: 5 additions & 8 deletions
@@ -1,8 +1,43 @@
 import analogjsangular from '@analogjs/astro-angular';
 import starlight from '@astrojs/starlight';
 import tailwind from '@astrojs/tailwind';
-import { pluginLineNumbers } from '@expressive-code/plugin-line-numbers';
 import { defineConfig } from 'astro/config';
+import { readFileSync } from 'fs';
+
+function includeContentPlugin() {
+	const map = new Map();
+
+	return [
+		{
+			name: 'pre-include-content',
+			enforce: 'pre',
+			transform(code, id) {
+				if (!id.includes('?includeContent')) return;
+				const [filePath] = id.split('?');
+				const fileContent = readFileSync(filePath, 'utf-8');
+
+				if (map.has(filePath)) return;
+				map.set(filePath, fileContent.replace(/\t/g, '  '));
+			},
+		},
+		{
+			name: 'post-include-content',
+			enforce: 'post',
+			transform(code, id) {
+				if (!id.includes('?includeContent')) return;
+				const [filePath] = id.split('?');
+				const fileContent = map.get(filePath);
+
+				return {
+					code: `
+            ${code}
+            export const content = ${JSON.stringify(fileContent)};
+          `,
+				};
+			},
+		},
+	];
+}
 
 // https://astro.build/config
 export default defineConfig({
@@ -15,11 +50,13 @@ export default defineConfig({
 				'@angular/core',
 				'@angular/core/rxjs-interop',
 				'ngxtension/**',
+				'@pmndrs/vanilla',
 			],
 		},
 		esbuild: {
 			jsxDev: true,
 		},
+		plugins: [includeContentPlugin()],
 	},
 	integrations: [
 		analogjsangular({
@@ -31,7 +68,6 @@ export default defineConfig({
 		}),
 		starlight({
 			title: 'Angular Three',
-			site: 'https://angularthree.netlify.app/',
 			favicon: './src/assets/angular-three-dark.svg',
 			tableOfContents: {
 				minHeadingLevel: 2,
@@ -91,11 +127,21 @@ export default defineConfig({
 						},
 					],
 				},
+				{
+					label: 'Soba',
+					items: [
+						{ label: 'Introduction', slug: 'soba/introduction' },
+						{
+							label: 'Abstractions',
+							items: [
+								{ label: 'Introduction', slug: 'soba/abstractions/introduction' },
+								{ label: 'NgtsGradientTexture', slug: 'soba/abstractions/gradient-texture' },
+								{ label: 'NgtsGrid', slug: 'soba/abstractions/grid' },
+							],
+						},
+					],
+				},
 			],
-			expressiveCode: {
-				themes: ['dark-plus', 'light-plus'],
-				plugins: [pluginLineNumbers()],
-			},
 		}),
 		tailwind({ applyBaseStyles: false }),
 	],
 
@@ -0,0 +1,6 @@
+import { pluginLineNumbers } from '@expressive-code/plugin-line-numbers';
+
+export default {
+	themes: ['dark-plus', 'light-plus'],
+	plugins: [pluginLineNumbers()],
+};
@@ -25,25 +25,22 @@
     "@astrojs/mdx": "^3.1.3",
     "@astrojs/starlight": "^0.25.1",
     "@astrojs/tailwind": "^5.1.0",
-    "angular-three": "^2.0.0-beta.268",
-    "angular-three-cannon": "^2.0.0-beta.268",
-    "angular-three-postprocessing": "^2.0.0-beta.268",
-    "angular-three-soba": "^2.0.0-beta.268",
+    "angular-three": "^2.0.0-beta.270",
+    "angular-three-cannon": "^2.0.0-beta.270",
+    "angular-three-postprocessing": "^2.0.0-beta.270",
+    "angular-three-soba": "^2.0.0-beta.270",
     "astro": "^4.10.2",
-    "ngxtension": "^4.0.0",
     "rxjs": "^7.8.1",
     "sharp": "^0.32.5",
     "tailwindcss": "^3.4.6",
-    "three": "^0.166.1",
     "tslib": "^2.6.3",
     "typescript": "^5.5.3",
     "zone.js": "^0.14.8"
   },
   "nx": {},
   "devDependencies": {
     "@astrojs/starlight-tailwind": "^2.0.3",
-    "@expressive-code/plugin-line-numbers": "^0.35.3",
-    "@types/three": "^0.166.0"
+    "@expressive-code/plugin-line-numbers": "^0.35.3"
   },
   "web-types": [
     "../../node_modules/angular-three/web-types.json",