Add plugin-template-rollup

plugins/plugin-template-rollup/package-lock.json

@@ -0,0 +1,36 @@
+{
+    "name": "threepipe-plugin-template-rollup",
+    "version": "0.0.1",
+    "lockfileVersion": 2,
+    "requires": true,
+    "packages": {
+        "": {
+            "name": "threepipe-plugin-template-rollup",
+            "version": "0.0.1",
+            "license": "Apache-2.0",
+            "dependencies": {
+                "@threepipe/plugin-tweakpane": "file:./../tweakpane/src/",
+                "threepipe": "file:./../../src/"
+            },
+            "devDependencies": {}
+        },
+        "../../src": {},
+        "../tweakpane/src": {},
+        "node_modules/@threepipe/plugin-tweakpane": {
+            "resolved": "../tweakpane/src",
+            "link": true
+        },
+        "node_modules/threepipe": {
+            "resolved": "../../src",
+            "link": true
+        }
+    },
+    "dependencies": {
+        "@threepipe/plugin-tweakpane": {
+            "version": "file:../tweakpane/src"
+        },
+        "threepipe": {
+            "version": "file:../../src"
+        }
+    }
+}

plugins/plugin-template-rollup/package.json

@@ -0,0 +1,60 @@
+{
+    "name": "threepipe-plugin-template-rollup",
+    "description": "Sample Threepipe plugin using rollup",
+    "version": "0.0.1",
+    "devDependencies": {
+    },
+    "dependencies": {
+        "threepipe": "file:./../../src/",
+        "@threepipe/plugin-tweakpane": "file:./../tweakpane/src/"
+    },
+    "clean-package": {
+        "remove": [
+            "clean-package",
+            "scripts",
+            "devDependencies",
+            "//",
+            "markdown-to-html"
+        ],
+        "replace": {
+            "dependencies": {
+                "threepipe": "^0.0.8",
+                "@threepipe/plugin-tweakpane": "^0.1.2"
+            }
+        }
+    },
+    "type": "module",
+    "main": "dist/index.js",
+    "module": "dist/index.mjs",
+    "types": "dist/index.d.ts",
+    "files": [
+        "dist",
+        "src"
+    ],
+    "scripts": {
+        "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",
+        "build": "rimraf dist && NODE_ENV=production rollup -c",
+        "dev": "rollup -c -w",
+        "docs": "rimraf docs && npx typedoc"
+    },
+    "author": "repalash <palash@shaders.app>",
+    "license": "Apache-2.0",
+    "keywords": [
+        "three",
+        "three.js",
+        "threepipe",
+        "tweakpane",
+        "editor",
+        "plugin"
+    ],
+    "bugs": {
+        "url": "https://github.com/repalash/threepipe/issues"
+    },
+    "homepage": "https://github.com/repalash/threepipe#readme",
+    "repository": {
+        "type": "git",
+        "url": "git://github.com/repalash/threepipe.git"
+    }
+}

plugins/plugin-template-rollup/rollup.config.mjs

@@ -0,0 +1,97 @@
+// 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: {
+        "threepipe": "threepipe",
+        "@threepipe/plugin-tweakpane": "@threepipe/plugin-tweakpane"
+    },
+    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({
+            // If you would like DEV messages, specify 'development'
+            // Otherwise use 'production'
+            'process.env.NODE_ENV': JSON.stringify('production') // for tippy.js
+        }),
+        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
+      `,
+            thirdParty: {
+                output: path.join(__dirname, 'dist', 'dependencies.txt'),
+                includePrivate: true, // Default is false.
+            },
+        })
+    ]
+}

plugins/plugin-template-rollup/src/SamplePlugin.css

@@ -0,0 +1,3 @@
+html{
+
+}

plugins/plugin-template-rollup/src/SamplePlugin.ts

@@ -0,0 +1,19 @@
+import {AViewerPluginSync, createStyles, ThreeViewer,} from 'threepipe'
+import {TweakpaneUiPlugin} from '@threepipe/plugin-tweakpane'
+import styles from './SamplePlugin.css'
+
+console.log(TweakpaneUiPlugin)
+
+export class SamplePlugin extends AViewerPluginSync<string> {
+    public static readonly PluginType: string = 'SamplePlugin'
+    enabled = true
+    dependencies = []
+
+    constructor() {
+        super()
+    }
+    onAdded(viewer: ThreeViewer) {
+        super.onAdded(viewer)
+        createStyles(styles)
+    }
+}

plugins/plugin-template-rollup/src/global.d.ts

@@ -0,0 +1,36 @@
+declare module '*.txt' {
+    const content: string
+    export default content
+}
+declare module '*.glsl' {
+    const content: string
+    export default content
+}
+declare module '*.vert' {
+    const content: string
+    export default content
+}
+declare module '*.frag' {
+    const content: string
+    export default content
+}
+declare module '*.module.scss' {
+    const content: any
+    export default content
+    export const stylesheet: string
+}
+declare module '*.module.css' {
+    const content: any
+    export default content
+    export const stylesheet: string
+}
+declare module '*.css' {
+    const content: string
+    export default content
+}
+
+// export {}
+
+// hack for typedoc
+// eslint-disable-next-line @typescript-eslint/naming-convention
+// declare type OffscreenCanvas = HTMLCanvasElement

plugins/plugin-template-rollup/src/index.ts

@@ -0,0 +1 @@
+export {SamplePlugin} from './SamplePlugin'

plugins/plugin-template-rollup/tsconfig.json

@@ -0,0 +1,41 @@
+{
+    "compilerOptions": {
+        "baseUrl": "./src",
+        "rootDir": "./src",
+        "allowJs": false,
+        "checkJs": false,
+        "skipLibCheck": true,
+        "allowSyntheticDefaultImports": true,
+        "experimentalDecorators": true,
+        "isolatedModules": true,
+        "module": "es2020",
+        "noImplicitAny": true,
+        "declaration": true,
+        "declarationMap": true,
+        "declarationDir": "dist",
+        "outDir": "dist",
+        "noImplicitThis": true,
+        "noUnusedLocals": true,
+        "noUnusedParameters": true,
+        "removeComments": false,
+        "preserveConstEnums": true,
+        "moduleResolution": "node",
+        "emitDecoratorMetadata": false,
+        "sourceMap": true,
+        "target": "ES2020",
+        "strictNullChecks": true,
+        "lib": [
+            "es2020",
+            "esnext",
+            "dom"
+        ]
+    },
+    "include": [
+        "src/**/*"
+    ],
+    "exclude": [
+        "node_modules",
+        "**/*.spec.ts",
+        "dist"
+    ]
+}

plugins/plugin-template-rollup/typedoc.json

@@ -0,0 +1,10 @@
+{
+    "extends": [
+        "../../typedoc.json"
+    ],
+    "entryPoints": [
+        "src/index.ts"
+    ],
+    "name": "Threepipe Tweakpane Editor Plugin",
+    "readme": "none"
+}