@supermousejs/trail 2.0.1 → 2.1.0

package/CHANGELOG.md

@@ -1,5 +1,42 @@
 # @supermousejs/trail
 
+## 2.1.0
+
+### Minor Changes
+
+- 0a1652d: fixed build architecture and updated plugin metadata
+
+### Patch Changes
+
+- Updated dependencies [0a1652d]
+  - @supermousejs/utils@2.1.0
+
+## 2.0.4
+
+### Patch Changes
+
+- 993dc67: Updated supemousejs packages with proper author, license and url descriptors to repo
+- Updated dependencies [993dc67]
+  - @supermousejs/utils@2.0.4
+  - @supermousejs/core@2.0.4
+
+## 2.0.3
+
+### Patch Changes
+
+- Updated dependencies
+  - @supermousejs/core@2.0.3
+  - @supermousejs/utils@2.0.3
+
+## 2.0.2
+
+### Patch Changes
+
+- ae219a0: Update READMEs with correct link to documentation
+- Updated dependencies [ae219a0]
+  - @supermousejs/utils@2.0.2
+  - @supermousejs/core@2.0.2
+
 ## 2.0.1
 
 ### Patch Changes

package/README.md

@@ -22,3 +22,7 @@ app.use(Trail({
   color: '#ff00ff'
 }));
 ```
+
+## Documentation
+
+Full documentation and interactive playground available at [supermouse](https://supermouse.vercel.app) or [check out the repo](https://github.com/Whitestar14/supermouse-js).

package/package.json

@@ -1,15 +1,21 @@
 {
   "name": "@supermousejs/trail",
-  "version": "2.0.1",
+  "version": "2.1.0",
   "main": "dist/index.umd.js",
   "module": "dist/index.mjs",
   "types": "dist/index.d.ts",
+  "author": "O.S David",
+  "url": "https://github.com/Whitestar14/supermouse-js",
+  "license": "MIT",
   "dependencies": {
-    "@supermousejs/core": "2.0.1",
-    "@supermousejs/utils": "2.0.1"
+    "@supermousejs/utils": "2.1.0"
+  },
+  "devDependencies": {
+    "@supermousejs/core": "2.0.4"
+  },
+  "peerDependencies": {
+    "@supermousejs/core": "2.0.4"
   },
-  "devDependencies": {},
-  "peerDependencies": {},
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",

package/src/index.ts

@@ -1,61 +1,61 @@
-import type { ValueOrGetter } from '@supermousejs/core';
-import { definePlugin, normalize, dom, Layers } from '@supermousejs/utils';
-
-export interface TrailOptions {
-  name?: string;
-  isEnabled?: boolean;
-  length?: number;
-  size?: ValueOrGetter<number>;
-  color?: ValueOrGetter<string>;
-}
-
-export const Trail = (options: TrailOptions = {}) => {
-  const length = options.length || 10;
-  const getSize = normalize(options.size, 6);
-  const getColor = normalize(options.color, '#ff00ff');
-  
-  const segments: HTMLDivElement[] = [];
-  const history: { x: number, y: number }[] = [];
-
-  return definePlugin<HTMLDivElement, TrailOptions>({
-    name: options.name || 'trail',
-    
-    create: () => {
-      const container = dom.createActor('div') as HTMLDivElement;
-      container.style.zIndex = Layers.TRACE;
-      
-      for(let i=0; i<length; i++) {
-        const d = dom.createCircle(0, '#000');
-        d.style.position = 'absolute';
-        d.style.opacity = String(1 - (i / length));
-        container.appendChild(d);
-        segments.push(d);
-        history.push({ x: -100, y: -100 });
-      }
-      return container;
-    },
-
-    update: (app) => {
-      const { x, y } = app.state.smooth;
-      
-      // Shift history
-      history.pop();
-      history.unshift({ x, y });
-      
-      const baseSize = getSize(app.state);
-      const color = getColor(app.state);
-
-      segments.forEach((seg, i) => {
-        const pos = history[i];
-        const scale = 1 - (i / length);
-        const size = baseSize * scale;
-        
-        dom.setStyle(seg, 'width', `${size}px`);
-        dom.setStyle(seg, 'height', `${size}px`);
-        dom.setStyle(seg, 'backgroundColor', color);
-        
-        dom.setTransform(seg, pos.x, pos.y);
-      });
-    }
-  }, options);
+import type { ValueOrGetter } from '@supermousejs/core';
+import { definePlugin, normalize, dom, Layers } from '@supermousejs/utils';
+
+export interface TrailOptions {
+  name?: string;
+  isEnabled?: boolean;
+  length?: number;
+  size?: ValueOrGetter<number>;
+  color?: ValueOrGetter<string>;
+}
+
+export const Trail = (options: TrailOptions = {}) => {
+  const length = options.length || 10;
+  const getSize = normalize(options.size, 6);
+  const getColor = normalize(options.color, '#ff00ff');
+  
+  const segments: HTMLDivElement[] = [];
+  const history: { x: number, y: number }[] = [];
+
+  return definePlugin<HTMLDivElement, TrailOptions>({
+    name: options.name || 'trail',
+    
+    create: () => {
+      const container = dom.createActor('div') as HTMLDivElement;
+      container.style.zIndex = Layers.TRACE;
+      
+      for(let i=0; i<length; i++) {
+        const d = dom.createCircle(0, '#000');
+        d.style.position = 'absolute';
+        d.style.opacity = String(1 - (i / length));
+        container.appendChild(d);
+        segments.push(d);
+        history.push({ x: -100, y: -100 });
+      }
+      return container;
+    },
+
+    update: (app) => {
+      const { x, y } = app.state.smooth;
+      
+      // Shift history
+      history.pop();
+      history.unshift({ x, y });
+      
+      const baseSize = getSize(app.state);
+      const color = getColor(app.state);
+
+      segments.forEach((seg, i) => {
+        const pos = history[i];
+        const scale = 1 - (i / length);
+        const size = baseSize * scale;
+        
+        dom.setStyle(seg, 'width', `${size}px`);
+        dom.setStyle(seg, 'height', `${size}px`);
+        dom.setStyle(seg, 'backgroundColor', color);
+        
+        dom.setTransform(seg, pos.x, pos.y);
+      });
+    }
+  }, options);
 };

package/tsconfig.json

@@ -1,18 +1,18 @@
-{
-  "extends": "../../tsconfig.base.json",
-  "include": [
-    "src"
-  ],
-  "compilerOptions": {
-    "outDir": "dist",
-    "baseUrl": ".",
-    "paths": {
-      "@supermousejs/core": [
-        "../core/src/index.ts"
-      ],
-      "@supermousejs/utils": [
-        "../utils/src/index.ts"
-      ]
-    }
-  }
+{
+  "extends": "../../tsconfig.base.json",
+  "include": [
+    "src"
+  ],
+  "compilerOptions": {
+    "outDir": "dist",
+    "baseUrl": ".",
+    "paths": {
+      "@supermousejs/core": [
+        "../core/src/index.ts"
+      ],
+      "@supermousejs/utils": [
+        "../utils/src/index.ts"
+      ]
+    }
+  }
 }

package/vite.config.ts

@@ -1,22 +1,22 @@
-import { defineConfig } from 'vite';
-import dts from 'vite-plugin-dts';
-import path from 'path';
-
-export default defineConfig({
-  build: {
-    lib: {
-      entry: path.resolve(__dirname, 'src/index.ts'),
-      name: 'SupermouseTrail',
-      fileName: (format) => format === 'es' ? 'index.mjs' : 'index.umd.js',
-    },
-    rollupOptions: {
-      external: ['@supermousejs/core', '@supermousejs/utils'],
-      output: {
-        globals: {
-          '@supermousejs/core': 'SupermouseCore'
-        , '@supermousejs/utils': 'SupermouseUtils'}
-      }
-    }
-  },
-  plugins: [dts({ rollupTypes: true })]
+import { defineConfig } from 'vite';
+import dts from 'vite-plugin-dts';
+import path from 'path';
+
+export default defineConfig({
+  build: {
+    lib: {
+      entry: path.resolve(__dirname, 'src/index.ts'),
+      name: 'SupermouseTrail',
+      fileName: (format) => format === 'es' ? 'index.mjs' : 'index.umd.js',
+    },
+    rollupOptions: {
+      external: ['@supermousejs/core', '@supermousejs/utils'],
+      output: {
+        globals: {
+          '@supermousejs/core': 'SupermouseCore'
+        , '@supermousejs/utils': 'SupermouseUtils'}
+      }
+    }
+  },
+  plugins: [dts({ rollupTypes: true })]
 });