Rollup cleanup

package.json

@@ -14,9 +14,7 @@
     "copy:css": "copyfiles -u 1 \"src/**/*.css\" lib",
     "new:pack": "npm run prepare && clean-package && npm pack && clean-package restore",
     "new:publish": "npm run prepare && clean-package && npm publish && clean-package restore",
-    "build:rollup": "rimraf dist && npm run update-version && NODE_ENV=production rollup -c",
     "build": "npm run update-version && npm run compile && vite build",
-    "dev:rollup": "rollup -c -w",
     "dev": "NODE_ENV=development vite build --watch",
     "build-examples": "tsc --project examples/tsconfig.build.json",
     "dev-examples": "tsc --project examples/tsconfig.build.json -w",
@@ -81,12 +79,8 @@
   },
   "homepage": "https://github.com/repalash/threepipe#readme",
   "devDependencies": {
-    "@rollup/plugin-commonjs": "^25.0.0",
     "@rollup/plugin-json": "^6.0.0",
-    "@rollup/plugin-node-resolve": "^15.0.2",
     "@rollup/plugin-replace": "^5.0.2",
-    "@rollup/plugin-terser": "^0.4.3",
-    "@rollup/plugin-typescript": "^11.1.5",
     "@types/stats.js": "^0.17.0",
     "@typescript-eslint/eslint-plugin": "^5.59.7",
     "@typescript-eslint/parser": "^5.59.5",
@@ -100,18 +94,16 @@
     "local-web-server": "^5.3.0",
     "popmotion": "^11.0.5",
     "rimraf": "^5.0.1",
-    "rollup": "^3.23.0",
     "rollup-plugin-glsl": "^1.3.0",
     "rollup-plugin-license": "^3.0.1",
-    "rollup-plugin-postcss": "^4.0.2",
     "three": "https://github.com/repalash/three.js-modded/releases/download/v0.153.1006/package.tgz",
     "tslib": "^2.5.0",
     "typedoc": "^0.25.7",
     "typescript": "^5.3.3",
     "typescript-plugin-css-modules": "^5.0.1",
-    "vite": "^5.3.5",
-    "vite-plugin-dts": "^3.7.0",
-    "vitepress": "^1.3.2",
+    "vite": "^6.0.5",
+    "vite-plugin-dts": "^4.4.0",
+    "vitepress": "^1.5.0",
     "vitepress-plugin-nprogress": "^0.0.4"
   },
   "dependencies": {

plugins/blend-importer/package.json

@@ -11,16 +11,12 @@
         "remove": [
             "clean-package",
             "scripts",
-            "devDependencies",
-            "//",
-            "markdown-to-html"
+            "devDependencies"
         ],
         "replace": {
-            "replace": {
-                "dependencies": {},
-                "peerDependencies": {
-                    "threepipe": "^0.0.13"
-                }
+            "dependencies": {},
+            "peerDependencies": {
+                "threepipe": "^0.0.13"
             }
         }
     },
@@ -36,17 +32,18 @@
         "new:pack": "npm run prepare && clean-package && npm pack && clean-package restore",
         "new:publish": "npm run prepare && clean-package && npm publish --access public && clean-package restore",
         "prepare": "npm run build && npm run docs",
-        "build": "rimraf dist && NODE_ENV=production rollup -c",
-        "dev": "rollup -c -w",
+        "build": "rimraf dist && vite build",
+        "dev": "NODE_ENV=development vite build --watch",
         "docs": "rimraf docs && npx typedoc"
     },
     "author": "repalash <palash@shaders.app>",
     "license": "Apache-2.0",
     "keywords": [
-        "three",
         "three.js",
         "threepipe",
-        "editor",
+        "importer",
+        "blend",
+        "blender",
         "plugin"
     ],
     "bugs": {

plugins/blend-importer/rollup.config.mjs

@@ -1,100 +0,0 @@
-// rollup.config.js
-import commonjs from '@rollup/plugin-commonjs';
-import json from '@rollup/plugin-json';
-import resolve from '@rollup/plugin-node-resolve';
-import typescript from '@rollup/plugin-typescript';
-import license from 'rollup-plugin-license'
-import packageJson from './package.json' assert {type: 'json'};
-import path from 'path'
-import {fileURLToPath} from 'url';
-import postcss from 'rollup-plugin-postcss'
-import replace from '@rollup/plugin-replace'
-import terser from "@rollup/plugin-terser";
-
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = path.dirname(__filename);
-
-const {name, version, author} = packageJson
-// const {main, module, browser} = packageJson["clean-package"].replace
-const isProduction = process.env.NODE_ENV === 'production'
-
-const settings = {
-    globals: {
-        "three": "threepipe",
-        "threepipe": "threepipe"
-    },
-    sourcemap: true
-}
-
-export default {
-    input: './src/index.ts',
-    output: [
-        //     {
-        //   file: main,
-        //   name: main,
-        //   ...settings,
-        //   format: 'cjs',
-        //   plugins: [
-        //     isProduction && terser()
-        //   ]
-        // },
-        {
-            file: './dist/index.mjs',
-            ...settings,
-            name: name,
-            format: 'es',
-            plugins: [
-                isProduction && terser()
-            ]
-        },
-        {
-            file: './dist/index.js',
-            ...settings,
-            name: name,
-            format: 'umd',
-            plugins: [
-                isProduction && terser()
-            ]
-        }
-    ],
-    external: Object.keys(settings.globals),
-    plugins: [
-        replace({
-            'from \'three\'': 'from \'threepipe\'',
-            delimiters: ['', ''],
-        }),
-        replace({
-            'process.env.NODE_ENV': JSON.stringify('production'),
-        }),
-        postcss({
-            modules: false,
-            autoModules: true,  // todo; issues with typescript import css, because inject is false
-            inject: false,
-            minimize: isProduction,
-            // Or with custom options for `postcss-modules`
-        }),
-        json(),
-        resolve({}),
-        typescript({
-        }),
-        commonjs({
-            include: 'node_modules/**',
-            extensions: ['.js'],
-            ignoreGlobal: false,
-            sourceMap: false
-        }),
-        license({
-            banner: `
-        @license
-        ${name} v${version}
-        Copyright 2022<%= moment().format('YYYY') > 2022 ? '-' + moment().format('YYYY') : null %> ${author}
-        ${packageJson.license} License
-        See ./dependencies.txt for bundled third-party dependencies and licenses.
-      `,
-            thirdParty: {
-                output: path.join(__dirname, 'dist', 'dependencies.txt'),
-                includePrivate: true, // Default is false.
-            },
-        })
-    ]
-}

plugins/blend-importer/vite.config.js

@@ -0,0 +1,91 @@
+import {defineConfig} from 'vite'
+import json from '@rollup/plugin-json';
+import dts from 'vite-plugin-dts'
+import packageJson from './package.json';
+import license from 'rollup-plugin-license';
+import replace from '@rollup/plugin-replace';
+import glsl from 'rollup-plugin-glsl';
+import path from 'node:path';
+
+const isProd = process.env.NODE_ENV === 'production'
+const { name, version, author } = packageJson
+const {main, module, browser} = packageJson
+
+const globals = {
+    'three': 'threepipe', // just incase someone uses three
+    'threepipe': 'threepipe',
+}
+
+export default defineConfig({
+    optimizeDeps: {
+        exclude: ['uiconfig.js', 'ts-browser-helpers'],
+    },
+    base: '',
+    // define: {
+    //     'process.env': process.env
+    // },
+    build: {
+        sourcemap: true,
+        minify: false,
+        cssMinify: isProd,
+        cssCodeSplit: false,
+        watch: !isProd ? {
+            buildDelay: 1000,
+        } : null,
+        lib: {
+            entry: 'src/index.ts',
+            formats: isProd ? ['es', 'umd'] : ['es'],
+            name: name,
+            fileName: (format) => (format === 'umd' ? main : module).replace('dist/', ''),
+        },
+        outDir: 'dist',
+        emptyOutDir: isProd,
+        commonjsOptions: {
+            exclude: [/uiconfig.js/, /ts-browser-helpers/],
+        },
+        rollupOptions: {
+            output: {
+                // inlineDynamicImports: false,
+                globals,
+            },
+            external: Object.keys(globals),
+
+        },
+    },
+    plugins: [
+        isProd ? dts({tsconfigPath: './tsconfig.json'}) : null,
+        replace({
+            'from \'three\'': 'from \'threepipe\'',
+            delimiters: ['', ''],
+            preventAssignment: true,
+        }),
+        replace({
+            'process.env.NODE_ENV': JSON.stringify(isProd ? 'production' : 'development'),
+            preventAssignment: true,
+        }),
+        glsl({ // todo: minify glsl.
+            include: 'src/**/*.glsl',
+        }),
+        json(),
+        // postcss({
+        //     modules: false,
+        //     autoModules: true,  // todo; issues with typescript import css, because inject is false
+        //     inject: false,
+        //     minimize: isProduction,
+        //     // Or with custom options for `postcss-modules`
+        // }),
+        license({
+            banner: `
+        @license
+        ${name} v${version}
+        Copyright 2022<%= moment().format('YYYY') > 2022 ? '-' + moment().format('YYYY') : null %> ${author}
+        ${packageJson.license} License
+        See ./dependencies.txt for any bundled third-party dependencies and licenses.
+      `,
+            thirdParty: {
+                output: path.join(__dirname, 'dist', 'dependencies.txt'),
+                includePrivate: true, // Default is false.
+            },
+        }),
+    ],
+})

plugins/blueprintjs/package.json

@@ -21,8 +21,8 @@
         "new:pack": "npm run prepare && clean-package && npm pack && clean-package restore",
         "new:publish": "npm run prepare && clean-package && npm publish --access public && clean-package restore",
         "prepare": "npm run build && npm run docs",
-        "build": "rimraf dist && NODE_ENV=production rollup -c",
-        "dev": "rollup -c -w",
+        "build": "rimraf dist && vite build",
+        "dev": "NODE_ENV=development vite build --watch",
         "docs": "rimraf docs && npx typedoc"
     },
     "author": "repalash <palash@shaders.app>",
@@ -48,8 +48,7 @@
             "clean-package",
             "scripts",
             "devDependencies",
-            "//",
-            "markdown-to-html"
+            "//"
         ],
         "replace": {
             "dependencies": {},

plugins/blueprintjs/rollup.config.mjs

@@ -1,105 +0,0 @@
-// rollup.config.js
-import commonjs from '@rollup/plugin-commonjs';
-import json from '@rollup/plugin-json';
-import resolve from '@rollup/plugin-node-resolve';
-import typescript from '@rollup/plugin-typescript';
-import license from 'rollup-plugin-license'
-import packageJson from './package.json' assert {type: 'json'};
-import path from 'path'
-import {fileURLToPath} from 'url';
-import terser from "@rollup/plugin-terser";
-import postcss from 'rollup-plugin-postcss'
-import replace from '@rollup/plugin-replace'
-
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = path.dirname(__filename);
-
-const {name, version, author} = packageJson
-// const {main, module, browser} = packageJson["clean-package"].replace
-const isProduction = process.env.NODE_ENV === 'production'
-
-const settings = {
-    globals: {
-        "three": "threepipe",
-        "threepipe": "threepipe"
-    },
-    sourcemap: true
-}
-
-export default {
-    input: './src/index.ts',
-    output: [
-        //     {
-        //   file: main,
-        //   name: main,
-        //   ...settings,
-        //   format: 'cjs',
-        //   plugins: [
-        //     isProduction && terser()
-        //   ]
-        // },
-        {
-            file: './dist/index.mjs',
-            ...settings,
-            name: name,
-            format: 'es',
-            inlineDynamicImports: true,
-            plugins: [
-                isProduction && terser()
-            ]
-        },
-        {
-            file: './dist/index.js',
-            ...settings,
-            name: name,
-            format: 'umd',
-            inlineDynamicImports: true,
-            plugins: [
-                isProduction && terser()
-            ]
-        }
-    ],
-    external: Object.keys(settings.globals),
-    plugins: [
-        replace({
-            'from \'three\'': 'from \'threepipe\'',
-            delimiters: ['', ''],
-            preventAssignment: true,
-        }),
-        replace({
-            'process.env.NODE_ENV': JSON.stringify('production'),
-            preventAssignment: true,
-        }),
-        postcss({
-            modules: false,
-            autoModules: true,  // todo; issues with typescript import css, because inject is false
-            inject: false,
-            minimize: isProduction,
-            // Or with custom options for `postcss-modules`
-        }),
-        json(),
-        resolve({}),
-        typescript({
-            tsconfig: './tsconfig.json',
-        }),
-        commonjs({
-            include: 'node_modules/**',
-            extensions: ['.js'],
-            ignoreGlobal: false,
-            sourceMap: false
-        }),
-        license({
-            banner: `
-        @license
-        ${name} v${version}
-        Copyright 2022<%= moment().format('YYYY') > 2022 ? '-' + moment().format('YYYY') : null %> ${author}
-        ${packageJson.license} License
-        See ./dependencies.txt for any bundled third-party dependencies and licenses.
-      `,
-            thirdParty: {
-                output: path.join(__dirname, 'dist', 'dependencies.txt'),
-                includePrivate: true, // Default is false.
-            },
-        })
-    ]
-}

plugins/blueprintjs/vite.config.js

@@ -0,0 +1,91 @@
+import {defineConfig} from 'vite'
+import json from '@rollup/plugin-json';
+import dts from 'vite-plugin-dts'
+import packageJson from './package.json';
+import license from 'rollup-plugin-license';
+import replace from '@rollup/plugin-replace';
+import glsl from 'rollup-plugin-glsl';
+import path from 'node:path';
+
+const isProd = process.env.NODE_ENV === 'production'
+const { name, version, author } = packageJson
+const {main, module, browser} = packageJson
+
+const globals = {
+    'three': 'threepipe', // just incase someone uses three
+    'threepipe': 'threepipe',
+}
+
+export default defineConfig({
+    optimizeDeps: {
+        exclude: ['uiconfig.js', 'ts-browser-helpers'],
+    },
+    base: '',
+    // define: {
+    //     'process.env': process.env
+    // },
+    build: {
+        sourcemap: true,
+        minify: false,
+        cssMinify: isProd,
+        cssCodeSplit: false,
+        watch: !isProd ? {
+            buildDelay: 1000,
+        } : null,
+        lib: {
+            entry: 'src/index.ts',
+            formats: isProd ? ['es', 'umd'] : ['es'],
+            name: name,
+            fileName: (format) => (format === 'umd' ? main : module).replace('dist/', ''),
+        },
+        outDir: 'dist',
+        emptyOutDir: isProd,
+        commonjsOptions: {
+            exclude: [/uiconfig.js/, /ts-browser-helpers/],
+        },
+        rollupOptions: {
+            output: {
+                // inlineDynamicImports: false,
+                globals,
+            },
+            external: Object.keys(globals),
+
+        },
+    },
+    plugins: [
+        isProd ? dts({tsconfigPath: './tsconfig.json'}) : null,
+        replace({
+            'from \'three\'': 'from \'threepipe\'',
+            delimiters: ['', ''],
+            preventAssignment: true,
+        }),
+        replace({
+            'process.env.NODE_ENV': JSON.stringify(isProd ? 'production' : 'development'),
+            preventAssignment: true,
+        }),
+        glsl({ // todo: minify glsl.
+            include: 'src/**/*.glsl',
+        }),
+        json(),
+        // postcss({
+        //     modules: false,
+        //     autoModules: true,  // todo; issues with typescript import css, because inject is false
+        //     inject: false,
+        //     minimize: isProduction,
+        //     // Or with custom options for `postcss-modules`
+        // }),
+        license({
+            banner: `
+        @license
+        ${name} v${version}
+        Copyright 2022<%= moment().format('YYYY') > 2022 ? '-' + moment().format('YYYY') : null %> ${author}
+        ${packageJson.license} License
+        See ./dependencies.txt for any bundled third-party dependencies and licenses.
+      `,
+            thirdParty: {
+                output: path.join(__dirname, 'dist', 'dependencies.txt'),
+                includePrivate: true, // Default is false.
+            },
+        }),
+    ],
+})

plugins/configurator/package.json

@@ -12,9 +12,7 @@
         "remove": [
             "clean-package",
             "scripts",
-            "devDependencies",
-            "//",
-            "markdown-to-html"
+            "devDependencies"
         ],
         "replace": {
             "dependencies": {},

plugins/extra-importers/package.json

@@ -34,8 +34,8 @@
         "new:pack": "npm run prepare && clean-package && npm pack && clean-package restore",
         "new:publish": "npm run prepare && clean-package && npm publish --access public && clean-package restore",
         "prepare": "npm run build && npm run docs",
-        "build": "rimraf dist && NODE_ENV=production rollup -c",
-        "dev": "rollup -c -w",
+        "build": "rimraf dist && vite build",
+        "dev": "NODE_ENV=development vite build --watch",
         "docs": "rimraf docs && npx typedoc"
     },
     "author": "repalash <palash@shaders.app>",

plugins/extra-importers/rollup.config.mjs

@@ -1,102 +0,0 @@
-// rollup.config.js
-import commonjs from '@rollup/plugin-commonjs';
-import json from '@rollup/plugin-json';
-import resolve from '@rollup/plugin-node-resolve';
-import typescript from '@rollup/plugin-typescript';
-import license from 'rollup-plugin-license'
-import packageJson from './package.json' assert {type: 'json'};
-import path from 'node:path'
-import {fileURLToPath} from 'node:url';
-import postcss from 'rollup-plugin-postcss'
-import replace from '@rollup/plugin-replace'
-import terser from "@rollup/plugin-terser";
-
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = path.dirname(__filename);
-
-const {name, version, author} = packageJson
-// const {main, module, browser} = packageJson["clean-package"].replace
-const isProduction = process.env.NODE_ENV === 'production'
-
-const settings = {
-    globals: {
-        "threepipe": "threepipe",
-        "three": "threepipe"
-    },
-    sourcemap: true
-}
-
-export default {
-    input: './src/index.ts',
-    output: [
-        //     {
-        //   file: main,
-        //   name: main,
-        //   ...settings,
-        //   format: 'cjs',
-        //   plugins: [
-        //     isProduction && terser()
-        //   ]
-        // },
-        {
-            file: './dist/index.mjs',
-            ...settings,
-            name: name,
-            format: 'es',
-            plugins: [
-                isProduction && terser()
-            ]
-        },
-        // {
-        //     file: './dist/index.js',
-        //     ...settings,
-        //     name: name,
-        //     format: 'umd',
-        //     plugins: [
-        //         isProduction && terser()
-        //     ]
-        // }
-    ],
-    external: Object.keys(settings.globals),
-    plugins: [
-        replace({
-            'from \'three\'': 'from \'threepipe\'',
-            delimiters: ['', ''],
-            preventAssignment: true,
-        }),
-        replace({
-            'process.env.NODE_ENV': JSON.stringify('production'),
-            preventAssignment: true,
-        }),
-        postcss({
-            modules: false,
-            autoModules: true,  // todo; issues with typescript import css, because inject is false
-            inject: false,
-            minimize: isProduction,
-            // Or with custom options for `postcss-modules`
-        }),
-        json(),
-        resolve({}),
-        typescript({
-        }),
-        commonjs({
-            include: 'node_modules/**',
-            extensions: ['.js'],
-            ignoreGlobal: false,
-            sourceMap: false
-        }),
-        license({
-            banner: `
-        @license
-        ${name} v${version}
-        Copyright 2022<%= moment().format('YYYY') > 2022 ? '-' + moment().format('YYYY') : null %> ${author}
-        ${packageJson.license} License
-        See ./dependencies.txt for any bundled third-party dependencies and licenses.
-      `,
-            thirdParty: {
-                output: path.join(__dirname, 'dist', 'dependencies.txt'),
-                includePrivate: true, // Default is false.
-            },
-        })
-    ]
-}

plugins/extra-importers/vite.config.js

@@ -0,0 +1,92 @@
+import {defineConfig} from 'vite'
+import json from '@rollup/plugin-json';
+import dts from 'vite-plugin-dts'
+import packageJson from './package.json';
+import license from 'rollup-plugin-license';
+import replace from '@rollup/plugin-replace';
+import glsl from 'rollup-plugin-glsl';
+import path from 'node:path';
+
+const isProd = process.env.NODE_ENV === 'production'
+const { name, version, author } = packageJson
+const {main, module, browser} = packageJson
+
+const globals = {
+    'three': 'threepipe', // just incase someone uses three
+    'threepipe': 'threepipe',
+    '@threepipe/plugin-tweakpane': '@threepipe/plugin-tweakpane',
+}
+
+export default defineConfig({
+    optimizeDeps: {
+        exclude: ['uiconfig.js', 'ts-browser-helpers'],
+    },
+    base: '',
+    // define: {
+    //     'process.env': process.env
+    // },
+    build: {
+        sourcemap: true,
+        minify: false,
+        cssMinify: isProd,
+        cssCodeSplit: false,
+        watch: !isProd ? {
+            buildDelay: 1000,
+        } : null,
+        lib: {
+            entry: 'src/index.ts',
+            formats: isProd && main !== module ? ['es', 'umd'] : ['es'],
+            name: name,
+            fileName: (format) => (format === 'umd' ? main : module).replace('dist/', ''),
+        },
+        outDir: 'dist',
+        emptyOutDir: isProd,
+        commonjsOptions: {
+            exclude: [/uiconfig.js/, /ts-browser-helpers/],
+        },
+        rollupOptions: {
+            output: {
+                // inlineDynamicImports: false,
+                globals,
+            },
+            external: Object.keys(globals),
+
+        },
+    },
+    plugins: [
+        isProd ? dts({tsconfigPath: './tsconfig.json'}) : null,
+        replace({
+            'from \'three\'': 'from \'threepipe\'',
+            delimiters: ['', ''],
+            preventAssignment: true,
+        }),
+        replace({
+            'process.env.NODE_ENV': JSON.stringify(isProd ? 'production' : 'development'),
+            preventAssignment: true,
+        }),
+        glsl({ // todo: minify glsl.
+            include: 'src/**/*.glsl',
+        }),
+        json(),
+        // postcss({
+        //     modules: false,
+        //     autoModules: true,  // todo; issues with typescript import css, because inject is false
+        //     inject: false,
+        //     minimize: isProduction,
+        //     // Or with custom options for `postcss-modules`
+        // }),
+        license({
+            banner: `
+        @license
+        ${name} v${version}
+        Copyright 2022<%= moment().format('YYYY') > 2022 ? '-' + moment().format('YYYY') : null %> ${author}
+        ${packageJson.license} License
+        See ./dependencies.txt for any bundled third-party dependencies and licenses.
+      `,
+            thirdParty: {
+                output: path.join(__dirname, 'dist', 'dependencies.txt'),
+                includePrivate: true, // Default is false.
+            },
+        }),
+    ],
+})

plugins/geometry-generator/package.json

@@ -11,9 +11,7 @@
         "remove": [
             "clean-package",
             "scripts",
-            "devDependencies",
-            "//",
-            "markdown-to-html"
+            "devDependencies"
         ],
         "replace": {
             "dependencies": {},
@@ -34,8 +32,8 @@
         "new:pack": "npm run prepare && clean-package && npm pack && clean-package restore",
         "new:publish": "npm run prepare && clean-package && npm publish --access public && clean-package restore",
         "prepare": "npm run build && npm run docs",
-        "build": "rimraf dist && NODE_ENV=production rollup -c",
-        "dev": "rollup -c -w",
+        "build": "rimraf dist && vite build",
+        "dev": "NODE_ENV=development vite build --watch",
         "docs": "rimraf docs && npx typedoc"
     },
     "author": "repalash <palash@shaders.app>",

plugins/geometry-generator/rollup.config.mjs

@@ -1,102 +0,0 @@
-// rollup.config.js
-import commonjs from '@rollup/plugin-commonjs';
-import json from '@rollup/plugin-json';
-import resolve from '@rollup/plugin-node-resolve';
-import typescript from '@rollup/plugin-typescript';
-import license from 'rollup-plugin-license'
-import packageJson from './package.json' assert {type: 'json'};
-import path from 'node:path'
-import {fileURLToPath} from 'node:url';
-import postcss from 'rollup-plugin-postcss'
-import replace from '@rollup/plugin-replace'
-import terser from "@rollup/plugin-terser";
-
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = path.dirname(__filename);
-
-const {name, version, author} = packageJson
-// const {main, module, browser} = packageJson["clean-package"].replace
-const isProduction = process.env.NODE_ENV === 'production'
-
-const settings = {
-    globals: {
-        "threepipe": "threepipe",
-        "three": "threepipe"
-    },
-    sourcemap: true
-}
-
-export default {
-    input: './src/index.ts',
-    output: [
-        //     {
-        //   file: main,
-        //   name: main,
-        //   ...settings,
-        //   format: 'cjs',
-        //   plugins: [
-        //     isProduction && terser()
-        //   ]
-        // },
-        {
-            file: './dist/index.mjs',
-            ...settings,
-            name: name,
-            format: 'es',
-            plugins: [
-                isProduction && terser()
-            ]
-        },
-        {
-            file: './dist/index.js',
-            ...settings,
-            name: name,
-            format: 'umd',
-            plugins: [
-                isProduction && terser()
-            ]
-        }
-    ],
-    external: Object.keys(settings.globals),
-    plugins: [
-        replace({
-            'from \'three\'': 'from \'threepipe\'',
-            delimiters: ['', ''],
-            preventAssignment: true,
-        }),
-        replace({
-            'process.env.NODE_ENV': JSON.stringify('production'),
-            preventAssignment: true,
-        }),
-        postcss({
-            modules: false,
-            autoModules: true,  // todo; issues with typescript import css, because inject is false
-            inject: false,
-            minimize: isProduction,
-            // Or with custom options for `postcss-modules`
-        }),
-        json(),
-        resolve({}),
-        typescript({
-        }),
-        commonjs({
-            include: 'node_modules/**',
-            extensions: ['.js'],
-            ignoreGlobal: false,
-            sourceMap: false
-        }),
-        license({
-            banner: `
-        @license
-        ${name} v${version}
-        Copyright 2022<%= moment().format('YYYY') > 2022 ? '-' + moment().format('YYYY') : null %> ${author}
-        ${packageJson.license} License
-        See ./dependencies.txt for any bundled third-party dependencies and licenses.
-      `,
-            thirdParty: {
-                output: path.join(__dirname, 'dist', 'dependencies.txt'),
-                includePrivate: true, // Default is false.
-            },
-        })
-    ]
-}

plugins/geometry-generator/vite.config.js

@@ -0,0 +1,91 @@
+import {defineConfig} from 'vite'
+import json from '@rollup/plugin-json';
+import dts from 'vite-plugin-dts'
+import packageJson from './package.json';
+import license from 'rollup-plugin-license';
+import replace from '@rollup/plugin-replace';
+import glsl from 'rollup-plugin-glsl';
+import path from 'node:path';
+
+const isProd = process.env.NODE_ENV === 'production'
+const { name, version, author } = packageJson
+const {main, module, browser} = packageJson
+
+const globals = {
+    'three': 'threepipe', // just incase someone uses three
+    'threepipe': 'threepipe',
+}
+
+export default defineConfig({
+    optimizeDeps: {
+        exclude: ['uiconfig.js', 'ts-browser-helpers'],
+    },
+    base: '',
+    // define: {
+    //     'process.env': process.env
+    // },
+    build: {
+        sourcemap: true,
+        minify: false,
+        cssMinify: isProd,
+        cssCodeSplit: false,
+        watch: !isProd ? {
+            buildDelay: 1000,
+        } : null,
+        lib: {
+            entry: 'src/index.ts',
+            formats: isProd && main !== module ? ['es', 'umd'] : ['es'],
+            name: name,
+            fileName: (format) => (format === 'umd' ? main : module).replace('dist/', ''),
+        },
+        outDir: 'dist',
+        emptyOutDir: isProd,
+        commonjsOptions: {
+            exclude: [/uiconfig.js/, /ts-browser-helpers/],
+        },
+        rollupOptions: {
+            output: {
+                // inlineDynamicImports: false,
+                globals,
+            },
+            external: Object.keys(globals),
+
+        },
+    },
+    plugins: [
+        isProd ? dts({tsconfigPath: './tsconfig.json'}) : null,
+        replace({
+            'from \'three\'': 'from \'threepipe\'',
+            delimiters: ['', ''],
+            preventAssignment: true,
+        }),
+        replace({
+            'process.env.NODE_ENV': JSON.stringify(isProd ? 'production' : 'development'),
+            preventAssignment: true,
+        }),
+        glsl({ // todo: minify glsl.
+            include: 'src/**/*.glsl',
+        }),
+        json(),
+        // postcss({
+        //     modules: false,
+        //     autoModules: true,  // todo; issues with typescript import css, because inject is false
+        //     inject: false,
+        //     minimize: isProduction,
+        //     // Or with custom options for `postcss-modules`
+        // }),
+        license({
+            banner: `
+        @license
+        ${name} v${version}
+        Copyright 2022<%= moment().format('YYYY') > 2022 ? '-' + moment().format('YYYY') : null %> ${author}
+        ${packageJson.license} License
+        See ./dependencies.txt for any bundled third-party dependencies and licenses.
+      `,
+            thirdParty: {
+                output: path.join(__dirname, 'dist', 'dependencies.txt'),
+                includePrivate: true, // Default is false.
+            },
+        }),
+    ],
+})

plugins/gltf-transform/package.json

@@ -13,9 +13,7 @@
         "remove": [
             "clean-package",
             "scripts",
-            "devDependencies",
-            "//",
-            "markdown-to-html"
+            "devDependencies"
         ],
         "replace": {
             "dependencies": {},

plugins/gltf-transform/vite.config.js

@@ -57,6 +57,7 @@ export default defineConfig({
         replace({
             'from \'three\'': 'from \'threepipe\'',
             delimiters: ['', ''],
+            preventAssignment: true,
         }),
         replace({
             'process.env.NODE_ENV': JSON.stringify(isProd ? 'production' : 'development'),

plugins/svg-renderer/package-lock.json

@@ -24,7 +24,7 @@
             }
         },
         "../../node_modules/three": {
-            "version": "0.153.1003",
+            "version": "0.153.1006",
             "dev": true,
             "license": "MIT",
             "devDependencies": {

plugins/tweakpane-editor/package.json

@@ -14,9 +14,7 @@
         "remove": [
             "clean-package",
             "scripts",
-            "devDependencies",
-            "//",
-            "markdown-to-html"
+            "devDependencies"
         ],
         "replace": {
             "dependencies": {},
@@ -38,8 +36,8 @@
         "new:pack": "npm run prepare && clean-package && npm pack && clean-package restore",
         "new:publish": "npm run prepare && clean-package && npm publish --access public && clean-package restore",
         "prepare": "npm run build && npm run docs",
-        "build": "rimraf dist && NODE_ENV=production rollup -c",
-        "dev": "rollup -c -w",
+        "build": "rimraf dist && vite build",
+        "dev": "NODE_ENV=development vite build --watch",
         "docs": "rimraf docs && npx typedoc"
     },
     "author": "repalash <palash@shaders.app>",

plugins/tweakpane-editor/rollup.config.mjs

@@ -1,103 +0,0 @@
-// rollup.config.js
-import commonjs from '@rollup/plugin-commonjs';
-import json from '@rollup/plugin-json';
-import resolve from '@rollup/plugin-node-resolve';
-import typescript from '@rollup/plugin-typescript';
-import license from 'rollup-plugin-license'
-import packageJson from './package.json' assert {type: 'json'};
-import path from 'path'
-import {fileURLToPath} from 'url';
-import postcss from 'rollup-plugin-postcss'
-import replace from '@rollup/plugin-replace'
-import terser from "@rollup/plugin-terser";
-
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = path.dirname(__filename);
-
-const {name, version, author} = packageJson
-// const {main, module, browser} = packageJson["clean-package"].replace
-const isProduction = process.env.NODE_ENV === 'production'
-
-const settings = {
-    globals: {
-        "three": "threepipe",
-        "threepipe": "threepipe",
-        "@threepipe/plugin-tweakpane": "@threepipe/plugin-tweakpane" // would be used in externals
-    },
-    sourcemap: true
-}
-
-export default {
-    input: './src/index.ts',
-    output: [
-        //     {
-        //   file: main,
-        //   name: main,
-        //   ...settings,
-        //   format: 'cjs',
-        //   plugins: [
-        //     isProduction && terser()
-        //   ]
-        // },
-        {
-            file: './dist/index.mjs',
-            ...settings,
-            name: name,
-            format: 'es',
-            plugins: [
-                isProduction && terser()
-            ]
-        },
-        {
-            file: './dist/index.js',
-            ...settings,
-            name: name,
-            format: 'umd',
-            plugins: [
-                isProduction && terser()
-            ]
-        }
-    ],
-    external: Object.keys(settings.globals),
-    plugins: [
-        replace({
-            'from \'three\'': 'from \'threepipe\'',
-            delimiters: ['', ''],
-            preventAssignment: true,
-        }),
-        replace({
-            'process.env.NODE_ENV': JSON.stringify('production'),
-            preventAssignment: true,
-        }),
-        postcss({
-            modules: false,
-            autoModules: true,  // todo; issues with typescript import css, because inject is false
-            inject: false,
-            minimize: isProduction,
-            // Or with custom options for `postcss-modules`
-        }),
-        json(),
-        resolve({}),
-        typescript({
-        }),
-        commonjs({
-            include: 'node_modules/**',
-            extensions: ['.js'],
-            ignoreGlobal: false,
-            sourceMap: false
-        }),
-        license({
-            banner: `
-        @license
-        ${name} v${version}
-        Copyright 2022<%= moment().format('YYYY') > 2022 ? '-' + moment().format('YYYY') : null %> ${author}
-        ${packageJson.license} License
-        See ./dependencies.txt for any bundled third-party dependencies and licenses.
-      `,
-            thirdParty: {
-                output: path.join(__dirname, 'dist', 'dependencies.txt'),
-                includePrivate: true, // Default is false.
-            },
-        })
-    ]
-}

plugins/tweakpane-editor/src/TweakpaneEditorPlugin.ts

@@ -10,9 +10,9 @@ import {
 } from 'threepipe'
 import {setupFullscreenButton, setupUtilButtonsBar} from './util-buttons'
 import {setupWebGiLogo} from './logo'
-import styles from './TweakpaneEditorPlugin.css'
+import styles from './TweakpaneEditorPlugin.css?inline'
 import tippy from 'tippy.js'
-import tippyStyles from 'tippy.js/dist/tippy.css'
+import tippyStyles from 'tippy.js/dist/tippy.css?inline'
 import {TweakpaneUiPlugin} from '@threepipe/plugin-tweakpane'
 
 export class TweakpaneEditorPlugin extends AViewerPluginSync<string> {

plugins/tweakpane-editor/vite.config.js

@@ -0,0 +1,92 @@
+import {defineConfig} from 'vite'
+import json from '@rollup/plugin-json';
+import dts from 'vite-plugin-dts'
+import packageJson from './package.json';
+import license from 'rollup-plugin-license';
+import replace from '@rollup/plugin-replace';
+import glsl from 'rollup-plugin-glsl';
+import path from 'node:path';
+
+const isProd = process.env.NODE_ENV === 'production'
+const { name, version, author } = packageJson
+const {main, module, browser} = packageJson
+
+const globals = {
+    'three': 'threepipe', // just incase someone uses three
+    'threepipe': 'threepipe',
+    '@threepipe/plugin-tweakpane': '@threepipe/plugin-tweakpane',
+}
+
+export default defineConfig({
+    optimizeDeps: {
+        exclude: ['uiconfig.js', 'ts-browser-helpers'],
+    },
+    base: '',
+    // define: {
+    //     'process.env': process.env
+    // },
+    build: {
+        sourcemap: true,
+        minify: false,
+        cssMinify: isProd,
+        cssCodeSplit: false,
+        watch: !isProd ? {
+            buildDelay: 1000,
+        } : null,
+        lib: {
+            entry: 'src/index.ts',
+            formats: isProd && main !== module ? ['es', 'umd'] : ['es'],
+            name: name,
+            fileName: (format) => (format === 'umd' ? main : module).replace('dist/', ''),
+        },
+        outDir: 'dist',
+        emptyOutDir: isProd,
+        commonjsOptions: {
+            exclude: [/uiconfig.js/, /ts-browser-helpers/],
+        },
+        rollupOptions: {
+            output: {
+                // inlineDynamicImports: false,
+                globals,
+            },
+            external: Object.keys(globals),
+
+        },
+    },
+    plugins: [
+        isProd ? dts({tsconfigPath: './tsconfig.json'}) : null,
+        replace({
+            'from \'three\'': 'from \'threepipe\'',
+            delimiters: ['', ''],
+            preventAssignment: true,
+        }),
+        replace({
+            'process.env.NODE_ENV': JSON.stringify(isProd ? 'production' : 'development'),
+            preventAssignment: true,
+        }),
+        glsl({ // todo: minify glsl.
+            include: 'src/**/*.glsl',
+        }),
+        json(),
+        // postcss({
+        //     modules: false,
+        //     autoModules: true,  // todo; issues with typescript import css, because inject is false
+        //     inject: false,
+        //     minimize: isProduction,
+        //     // Or with custom options for `postcss-modules`
+        // }),
+        license({
+            banner: `
+        @license
+        ${name} v${version}
+        Copyright 2022<%= moment().format('YYYY') > 2022 ? '-' + moment().format('YYYY') : null %> ${author}
+        ${packageJson.license} License
+        See ./dependencies.txt for any bundled third-party dependencies and licenses.
+      `,
+            thirdParty: {
+                output: path.join(__dirname, 'dist', 'dependencies.txt'),
+                includePrivate: true, // Default is false.
+            },
+        }),
+    ],
+})

plugins/tweakpane/package.json

@@ -22,8 +22,8 @@
         "new:pack": "npm run prepare && clean-package && npm pack && clean-package restore",
         "new:publish": "npm run prepare && clean-package && npm publish --access public && clean-package restore",
         "prepare": "npm run build && npm run docs",
-        "build": "rimraf dist && NODE_ENV=production rollup -c",
-        "dev": "rollup -c -w",
+        "build": "rimraf dist && vite build",
+        "dev": "NODE_ENV=development vite build --watch",
         "docs": "rimraf docs && npx typedoc"
     },
     "author": "repalash <palash@shaders.app>",
@@ -49,8 +49,7 @@
             "clean-package",
             "scripts",
             "devDependencies",
-            "//",
-            "markdown-to-html"
+            "//"
         ],
         "replace": {
             "dependencies": {

plugins/tweakpane/rollup.config.mjs

@@ -1,103 +0,0 @@
-// rollup.config.js
-import commonjs from '@rollup/plugin-commonjs';
-import json from '@rollup/plugin-json';
-import resolve from '@rollup/plugin-node-resolve';
-import typescript from '@rollup/plugin-typescript';
-import license from 'rollup-plugin-license'
-import packageJson from './package.json' assert {type: 'json'};
-import path from 'path'
-import {fileURLToPath} from 'url';
-import terser from "@rollup/plugin-terser";
-import postcss from 'rollup-plugin-postcss'
-import replace from '@rollup/plugin-replace'
-
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = path.dirname(__filename);
-
-const {name, version, author} = packageJson
-// const {main, module, browser} = packageJson["clean-package"].replace
-const isProduction = process.env.NODE_ENV === 'production'
-
-const settings = {
-    globals: {
-        "three": "threepipe",
-        "threepipe": "threepipe"
-    },
-    sourcemap: true
-}
-
-export default {
-    input: './src/index.ts',
-    output: [
-        //     {
-        //   file: main,
-        //   name: main,
-        //   ...settings,
-        //   format: 'cjs',
-        //   plugins: [
-        //     isProduction && terser()
-        //   ]
-        // },
-        {
-            file: './dist/index.mjs',
-            ...settings,
-            name: name,
-            format: 'es',
-            plugins: [
-                isProduction && terser()
-            ]
-        },
-        {
-            file: './dist/index.js',
-            ...settings,
-            name: name,
-            format: 'umd',
-            plugins: [
-                isProduction && terser()
-            ]
-        }
-    ],
-    external: Object.keys(settings.globals),
-    plugins: [
-        replace({
-            'from \'three\'': 'from \'threepipe\'',
-            delimiters: ['', ''],
-            preventAssignment: true,
-        }),
-        replace({
-            'process.env.NODE_ENV': JSON.stringify('production'),
-            preventAssignment: true,
-        }),
-        postcss({
-            modules: false,
-            autoModules: true,  // todo; issues with typescript import css, because inject is false
-            inject: false,
-            minimize: isProduction,
-            // Or with custom options for `postcss-modules`
-        }),
-        json(),
-        resolve({}),
-        typescript({
-            tsconfig: './tsconfig.json',
-        }),
-        commonjs({
-            include: 'node_modules/**',
-            extensions: ['.js'],
-            ignoreGlobal: false,
-            sourceMap: false
-        }),
-        license({
-            banner: `
-        @license
-        ${name} v${version}
-        Copyright 2022<%= moment().format('YYYY') > 2022 ? '-' + moment().format('YYYY') : null %> ${author}
-        ${packageJson.license} License
-        See ./dependencies.txt for any bundled third-party dependencies and licenses.
-      `,
-            thirdParty: {
-                output: path.join(__dirname, 'dist', 'dependencies.txt'),
-                includePrivate: true, // Default is false.
-            },
-        })
-    ]
-}

plugins/tweakpane/src/TweakpaneUiPlugin.ts

@@ -21,7 +21,7 @@ import {
     Vector3,
     Vector4,
 } from 'threepipe'
-import styles from './tpTheme.css'
+import styles from './tpTheme.css?inline'
 import {tpImageInputGenerator} from './tpImageInputGenerator'
 
 @uiFolderContainer('Tweakpane UI')

plugins/tweakpane/vite.config.js

@@ -0,0 +1,91 @@
+import {defineConfig} from 'vite'
+import json from '@rollup/plugin-json';
+import dts from 'vite-plugin-dts'
+import packageJson from './package.json';
+import license from 'rollup-plugin-license';
+import replace from '@rollup/plugin-replace';
+import glsl from 'rollup-plugin-glsl';
+import path from 'node:path';
+
+const isProd = process.env.NODE_ENV === 'production'
+const { name, version, author } = packageJson
+const {main, module, browser} = packageJson
+
+const globals = {
+    'three': 'threepipe', // just incase someone uses three
+    'threepipe': 'threepipe',
+}
+
+export default defineConfig({
+    optimizeDeps: {
+        exclude: ['uiconfig.js', 'ts-browser-helpers'],
+    },
+    base: '',
+    // define: {
+    //     'process.env': process.env
+    // },
+    build: {
+        sourcemap: true,
+        minify: false,
+        cssMinify: isProd,
+        cssCodeSplit: false,
+        watch: !isProd ? {
+            buildDelay: 1000,
+        } : null,
+        lib: {
+            entry: 'src/index.ts',
+            formats: isProd && main !== module ? ['es', 'umd'] : ['es'],
+            name: name,
+            fileName: (format) => (format === 'umd' ? main : module).replace('dist/', ''),
+        },
+        outDir: 'dist',
+        emptyOutDir: isProd,
+        commonjsOptions: {
+            exclude: [/uiconfig.js/, /ts-browser-helpers/],
+        },
+        rollupOptions: {
+            output: {
+                // inlineDynamicImports: false,
+                globals,
+            },
+            external: Object.keys(globals),
+
+        },
+    },
+    plugins: [
+        isProd ? dts({tsconfigPath: './tsconfig.json'}) : null,
+        replace({
+            'from \'three\'': 'from \'threepipe\'',
+            delimiters: ['', ''],
+            preventAssignment: true,
+        }),
+        replace({
+            'process.env.NODE_ENV': JSON.stringify(isProd ? 'production' : 'development'),
+            preventAssignment: true,
+        }),
+        glsl({ // todo: minify glsl.
+            include: 'src/**/*.glsl',
+        }),
+        json(),
+        // postcss({
+        //     modules: false,
+        //     autoModules: true,  // todo; issues with typescript import css, because inject is false
+        //     inject: false,
+        //     minimize: isProduction,
+        //     // Or with custom options for `postcss-modules`
+        // }),
+        license({
+            banner: `
+        @license
+        ${name} v${version}
+        Copyright 2022<%= moment().format('YYYY') > 2022 ? '-' + moment().format('YYYY') : null %> ${author}
+        ${packageJson.license} License
+        See ./dependencies.txt for any bundled third-party dependencies and licenses.
+      `,
+            thirdParty: {
+                output: path.join(__dirname, 'dist', 'dependencies.txt'),
+                includePrivate: true, // Default is false.
+            },
+        }),
+    ],
+})