arijs · Copilot · Oct 29, 2025 · Oct 29, 2025 · Oct 29, 2025 · Oct 29, 2025
diff --git a/.eslintrc.js b/.eslintrc.js
diff --git a/.prettierrc.json b/.prettierrc.json
@@ -0,0 +1,7 @@
+{
+	"arrowParens": "always",
+	"bracketSpacing": false,
+	"singleQuote": true,
+	"trailingComma": "all",
+	"useTabs": true
+}
diff --git a/eslint.config.js b/eslint.config.js
@@ -0,0 +1,50 @@
+import eslint from '@eslint/js';
+import tseslint from 'typescript-eslint';
+import prettierPlugin from 'eslint-plugin-prettier';
+import prettierConfig from 'eslint-config-prettier';
+import simpleImportSort from 'eslint-plugin-simple-import-sort';
+
+export default tseslint.config(
+	eslint.configs.recommended,
+	...tseslint.configs.recommended,
+	prettierConfig,
+	{
+		files: ['**/*.ts'],
+		plugins: {
+			'prettier': prettierPlugin,
+			'simple-import-sort': simpleImportSort,
+		},
+		rules: {
+			'camelcase': 'off',
+			'no-console': ['warn', {allow: ['warn', 'error']}],
+			'no-unused-vars': 'off',
+			'sort-imports': 'off',
+
+			'prettier/prettier': 'error',
+			'simple-import-sort/imports': 'error',
+			'@typescript-eslint/naming-convention': [
+				'error',
+				{
+					selector: 'variable',
+					format: ['camelCase', 'PascalCase', 'UPPER_CASE'],
+					custom: {
+						regex: '^opt_',
+						match: false,
+					},
+				},
+			],
+			'@typescript-eslint/explicit-function-return-type': 'off',
+			'@typescript-eslint/no-empty-function': 'off',
+			'@typescript-eslint/no-explicit-any': 'off',
+			'@typescript-eslint/no-unused-vars': [
+				'error',
+				{
+					argsIgnorePattern: '^_',
+				},
+			],
+
+			// TODO: Resolve latest lint warnings
+			'@typescript-eslint/explicit-module-boundary-types': 'off',
+		},
+	},
+);
diff --git a/package.json b/package.json
@@ -2,13 +2,14 @@
   "name": "tweakpane-monorepo",
   "version": "4.0.5",
   "private": true,
+  "type":"module",
   "description": "Tweakpane monorepo",
   "author": "cocopon",
   "license": "MIT",
   "workspaces": [
     "packages/*"
   ],
-  "prettier": "./prettier.config.js",
+  "prettier": "./.prettierrc.json",
   "scripts": {
     "clean": "rimraf .nyc_output test",
     "coverage": "run-s coverage:prepare coverage:package coverage:merge coverage:report",
@@ -23,33 +24,38 @@
     "lint": "(cd packages/core && npm run lint) && (cd packages/tweakpane && npm run lint)",
     "setup": "run-s setup:core setup:tweakpane",
     "setup:core": "(cd packages/core && npm install && npm run build)",
-    "setup:tweakpane": "(cd packages/tweakpane && npm install && npm run build)"
+    "setup:tweakpane": "(cd packages/tweakpane && npm install && npm run build)",
+    "prepack": "run-s prepack:core prepack:tweakpane",
+    "prepack:core": "(cd packages/core && npm install && npm run prepack && npm run prepublishOnly)",
+    "prepack:tweakpane": "(cd packages/tweakpane && npm install && npm run prepack && npm run prepublishOnly)"
   },
   "devDependencies": {
-    "@types/assert": "^1.5.4",
-    "@types/jsdom": "^16.2.13",
-    "@types/mocha": "^9.1.1",
-    "@types/node": "^10.12.18",
-    "@typescript-eslint/eslint-plugin": "^5.33.0",
-    "@typescript-eslint/parser": "^5.33.0",
-    "assert": "^2.0.0",
-    "autoprefixer": "^9.1.5",
-    "canvas": "^2.9.1",
-    "eslint": "^7.26.0",
-    "eslint-config-prettier": "^8.1.0",
-    "eslint-plugin-prettier": "^3.3.1",
-    "eslint-plugin-simple-import-sort": "^7.0.0",
-    "jsdom": "^16.7.0",
-    "mkdirp": "^1.0.4",
-    "mocha": "^10.2.0",
+    "@eslint/js": "^9.38.0",
+    "@types/assert": "^1.5.11",
+    "@types/jsdom": "^27.0.0",
+    "@types/mocha": "^10.0.10",
+    "@types/node": "^24.9.2",
+    "@typescript-eslint/eslint-plugin": "^8.46.2",
+    "@typescript-eslint/parser": "^8.46.2",
+    "assert": "^2.1.0",
+    "autoprefixer": "^10.4.21",
+    "canvas": "^3.2.0",
+    "eslint": "^9.38.0",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-prettier": "^5.5.4",
+    "eslint-plugin-simple-import-sort": "^12.1.1",
+    "jsdom": "^27.0.1",
+    "mkdirp": "^3.0.1",
+    "mocha": "^11.7.4",
     "npm-run-all": "^4.1.5",
-    "nyc": "^15.1.0",
+    "nyc": "^17.1.0",
     "onchange": "^7.1.0",
-    "prettier": "^2.4.0",
-    "rimraf": "^3.0.2",
-    "sass": "^1.58.0",
-    "ts-node": "^10.9.1",
-    "tslib": "^2.1.0",
-    "typescript": "^4.9.5"
+    "prettier": "^3.6.2",
+    "rimraf": "^6.0.1",
+    "sass": "^1.93.2",
+    "ts-node": "^10.9.2",
+    "tslib": "^2.8.1",
+    "typescript": "^5.9.3",
+    "typescript-eslint": "^8.46.2"
   }
 }
diff --git a/packages/core/lib/sass/view/_color.scss b/packages/core/lib/sass/view/_color.scss
@@ -20,7 +20,8 @@
 		margin-top: 0;
 		opacity: 0;
 		overflow: hidden;
-		transition: height tp.$fold-transition-duration ease-in-out,
+		transition:
+			height tp.$fold-transition-duration ease-in-out,
 			opacity tp.$fold-transition-duration linear,
 			margin tp.$fold-transition-duration ease-in-out;
 	}

diff --git a/packages/core/lib/sass/view/_graph-log.scss b/packages/core/lib/sass/view/_graph-log.scss
@@ -17,7 +17,9 @@
 	}
 	&_t {
 		margin-top: -4px;
-		transition: left 0.05s, top 0.05s;
+		transition:
+			left 0.05s,
+			top 0.05s;
 		visibility: hidden;
 
 		&#{&}-a {

diff --git a/packages/core/lib/sass/view/_point-2d.scss b/packages/core/lib/sass/view/_point-2d.scss
@@ -46,7 +46,8 @@
 		margin-top: 0;
 		opacity: 0;
 		overflow: hidden;
-		transition: height tp.$fold-transition-duration ease-in-out,
+		transition:
+			height tp.$fold-transition-duration ease-in-out,
 			opacity tp.$fold-transition-duration linear,
 			margin tp.$fold-transition-duration ease-in-out;
 	}

diff --git a/packages/core/lib/sass/view/_text.scss b/packages/core/lib/sass/view/_text.scss
@@ -38,10 +38,8 @@
 		cursor: pointer;
 		height: 100%;
 		left: calc(
-			#{tp.cssVar('blade-h-padding')} - #{math.div(
-					$knob-bounds-width - $knob-visual-width,
-					2
-				)}
+			#{tp.cssVar('blade-h-padding')} -
+				#{math.div($knob-bounds-width - $knob-visual-width, 2)}
 		);
 		position: absolute;
 		top: 0;
@@ -60,7 +58,11 @@
 			opacity: 0.1;
 			position: absolute;
 			top: 0;
-			transition: border-radius 0.1s, height 0.1s, transform 0.1s, width 0.1s;
+			transition:
+				border-radius 0.1s,
+				height 0.1s,
+				transform 0.1s,
+				width 0.1s;
 			width: $knob-visual-width;
 		}
 	}

diff --git a/packages/core/lib/sass/view/common/_color.scss b/packages/core/lib/sass/view/common/_color.scss
@@ -5,7 +5,8 @@
 	$checkerboard-color-light: white;
 
 	background-color: $checkerboard-color-light;
-	background-image: linear-gradient(
+	background-image:
+		linear-gradient(
 			to top right,
 			$checkerboard-color-dark 25%,
 			transparent 25%,
@@ -20,5 +21,7 @@
 			$checkerboard-color-dark 75%
 		);
 	background-size: $size $size;
-	background-position: 0 0, math.div($size, 2) math.div($size, 2);
+	background-position:
+		0 0,
+		math.div($size, 2) math.div($size, 2);
 }
diff --git a/packages/core/lib/sass/view/placeholder/_folder.scss b/packages/core/lib/sass/view/placeholder/_folder.scss
@@ -12,9 +12,8 @@
 	overflow: hidden;
 	padding-left: defs.cssVar('container-h-padding');
 	padding-right: calc(
-		2px * 2 + #{defs.cssVar('container-unit-size')} + #{defs.cssVar(
-				'container-h-padding'
-			)}
+		2px * 2 + #{defs.cssVar('container-unit-size')} +
+			#{defs.cssVar('container-h-padding')}
 	);
 	position: relative;
 	text-align: left;
@@ -57,9 +56,8 @@
 	display: block;
 	height: $size;
 	right: calc(
-		#{defs.cssVar('container-h-padding')} + (
-				#{defs.cssVar('container-unit-size')} + 4px - #{$size}
-			) / 2 - 2px
+		#{defs.cssVar('container-h-padding')} +
+			(#{defs.cssVar('container-unit-size')} + 4px - #{$size}) / 2 - 2px
 	);
 	margin: auto;
 	opacity: 0.5;
@@ -82,7 +80,8 @@
 	padding-bottom: 0;
 	padding-top: 0;
 	position: relative;
-	transition: height defs.$fold-transition-duration ease-in-out,
+	transition:
+		height defs.$fold-transition-duration ease-in-out,
 		opacity defs.$fold-transition-duration linear,
 		padding defs.$fold-transition-duration ease-in-out;
 }
@@ -99,7 +98,8 @@
 	overflow: visible;
 
 	// Delay opacity transition to avoid overflow contents
-	transition: height defs.$fold-transition-duration ease-in-out,
+	transition:
+		height defs.$fold-transition-duration ease-in-out,
 		opacity defs.$fold-transition-duration linear defs.$fold-transition-duration,
 		padding defs.$fold-transition-duration ease-in-out;
 }
diff --git a/packages/core/lib/sass/view/placeholder/_theme.scss b/packages/core/lib/sass/view/placeholder/_theme.scss
@@ -1,4 +1,5 @@
 @use 'sass:map';
+@use 'sass:color';
 @use '../../common/defs';
 
 @mixin themeVariable($key, $ex-name, $value) {
@@ -38,17 +39,18 @@
 	@include themeVariable(
 		'button-bg-active',
 		'button-background-color-active',
-		lighten($color-light, 15%)
+		// lighten($color-light, 15%)
+		color.adjust($color-light, $lightness: 15%)
 	);
 	@include themeVariable(
 		'button-bg-focus',
 		'button-background-color-focus',
-		lighten($color-light, 10%)
+		color.adjust($color-light, $lightness: 10%)
 	);
 	@include themeVariable(
 		'button-bg-hover',
 		'button-background-color-hover',
-		lighten($color-light, 5%)
+		color.adjust($color-light, $lightness: 5%)
 	);
 	@include themeVariable('button-fg', 'button-foreground-color', $bg-color);
 

diff --git a/packages/core/package.json b/packages/core/package.json
@@ -7,11 +7,7 @@
   "main": "dist/index.js",
   "type": "module",
   "types": "dist/index.d.ts",
-  "prettier": "../../prettier.config.js",
-  "typedoc": {
-    "entryPoint": "./src/index.ts",
-    "tsconfig": "./src/tsconfig.json"
-  },
+  "prettier": "../../.prettierrc.json",
   "scripts": {
     "prepack": "run-s clean build",
     "prepublishOnly": "npm test",
@@ -29,11 +25,17 @@
     "test:scss:static": "prettier --parser scss --list-different \"lib/sass/**/*.scss\"",
     "test:scss:dynamic": "sass lib/sass/_plugin-test.scss",
     "test:ts": "run-s test:ts:static test:ts:dynamic",
-    "test:ts:dynamic": "TS_NODE_CACHE=false TS_NODE_PROJECT=\"src/tsconfig.json\" mocha --require ts-node/register --loader=ts-node/esm \"src/**/*-test.ts\"",
-    "test:ts:dynamic:inspect": "TS_NODE_CACHE=false TS_NODE_PROJECT=\"src/tsconfig.json\" mocha --require ts-node/register \"src/**/*-test.ts\" --inspect-brk",
+    "test:ts:dynamic": "TS_NODE_CACHE=false TS_NODE_PROJECT=\"src/tsconfig.json\" mocha --loader=ts-node/esm \"src/**/*-test.ts\"",
+    "test:ts:dynamic:inspect": "TS_NODE_CACHE=false TS_NODE_PROJECT=\"src/tsconfig.json\" mocha --loader=ts-node/esm \"src/**/*-test.ts\" --inspect-brk",
     "test:ts:static": "eslint --ext .ts \"src/**/*.ts\"",
     "watch": "run-p watch:*",
     "watch:ts": "onchange --initial --kill \"src/**/*.ts\" -- npm run build:ts"
   },
-  "devDependencies": {}
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    },
+    "./package.json": "./package.json"
+  }
 }
diff --git a/packages/core/src/blade/binding/api/binding-test.ts b/packages/core/src/blade/binding/api/binding-test.ts
@@ -9,7 +9,7 @@ import {
 	numberFromUnknown,
 	parseNumber,
 } from '../../../common/converter/number.js';
-import {LabelPropsObject} from '../../../common/label/view/label.js';
+import type {LabelPropsObject} from '../../../common/label/view/label.js';
 import {ValueMap} from '../../../common/model/value-map.js';
 import {createValue} from '../../../common/model/values.js';
 import {ViewProps} from '../../../common/model/view-props.js';
@@ -19,7 +19,7 @@ import {createTestWindow} from '../../../misc/dom-test-util.js';
 import {createBlade} from '../../common/model/blade.js';
 import {InputBindingController} from '../controller/input-binding.js';
 import {BindingApi} from './binding.js';
-import {InputBindingApi} from './input-binding.js';
+import type {InputBindingApi} from './input-binding.js';
 
 function createApi(target: BindingTarget): InputBindingApi<number, unknown> {
 	const doc = createTestWindow().document;

diff --git a/packages/core/src/blade/binding/api/input-binding-test.ts b/packages/core/src/blade/binding/api/input-binding-test.ts
@@ -9,7 +9,7 @@ import {
 	numberFromUnknown,
 	parseNumber,
 } from '../../../common/converter/number.js';
-import {LabelPropsObject} from '../../../common/label/view/label.js';
+import type {LabelPropsObject} from '../../../common/label/view/label.js';
 import {ValueMap} from '../../../common/model/value-map.js';
 import {createValue} from '../../../common/model/values.js';
 import {ViewProps} from '../../../common/model/view-props.js';
@@ -21,7 +21,7 @@ import {TpChangeEvent} from '../../common/api/tp-event.js';
 import {createBlade} from '../../common/model/blade.js';
 import {InputBindingController} from '../controller/input-binding.js';
 import {BindingApi} from './binding.js';
-import {InputBindingApi} from './input-binding.js';
+import type {InputBindingApi} from './input-binding.js';
 
 function createApi(target: BindingTarget): InputBindingApi<number, unknown> {
 	const doc = createTestWindow().document;