feat: switch from svelte to self written custom element, updated depe…

…ndencies
haxagoncz · Jul 23, 2023 · 6a799dd · 6a799dd
1 parent 6cc5da4
commit 6a799dd
Show file tree

Hide file tree

Showing 10 changed files with 1,207 additions and 1,372 deletions.
diff --git a/README.md b/README.md
@@ -13,15 +13,20 @@ pnpm i asciinema-player-ce
 yarn add asciinema-player-ce
 ```
 
-and import it later using
+import it and use it to define a custom element on your window.
 ```js
-import 'asciinema-player-ce'
+import { useAsciinemaCe } from 'asciinema-player-ce'
+
+useAsciinemaCe()
 ```
 
 ### html
 Add the following script to your document
 ```
 <script src="https://cdn.jsdelivr.net/npm/asciinema-player-ce@latest/lib/asciinema-player.iife.min.js"></script>
+<script defer>
+  asciinemaPlayerCe.useAsciinemaCe()
+</script>
 ```
 
 ## Usage

diff --git a/examples/index.html b/examples/index.html
@@ -10,10 +10,16 @@
 	<link rel='stylesheet' href='/global.css'>
 	<link rel='stylesheet' href='/build/bundle.css'>
 
-	<script defer src='../lib/asciinema-player.iife.js'></script>
+	<script src='../lib/asciinema-player.iife.js'>
+	</script>
+	<script defer>
+		asciinemaPlayerCE.useAsciinemePlayerCe()
+	</script>
 </head>
 
 <body>
-	<asciinema-player src="28307"></asciinema-player>
+	<div style="width: 800px;">
+		<asciinema-player src="28307"></asciinema-player>
+	</div>
 </body>
 </html>
diff --git a/package.json b/package.json
@@ -1,42 +1,33 @@
 {
   "name": "asciinema-player-ce",
   "version": "0.2.1",
-  "packageManager": "pnpm@7.12.1",
+  "packageManager": "pnpm@8.6.9",
   "license": "MIT",
   "exports": {
     ".": {
-      "types": "./index.d.ts",
       "default": "./lib/asciinema-player.iife.js"
     },
     "./package.json": "./package.json"
   },
   "main": "lib/asciinema-player.iife.js",
-  "types": "index.d.ts",
   "scripts": {
     "build": "rollup -c",
-    "check": "svelte-check --tsconfig ./tsconfig.json",
     "bump": "bumpp --push --commit 'chore(release): %s' --tag '%s'",
     "eslint": "eslint"
   },
   "devDependencies": {
     "@antfu/eslint-config": "^0.39.3",
-    "@rollup/plugin-commonjs": "^22.0.2",
-    "@rollup/plugin-node-resolve": "^14.1.0",
-    "@rollup/plugin-typescript": "^8.5.0",
-    "@tsconfig/svelte": "^3.0.0",
-    "@vospel/eslint-config": "^1.4.9",
-    "asciinema-player": "^3.4.0",
-    "bumpp": "^8.2.1",
-    "eslint": "^8.41.0",
-    "postcss": "^8.4.16",
-    "postcss-import": "^15.0.0",
-    "rollup": "^2.3.4",
-    "rollup-plugin-svelte": "^7.0.0",
-    "rollup-plugin-terser": "^7.0.2",
-    "svelte": "^3.0.0",
-    "svelte-check": "^2.0.0",
-    "svelte-preprocess": "^4.0.0",
-    "tslib": "^2.0.0",
-    "typescript": "^4.0.0"
+    "@rollup/plugin-commonjs": "^25.0.3",
+    "@rollup/plugin-node-resolve": "^15.1.0",
+    "asciinema-player": "^3.5.0",
+    "bumpp": "^9.1.1",
+    "esbuild": "^0.18.16",
+    "eslint": "^8.45.0",
+    "rollup": "^3.26.3",
+    "rollup-plugin-dts": "^5.3.0",
+    "rollup-plugin-esbuild": "^5.0.0",
+    "rollup-plugin-import-css": "^3.3.1",
+    "tslib": "^2.6.0",
+    "typescript": "^5.1.6"
   }
 }