@s0rt/3dvf 0.2.1 → 0.3.0

package/dist/cli/index.js

@@ -3608,7 +3608,7 @@ var package_default;
 var init_package = __esm(() => {
   package_default = {
     name: "@s0rt/3dvf",
-    version: "0.2.1",
+    version: "0.3.0",
     description: "shadcn-style Three.js function library CLI",
     type: "module",
     bin: {
@@ -10035,7 +10035,11 @@ function writeRegistryItem(item, outputDir, version, cwd = process.cwd()) {
   for (const file of item.files) {
     const dest = join2(itemDir, file.path);
     mkdirSync(dirname(dest), { recursive: true });
-    writeFileSync2(dest, file.content, "utf-8");
+    if (file.encoding === "base64") {
+      writeFileSync2(dest, Buffer.from(file.content, "base64"));
+    } else {
+      writeFileSync2(dest, file.content, "utf-8");
+    }
     written.push(dest);
   }
   const stampPath = join2(itemDir, VERSION_STAMP_FILE);

package/dist/cli/templates/create/vite.config.ts

@@ -1,12 +1,27 @@
-import { defineConfig } from "vite";
+import { defineConfig, type Plugin } from "vite";
 
 import { join, dirname } from "path";
 import { fileURLToPath } from "url";
 
+import { readFileSync } from "fs";
+
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = dirname(__filename);
 
+function glslPlugin(): Plugin {
+  return {
+    name: "glsl-raw",
+    load(id) {
+      if (id.endsWith(".glsl")) {
+        const source = readFileSync(id, "utf-8");
+        return `export default ${JSON.stringify(source)};`;
+      }
+    },
+  };
+}
+
 export default defineConfig({
+  plugins: [glslPlugin()],
   resolve: {
     alias: {
       "@3dvf": join(__dirname, "./__OUTPUT_DIR__"),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@s0rt/3dvf",
-  "version": "0.2.1",
+  "version": "0.3.0",
   "description": "shadcn-style Three.js function library CLI",
   "type": "module",
   "bin": {

package/readme.md

@@ -0,0 +1,55 @@
+## dev
+
+### link local cli
+
+`bun link`
+
+### run the cli
+
+`bun run dev`
+
+### run the registry
+
+`bun run dev:registry`
+
+Using `bunx 3dvf <command>` will now use the local cli.
+
+
+## troubleshotting
+
+### .glsl & vite
+
+Using the `create` command will already apply this fix.
+
+By default vite won't import .glsl files as we want it to, resulting in parsing errors.
+
+You can either prepend import path with `?raw`, or, to avoid touching the 3dvf files, use the following plugin :
+
+```vite.config.ts
+function glslPlugin(): Plugin {
+	return {
+		name: 'glsl-raw',
+		load(id) {
+			if (id.endsWith('.glsl')) {
+				const source = readFileSync(id, 'utf-8');
+				return `export default ${JSON.stringify(source)};`;
+			}
+		}
+	};
+}
+```
+
+And add it
+```vite.config.ts
+{
+  plugins: [glslPlugin]
+}
+```
+
+### .dds
+
+```vite.config.ts
+{
+	assetsInclude: ['**/*.dds']
+}
+```