@supermousejs/zoetrope 2.0.0

package/CHANGELOG.md

@@ -0,0 +1,12 @@
+# @supermousejs/zoetrope
+
+## 2.0.0
+
+### Major Changes
+
+- Initial v2.0.0 release
+
+### Patch Changes
+
+- Updated dependencies
+  - @supermousejs/core@2.0.0

package/LICENSE.md

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 Sijibomi Olusunmbola
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/index.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Prepares text for a seamless loop by optionally appending a non-breaking space.
+ * This prevents the last character from touching the first character when spread is active.
+ *
+ * @param text The source text
+ * @param spread Whether auto-fit spreading is enabled
+ */
+export declare function formatLoopText(text: string, spread: boolean): string;
+
+/**
+ * Calculates the SVG Path data for a perfect circle starting at the top center (12 o'clock).
+ *
+ * Path moves to (0, -r), then draws two semi-circles.
+ * @param r Radius in pixels
+ */
+export declare function getCirclePath(r: number): string;
+
+/**
+ * Calculates the circumference of a circle.
+ * @param r Radius in pixels
+ */
+export declare function getCircumference(r: number): number;
+
+export { }

package/dist/index.mjs

@@ -0,0 +1,19 @@
+function e(t) {
+  const r = Math.round(t * 100) / 100;
+  return `
+    M 0, -${r}
+    A ${r},${r} 0 1,1 0,${r}
+    A ${r},${r} 0 1,1 0,-${r}
+  `.replace(/\s+/g, " ").trim();
+}
+function n(t) {
+  return 2 * Math.PI * t;
+}
+function o(t, r) {
+  return r ? t + " " : t;
+}
+export {
+  o as formatLoopText,
+  e as getCirclePath,
+  n as getCircumference
+};

package/dist/index.umd.js

@@ -0,0 +1,5 @@
+(function(t,o){typeof exports=="object"&&typeof module<"u"?o(exports):typeof define=="function"&&define.amd?define(["exports"],o):(t=typeof globalThis<"u"?globalThis:t||self,o(t.SupermouseZoetrope={}))})(this,(function(t){"use strict";function o(n){const e=Math.round(n*100)/100;return`
+    M 0, -${e}
+    A ${e},${e} 0 1,1 0,${e}
+    A ${e},${e} 0 1,1 0,-${e}
+  `.replace(/\s+/g," ").trim()}function r(n){return 2*Math.PI*n}function i(n,e){return e?n+" ":n}t.formatLoopText=i,t.getCirclePath=o,t.getCircumference=r,Object.defineProperty(t,Symbol.toStringTag,{value:"Module"})}));

package/package.json

@@ -0,0 +1,24 @@
+{
+  "name": "@supermousejs/zoetrope",
+  "version": "2.0.0",
+  "main": "dist/index.umd.js",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
+  "dependencies": {
+    "@supermousejs/core": "2.0.0"
+  },
+  "devDependencies": {},
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.umd.js"
+    }
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "vite build"
+  }
+}

package/src/index.ts

@@ -0,0 +1,37 @@
+/**
+ * Calculates the SVG Path data for a perfect circle starting at the top center (12 o'clock).
+ * 
+ * Path moves to (0, -r), then draws two semi-circles.
+ * @param r Radius in pixels
+ */
+export function getCirclePath(r: number): string {
+  // Fix floating point precision slightly to avoid rendering artifacts
+  const rClean = Math.round(r * 100) / 100;
+  
+  return `
+    M 0, -${rClean}
+    A ${rClean},${rClean} 0 1,1 0,${rClean}
+    A ${rClean},${rClean} 0 1,1 0,-${rClean}
+  `.replace(/\s+/g, ' ').trim();
+}
+
+/**
+ * Calculates the circumference of a circle.
+ * @param r Radius in pixels
+ */
+export function getCircumference(r: number): number {
+  return 2 * Math.PI * r;
+}
+
+/**
+ * Prepares text for a seamless loop by optionally appending a non-breaking space.
+ * This prevents the last character from touching the first character when spread is active.
+ * 
+ * @param text The source text
+ * @param spread Whether auto-fit spreading is enabled
+ */
+export function formatLoopText(text: string, spread: boolean): string {
+  if (!spread) return text;
+  // \u00A0 is  
+  return text + '\u00A0';
+}

package/tsconfig.json

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

package/vite.config.ts

@@ -0,0 +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: 'SupermouseZoetrope',
+      fileName: (format) => format === 'es' ? 'index.mjs' : 'index.umd.js',
+    },
+    rollupOptions: {
+      external: ['@supermousejs/core'],
+      output: {
+        globals: {
+          '@supermousejs/core': 'SupermouseCore'
+        }
+      }
+    }
+  },
+  plugins: [dts({ rollupTypes: true })]
+});