@codesuma/baseline 1.0.17 → 1.0.18

package/README.md

@@ -17,6 +17,18 @@ npm install @codesuma/baseline
 - **Tiny** - The entire framework is smaller than most framework's "hello world" bundle.
 - **Stable** - No dependencies means no breaking changes from upstream.
 
+## Examples
+
+Baseline comes with built-in examples to help you get started:
+
+```typescript
+import { CounterExample, TodoExample } from '@codesuma/baseline'
+
+// Use them in your app
+document.body.appendChild(CounterExample().el)
+document.body.appendChild(TodoExample().el)
+```
+
 ## Quick Start
 
 ```typescript

package/components/base.ts

@@ -11,24 +11,6 @@ export function Base<K extends keyof HTMLElementTagNameMap>(name: K = 'div' as K
     const el = document.createElement(name)
     el.setAttribute('data-base-id', id)
 
-    try {
-        const stack = new Error().stack
-        if (stack) {
-            const lines = stack.split('\n')
-            // V8: Error, at Base, at Caller -> index 2
-            // Firefox/Safari: Base@..., Caller@... -> index 1
-            const callerLine = lines[0].includes('Error') ? lines[2] : lines[1]
-            if (callerLine) {
-                const match = callerLine.match(/at\s+([^\s(]+)/) || callerLine.match(/^([^\s@]+)/)
-                if (match?.[1]) {
-                    el.setAttribute('data-component-name', match[1].replace(/([a-z0-9])([A-Z])/g, '$1-$2').toLowerCase())
-                }
-            }
-        }
-    } catch (e) {
-        // Ignore stack trace errors
-    }
-
     const component: any = { id, el, isMounted: false, parent: undefined }
 
     Object.assign(component, createEmitter(), createAppender(component), createStyler(component))
@@ -41,22 +23,6 @@ export function BaseSVG<K extends keyof SVGElementTagNameMap>(name: K = 'svg' as
     const el = document.createElementNS('http://www.w3.org/2000/svg', name)
     el.setAttribute('data-base-id', id)
 
-    try {
-        const stack = new Error().stack
-        if (stack) {
-            const lines = stack.split('\n')
-            const callerLine = lines[0].includes('Error') ? lines[2] : lines[1]
-            if (callerLine) {
-                const match = callerLine.match(/at\s+([^\s(]+)/) || callerLine.match(/^([^\s@]+)/)
-                if (match?.[1]) {
-                    el.setAttribute('data-component-name', match[1].replace(/([a-z0-9])([A-Z])/g, '$1-$2').toLowerCase())
-                }
-            }
-        }
-    } catch (e) {
-        // Ignore stack trace errors
-    }
-
     const component: any = { id, el, isMounted: false, parent: undefined }
 
     Object.assign(component, createEmitter(), createAppender(component), createStyler(component))

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codesuma/baseline",
-  "version": "1.0.17",
+  "version": "1.0.18",
   "description": "A minimal, imperative UI framework for building fast web apps. No virtual DOM, no magic, no dependencies.",
   "main": "index.ts",
   "types": "index.ts",