feat: playground from tresjs

damienmontastier · Feb 14, 2023 · aac7b43 · aac7b43
1 parent c502b2e
commit aac7b43
Show file tree

Hide file tree

Showing 84 changed files with 7,996 additions and 0 deletions.
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,20 @@
+# build output
+dist/
+.output/
+
+# dependencies
+node_modules/
+
+# logs
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+
+
+# environment variables
+.env
+.env.production
+
+# macOS-specific files
+.DS_Store
diff --git a/.vscode/extensions.json b/.vscode/extensions.json
@@ -0,0 +1,4 @@
+{
+  "recommendations": ["astro-build.astro-vscode"],
+  "unwantedRecommendations": []
+}
diff --git a/.vscode/launch.json b/.vscode/launch.json
@@ -0,0 +1,11 @@
+{
+  "version": "0.2.0",
+  "configurations": [
+    {
+      "command": "./node_modules/.bin/astro dev",
+      "name": "Development server",
+      "request": "launch",
+      "type": "node-terminal"
+    }
+  ]
+}
diff --git a/astro.config.mjs b/astro.config.mjs
@@ -0,0 +1,69 @@
+import { defineConfig } from 'astro/config'
+import glsl from 'vite-plugin-glsl'
+import UnoCSS from 'unocss/astro'
+import {
+  presetAttributify,
+  presetIcons,
+  presetTypography,
+  presetUno,
+  presetWebFonts,
+  transformerDirectives,
+  transformerVariantGroup,
+} from 'unocss'
+import presetDaisy from 'unocss-preset-daisy'
+// https://astro.build/config
+import vue from '@astrojs/vue'
+
+// https://astro.build/config
+import mdx from '@astrojs/mdx'
+import svgLoader from 'vite-svg-loader'
+
+// https://astro.build/config
+export default defineConfig({
+  vite: {
+    ssr: {
+      noExternal: ['@kidonng/daisyui'],
+    },
+    plugins: [glsl(), svgLoader()],
+  },
+  integrations: [
+    vue({
+      appEntrypoint: '/src/pages/_app',
+    }),
+    UnoCSS({
+      presets: [
+        presetUno(),
+        presetAttributify(),
+        presetIcons({
+          scale: 1.2,
+          warn: true,
+          extraProperties: {
+            display: 'inline-block',
+            'vertical-align': 'middle',
+            // ...
+          },
+        }),
+        presetTypography({
+          cssExtend: {
+            blockquote: {
+              padding: '1rem',
+              'border-left': `8px solid #888 !important`,
+              background: '#e8e8e8',
+            },
+          },
+        }),
+        presetWebFonts({
+          fonts: {
+            sans: 'DM Sans',
+            serif: 'DM Serif Display',
+            mono: 'DM Mono',
+          },
+        }),
+        presetDaisy(),
+      ],
+      transformers: [transformerDirectives(), transformerVariantGroup()],
+      safelist: 'prose prose-sm m-auto text-left'.split(' '),
+    }),
+    mdx(),
+  ],
+})
diff --git a/package.json b/package.json
@@ -0,0 +1,44 @@
+{
+  "name": "@tresjs/playground",
+  "description": "Playground for TresJS and R3F",
+  "author": "Alvaro Saburido <[email protected]> (https://github.com/alvarosabu/)",
+  "type": "module",
+  "version": "1.0.0",
+  "license": "MIT",
+  "keywords": [
+    "vue",
+    "3d",
+    "threejs",
+    "three",
+    "threejs-vue"
+  ],
+  "scripts": {
+    "dev": "astro dev",
+    "start": "astro dev",
+    "build": "astro build",
+    "preview": "astro preview",
+    "astro": "astro"
+  },
+  "dependencies": {
+    "@astrojs/mdx": "^0.16.0",
+    "@astrojs/vue": "^2.0.1",
+    "astro": "^2.0.11",
+    "astro-seo": "^0.7.0",
+    "vue": "^3.2.47"
+  },
+  "devDependencies": {
+    "@iconify-json/carbon": "^1.1.15",
+    "@iconify-json/logos": "^1.1.23",
+    "@kidonng/daisyui": "^2.50.0",
+    "@tresjs/cientos": "^1.6.0",
+    "@tresjs/core": "^1.6.3",
+    "@unocss/astro": "^0.49.4",
+    "@unocss/reset": "^0.49.4",
+    "gsap": "^3.11.4",
+    "three": "^0.149.0",
+    "unocss": "^0.49.4",
+    "unocss-preset-daisy": "^1.2.0",
+    "vite-plugin-glsl": "^1.1.2",
+    "vite-svg-loader": "^4.0.0"
+  }
+}