tegaki 0.0.1 → 0.2.2

package/fonts/tangerine/svg/y.svg

@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 -750 280 1000">
+  <path d="M -136.94 83.7 L -150.66 100.16 L -157.53 115.26 L -163.01 152.31 L -156.15 179.75 L -149.29 192.1 L -121.85 219.55 L -104.01 227.78 L -83.42 231.9 L -27.16 230.53 L 16.75 218.18 L 52.43 196.22 L 86.73 164.66 L 103.2 144.08 L 126.53 108.4 L 155.35 53.51 L 222.59 -120.77 L 228.08 -155.08 L 258.27 -226.43 L 274.73 -247.02 L 263.75 -234.67" fill="none" stroke="currentColor" stroke-width="24.3" stroke-linecap="round" stroke-linejoin="round"
+    stroke-dasharray="884.9" stroke-dashoffset="884.9" opacity="0">
+    <animate attributeName="opacity" from="0" to="1" dur="0.001s" begin="0.000s" fill="freeze"/>
+    <animate attributeName="stroke-dashoffset" from="884.9" to="0" dur="0.287s" begin="0.000s" fill="freeze"/>
+  </path>
+  <path d="M 55.17 -196.24 L 89.48 -222.32 L 100.46 -225.06 L 104.57 -222.32 L 133.39 -248.39 L 104.57 -219.57 L 103.2 -209.97 L 92.22 -192.13 L 68.9 -137.24 L 57.92 -96.07 L 53.8 -63.13 L 53.8 -39.81 L 56.55 -28.83 L 63.41 -20.59 L 99.08 -26.08 L 122.41 -39.81 L 166.33 -86.46 L 200.63 -131.75 L 208.86 -134.49 L 207.49 -141.35 L 223.96 -149.59 L 223.96 -131.75 L 214.35 -133.12 L 210.24 -139.98 L 212.98 -133.12" fill="none" stroke="currentColor" stroke-width="21.6" stroke-linecap="round" stroke-linejoin="round"
+    stroke-dasharray="633.0" stroke-dashoffset="633.0" opacity="0">
+    <animate attributeName="opacity" from="0" to="1" dur="0.001s" begin="0.437s" fill="freeze"/>
+    <animate attributeName="stroke-dashoffset" from="633.0" to="0" dur="0.204s" begin="0.437s" fill="freeze"/>
+  </path>
+</svg>

package/fonts/tangerine/svg/y.tsx

@@ -0,0 +1,14 @@
+import type { SVGProps } from "react";
+const SvgComponent = (props: SVGProps<SVGSVGElement>) => (<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 -750 280 1000">
+  <path d="M -136.94 83.7 L -150.66 100.16 L -157.53 115.26 L -163.01 152.31 L -156.15 179.75 L -149.29 192.1 L -121.85 219.55 L -104.01 227.78 L -83.42 231.9 L -27.16 230.53 L 16.75 218.18 L 52.43 196.22 L 86.73 164.66 L 103.2 144.08 L 126.53 108.4 L 155.35 53.51 L 222.59 -120.77 L 228.08 -155.08 L 258.27 -226.43 L 274.73 -247.02 L 263.75 -234.67" fill="none" stroke="currentColor" strokeWidth="24.3" strokeLinecap="round" strokeLinejoin="round"
+    strokeDasharray="884.9" strokeDashoffset="884.9" opacity="0">
+    <animate attributeName="opacity" from="0" to="1" dur="0.001s" begin="0.000s" fill="freeze"/>
+    <animate attributeName="stroke-dashoffset" from="884.9" to="0" dur="0.287s" begin="0.000s" fill="freeze"/>
+  </path>
+  <path d="M 55.17 -196.24 L 89.48 -222.32 L 100.46 -225.06 L 104.57 -222.32 L 133.39 -248.39 L 104.57 -219.57 L 103.2 -209.97 L 92.22 -192.13 L 68.9 -137.24 L 57.92 -96.07 L 53.8 -63.13 L 53.8 -39.81 L 56.55 -28.83 L 63.41 -20.59 L 99.08 -26.08 L 122.41 -39.81 L 166.33 -86.46 L 200.63 -131.75 L 208.86 -134.49 L 207.49 -141.35 L 223.96 -149.59 L 223.96 -131.75 L 214.35 -133.12 L 210.24 -139.98 L 212.98 -133.12" fill="none" stroke="currentColor" strokeWidth="21.6" strokeLinecap="round" strokeLinejoin="round"
+    strokeDasharray="633.0" strokeDashoffset="633.0" opacity="0">
+    <animate attributeName="opacity" from="0" to="1" dur="0.001s" begin="0.437s" fill="freeze"/>
+    <animate attributeName="stroke-dashoffset" from="633.0" to="0" dur="0.204s" begin="0.437s" fill="freeze"/>
+  </path>
+</svg>);
+export default SvgComponent;

package/fonts/tangerine/svg/z.svg

@@ -0,0 +1,20 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 -750 238 1000">
+  <path d="M 53.67 -196.68 L 60.78 -211.61 L 72.16 -225.13 L 83.54 -232.24 L 93.5 -235.08 L 116.97 -239.35 L 126.92 -239.35 L 202.31 -227.26 L 205.87 -230.11 L 224.36 -237.22 L 237.87 -247.89" fill="none" stroke="currentColor" stroke-width="21.3" stroke-linecap="round" stroke-linejoin="round"
+    stroke-dasharray="231.1" stroke-dashoffset="231.1" opacity="0">
+    <animate attributeName="opacity" from="0" to="1" dur="0.001s" begin="0.000s" fill="freeze"/>
+    <animate attributeName="stroke-dashoffset" from="231.1" to="0" dur="0.070s" begin="0.000s" fill="freeze"/>
+  </path>
+  <path d="M -1.09 -9.63 L 18.82 -25.99 L 38.02 -33.81 L 49.4 -32.39 L 82.12 -22.43 L 118.39 -16.03 L 136.88 -16.03 L 168.89 -22.43 L 180.27 -28.83 L 195.2 -43.05 L 208.71 -62.26 L 217.96 -82.88" fill="none" stroke="currentColor" stroke-width="23.4" stroke-linecap="round" stroke-linejoin="round"
+    stroke-dasharray="283.3" stroke-dashoffset="283.3" opacity="0">
+    <animate attributeName="opacity" from="0" to="1" dur="0.001s" begin="0.220s" fill="freeze"/>
+    <animate attributeName="stroke-dashoffset" from="283.3" to="0" dur="0.087s" begin="0.220s" fill="freeze"/>
+  </path>
+  <path d="M 38.73 -34.52 L 38.02 -40.92 L 43 -55.15 L 196.62 -207.35 L 202.31 -222.28 L 202.31 -226.55" fill="none" stroke="currentColor" stroke-width="25.1" stroke-linecap="round" stroke-linejoin="round"
+    stroke-dasharray="283.1" stroke-dashoffset="283.1" opacity="0">
+    <animate attributeName="opacity" from="0" to="1" dur="0.001s" begin="0.457s" fill="freeze"/>
+    <animate attributeName="stroke-dashoffset" from="283.1" to="0" dur="0.086s" begin="0.457s" fill="freeze"/>
+  </path>
+  <circle cx="193.07" cy="-40.21" r="7.8" fill="currentColor" opacity="0">
+    <animate attributeName="opacity" from="0" to="1" dur="0.001s" begin="0.693s" fill="freeze"/>
+  </circle>
+</svg>

package/fonts/tangerine/svg/z.tsx

@@ -0,0 +1,22 @@
+import type { SVGProps } from "react";
+const SvgComponent = (props: SVGProps<SVGSVGElement>) => (<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 -750 238 1000">
+  <path d="M 53.67 -196.68 L 60.78 -211.61 L 72.16 -225.13 L 83.54 -232.24 L 93.5 -235.08 L 116.97 -239.35 L 126.92 -239.35 L 202.31 -227.26 L 205.87 -230.11 L 224.36 -237.22 L 237.87 -247.89" fill="none" stroke="currentColor" strokeWidth="21.3" strokeLinecap="round" strokeLinejoin="round"
+    strokeDasharray="231.1" strokeDashoffset="231.1" opacity="0">
+    <animate attributeName="opacity" from="0" to="1" dur="0.001s" begin="0.000s" fill="freeze"/>
+    <animate attributeName="stroke-dashoffset" from="231.1" to="0" dur="0.070s" begin="0.000s" fill="freeze"/>
+  </path>
+  <path d="M -1.09 -9.63 L 18.82 -25.99 L 38.02 -33.81 L 49.4 -32.39 L 82.12 -22.43 L 118.39 -16.03 L 136.88 -16.03 L 168.89 -22.43 L 180.27 -28.83 L 195.2 -43.05 L 208.71 -62.26 L 217.96 -82.88" fill="none" stroke="currentColor" strokeWidth="23.4" strokeLinecap="round" strokeLinejoin="round"
+    strokeDasharray="283.3" strokeDashoffset="283.3" opacity="0">
+    <animate attributeName="opacity" from="0" to="1" dur="0.001s" begin="0.220s" fill="freeze"/>
+    <animate attributeName="stroke-dashoffset" from="283.3" to="0" dur="0.087s" begin="0.220s" fill="freeze"/>
+  </path>
+  <path d="M 38.73 -34.52 L 38.02 -40.92 L 43 -55.15 L 196.62 -207.35 L 202.31 -222.28 L 202.31 -226.55" fill="none" stroke="currentColor" strokeWidth="25.1" strokeLinecap="round" strokeLinejoin="round"
+    strokeDasharray="283.1" strokeDashoffset="283.1" opacity="0">
+    <animate attributeName="opacity" from="0" to="1" dur="0.001s" begin="0.457s" fill="freeze"/>
+    <animate attributeName="stroke-dashoffset" from="283.1" to="0" dur="0.086s" begin="0.457s" fill="freeze"/>
+  </path>
+  <circle cx="193.07" cy="-40.21" r="7.8" fill="currentColor" opacity="0">
+    <animate attributeName="opacity" from="0" to="1" dur="0.001s" begin="0.693s" fill="freeze"/>
+  </circle>
+</svg>);
+export default SvgComponent;

package/package.json

@@ -1,12 +1,70 @@
 {
   "name": "tegaki",
-  "version": "0.0.1",
-  "description": "Coming soon",
+  "version": "0.2.2",
+  "type": "module",
+  "description": "React component for rendering animated handwriting from any font",
+  "keywords": [
+    "handwriting",
+    "animation",
+    "svg",
+    "react",
+    "font",
+    "calligraphy",
+    "stroke-order",
+    "text-animation",
+    "writing-animation"
+  ],
+  "homepage": "https://github.com/KurtGokhan/tegaki#readme",
+  "bugs": {
+    "url": "https://github.com/KurtGokhan/tegaki/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+ssh://git@github.com/KurtGokhan/tegaki.git",
+    "directory": "packages/renderer"
+  },
   "license": "MIT",
-  "author": "",
-  "type": "commonjs",
-  "main": "index.js",
+  "author": {
+    "name": "Gokhan Kurt",
+    "email": "krtgkn@gmail.com",
+    "url": "https://gkurt.com"
+  },
+  "exports": {
+    ".": {
+      "tegaki@dev": "./src/index.ts",
+      "source": "./src/index.ts",
+      "types": "./dist/index.d.mts",
+      "import": "./dist/index.mjs"
+    },
+    "./fonts/caveat": "./fonts/caveat/bundle.ts",
+    "./fonts/italianno": "./fonts/italianno/bundle.ts",
+    "./fonts/tangerine": "./fonts/tangerine/bundle.ts",
+    "./fonts/parisienne": "./fonts/parisienne/bundle.ts"
+  },
+  "files": [
+    "dist/",
+    "src/",
+    "fonts/",
+    "README.md",
+    "LICENSE",
+    "FONTS-LICENSE.md",
+    "CHANGELOG.md"
+  ],
   "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
+    "typecheck": "tsc --noEmit",
+    "build": "tsdown src/index.ts --dts --sourcemap",
+    "prepack": "bun run build && bun ../../scripts/prepareForRelease.ts",
+    "generate-fonts": "bun --filter tegaki-generator start generate Caveat --chars '0' --output ../renderer/fonts/caveat && bun --filter tegaki-generator start generate Italianno --chars '0' --output ../renderer/fonts/italianno && bun --filter tegaki-generator start generate Tangerine --chars '0' --output ../renderer/fonts/tangerine && bun --filter tegaki-generator start generate Parisienne --chars '0' --output ../renderer/fonts/parisienne"
+  },
+  "dependencies": {
+    "@chenglou/pretext": "^0.0.4"
+  },
+  "peerDependencies": {
+    "react": ">=18"
+  },
+  "devDependencies": {
+    "@types/react": "^19.2.14",
+    "tsdown": "^0.21.7",
+    "typescript": "^6.0.2"
   }
 }

package/src/env.d.ts

@@ -0,0 +1,10 @@
+declare module '*.ttf' {
+  const src: string;
+  export default src;
+}
+
+declare module '*.svg' {
+  import type { FC, SVGProps } from 'react';
+  const ReactComponent: FC<SVGProps<SVGSVGElement>>;
+  export default ReactComponent;
+}

package/src/index.ts

@@ -0,0 +1,10 @@
+export { drawGlyph } from './lib/drawGlyph.ts';
+export {
+  TegakiRenderer,
+  type TegakiRendererProps,
+  type TimeControlMode,
+  type TimeControlProp,
+} from './lib/TegakiRenderer.tsx';
+export { computeTimeline, type Timeline, type TimelineConfig } from './lib/timeline.ts';
+export type * from './types.ts';
+export type { TegakiEffectConfigs, TegakiEffects } from './types.ts';