Merge pull request #86 from geongeorge/feature/ts-exports

feature/ts exports

package.json

@@ -8,7 +8,8 @@
   "scripts": {
     "dev": "vite serve --config config/vite.config.docs.ts",
     "dev:node": "vite-node  ./src/node-test.ts",
-    "build": "tsc && vite build --config config/vite.config.ts",
+    "build:vite": "tsc && vite build --emptyOutDir --config config/vite.config.ts",
+    "build": "tsup src/canvas-txt/index.ts --dts --legacy-output",
     "build:docs": "tsc && vite build --config config/vite.config.docs.ts",
     "prepare": "yarn build"
   },
@@ -44,6 +45,7 @@
     "canvas": "^2.11.2",
     "element-plus": "^2.2.12",
     "lodash": "^4.17.21",
+    "tsup": "^7.2.0",
     "typescript": "^4.7.4",
     "unplugin-auto-import": "^0.11.0",
     "unplugin-vue-components": "^0.22.0",

src/canvas-txt/lib/justify.ts

@@ -1,4 +1,4 @@
-interface Props {
+export interface JustifyLineProps {
   ctx: CanvasRenderingContext2D
   line: string
   spaceWidth: number
@@ -20,7 +20,7 @@ export default function justifyLine({
   spaceWidth,
   spaceChar,
   width,
-}: Props) {
+}: JustifyLineProps) {
   const text = line.trim()
   const words = text.split(/\s+/)
   const numOfWords = words.length - 1

src/canvas-txt/lib/split-text.ts

@@ -3,7 +3,7 @@ import justifyLine from './justify'
 // Hair space character for precise justification
 const SPACE = '\u{200a}'
 
-interface Props {
+export interface SplitTextProps {
   ctx: CanvasRenderingContext2D
   text: string
   justify: boolean
@@ -15,7 +15,7 @@ export default function splitText({
   text,
   justify,
   width,
-}: Props): string[] {
+}: SplitTextProps): string[] {
   const textMap = new Map<string, number>()
 
   const measureText = (text: string): number => {

src/canvas-txt/lib/text-height.ts

@@ -1,10 +1,14 @@
-interface Props {
+interface GetTextHeightProps {
   ctx: CanvasRenderingContext2D
   text: string
   style: string
 }
 
-export default function getTextHeight({ ctx, text, style }: Props) {
+export default function getTextHeight({
+  ctx,
+  text,
+  style,
+}: GetTextHeightProps) {
   const previousTextBaseline = ctx.textBaseline
   const previousFont = ctx.font