~koehr/donatello

b45bf628f3cad7e1892365fa79bb22193f41b0e7 — Norman K√∂hring 1 year, 3 months ago c2e2867
library build
8 files changed, 42 insertions(+), 14 deletions(-)

M .gitignore
M package.json
D public/vite.svg
M src/demo.ts
M src/donatello.d.ts
M src/util.ts
M tsconfig.json
A vite.config.ts
M .gitignore => .gitignore +1 -2
@@ 8,8 8,7 @@ pnpm-debug.log*
lerna-debug.log*

node_modules
dist
dist-ssr
lib
*.local

# Editor directories and files

M package.json => package.json +13 -1
@@ 3,9 3,21 @@
  "private": true,
  "version": "0.0.1",
  "type": "module",
  "files": [
    "lib"
  ],
  "main": "./lib/donatello.umd.cjs",
  "module": "./lib/donatello.js",
  "exports": {
    ".": {
      "import": "./lib/donatello.js",
      "require": "./lib/donatello.umd.cjs"
    }
  },
  "types": "./lib/donatello.d.ts",
  "scripts": {
    "dev": "vite",
    "build": "tsc && vite build",
    "build": "vite build && tsc",
    "preview": "vite preview",
    "type-check": "tsc"
  },

D public/vite.svg => public/vite.svg +0 -1
@@ 1,1 0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>
\ No newline at end of file

M src/demo.ts => src/demo.ts +2 -2
@@ 11,7 11,7 @@ document.querySelector<HTMLDivElement>('body > main')!.innerHTML = `
`

const demo01 = new Container('test', 800, 600, true)
document.getElementById('demo01').append(demo01.getNode())
document.getElementById('demo01')!.append(demo01.getNode())

new Circle(
  demo01,


@@ 24,4 24,4 @@ new Circle(
  { r: 30, fill: "#FFF", stroke: "#0F0", "stroke-width": 2 }
)

document.getElementById('demo02').append(demo02.getNode())
document.getElementById('demo02')!.append(demo02.getNode())

M src/donatello.d.ts => src/donatello.d.ts +0 -1
@@ 7,7 7,6 @@ declare global {
    export interface Element<T> {
      getNode (): T
      getParent (): Element<any> | Container
      new (parent: Container, attributes: any): Element<T>
    }
  }
}

M src/util.ts => src/util.ts +2 -2
@@ 93,7 93,7 @@ export function animateNumberAttr(el: Element, toAttrs: NumberAttributes, durati
  const singleStep = {} as NumberAttributes   // attributes set each animation step

  for (const attr in toAttrs) {
    const fromAttr = Number(el.getAttribute(attr)) ?? AttributeDefaults[attr]
    const fromAttr = Number(el.getAttribute(attr)) ?? AttributeDefaults[attr as AttributeName]
    intermediate[attr] = fromAttr
    singleStep[attr] = (toAttrs[attr] - fromAttr) / duration
  }


@@ 123,7 123,7 @@ export function animateAttributes(el: Element, toAttrs: Attributes, duration: nu
  // TODO: support more attribute types
  const numberAttrs = {} as NumberAttributes
  for (const attr in toAttrs) {
    const attrType = AnimatedAttrs[attr]
    const attrType = AnimatedAttrs[attr as AttributeName]
    if (attrType === 'number') numberAttrs[attr] = Number(toAttrs[attr])
  }


M tsconfig.json => tsconfig.json +12 -5
@@ 3,17 3,24 @@
    "target": "ESNext",
    "useDefineForClassFields": true,
    "module": "ESNext",
    "lib": ["ESNext", "DOM"],
    "lib": [
      "ESNext",
      "DOM"
    ],
    "moduleResolution": "Node",
    "strict": true,
    "resolveJsonModule": true,
    "isolatedModules": true,
    "esModuleInterop": true,
    "noEmit": true,
    "declaration": true,
    "emitDeclarationOnly": true,
    "noUnusedLocals": true,
    "noUnusedParameters": true,
    "noImplicitReturns": true,
    "skipLibCheck": true
    "skipLibCheck": true,
    "outDir": "./lib"
  },
  "include": ["src"]
}
  "include": [
    "src"
  ]
}
\ No newline at end of file

A vite.config.ts => vite.config.ts +12 -0
@@ 0,0 1,12 @@
import { defineConfig } from 'vite'

export default defineConfig({
  build: {
    outDir: './lib',
    lib: {
      entry: './src/donatello.ts',
      name: 'Donatello',
      fileName: 'donatello'
    },
  }
})