@konemono/nostr-share-component 0.2.7 → 0.4.0

package/README.md

@@ -19,13 +19,13 @@
 <nostr-share></nostr-share>
 ```
 
-- data-url、data-title、data-text にそれぞれ共有したい文字列を指定することができます。
-- url、title、text が指定されていない場合、設置したサイトのURLとタイトルが共有されます。
+- data-text に共有したい文字列を指定することができます。
+- 指定されていない場合、設置したサイトのURLとタイトルが共有されます。
 
 
 例:
 ```html
-<nostr-share data-url="https://example.com" data-title="Example Title" data-text="Example Text"></nostr-share>
+<nostr-share data-text="Example Text"></nostr-share>
 ```
 
 
@@ -37,13 +37,24 @@ data-type に以下の値を指定できます：
 
 
 ### 4. カスタム共有ボタンを作成 
-コンポーネント内に任意のコンテンツを挿入することで、共有ボタンをカスタマイズできます。
 
-```html
-<nostr-share data-style="" data-url="https://example.com" data-title="Example Title" data-text="Example Text">
-    Share on Nostr
-</nostr-share>
-```
+`part(button)` と `part(text)` を使用することで、ボタンとテキストのスタイルを個別にカスタマイズできます。
+
+```css
+nostr-share::part(button) {
+  background-color: rgb(0, 136, 255);
+}
+
+nostr-share::part(button):hover {
+  background-color: rgb(255, 0, 0);
+}
+
+nostr-share::part(text) {
+  font-style: italic;
+  font-family: 'Courier New', Courier, monospace;
+  font-size: medium;
+}
+
 
 
 -----
@@ -61,14 +72,14 @@ data-type に以下の値を指定できます：
 ```javascript
 {
   name: "クライアント名",
-  url: "https://example.com/share?text={text}&url={url}&title={title}",
+  url: "https://example.com/share?text={text}",
   icon: "https://example.com/favicon.ico",
 }
 ```
 ## フィールドの説明
 - name: クライアントの名前（短くわかりやすいものを推奨）。
 - url: クライアントのリンク共有URL。
-- {text}, {url}, {title} のパラメータを含めることで動的なリンク生成を可能にします。
+- {text} のパラメータを含めることで動的なリンク生成を可能にします。
 - icon: クライアントのファビコンURL（任意ですが、できるだけ提供してください）。
 
 

package/dist/main.d.ts

@@ -1,12 +1,9 @@
 export { default as Dialog } from "$lib/Dialog.svelte";
 export { default as NostrShare } from "$lib/NostrShare.svelte";
 export interface DialogProps {
-    title: string;
-    content: string;
+    text: string;
     onClose: () => void;
 }
 export interface NostrShareProps {
-    url: string;
     text: string;
-    hashtags?: string[];
 }