@kurone-kito/web-toybox-solid 0.1.0-alpha.1 → 0.1.0-alpha.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +27 -6
- package/dist/components/atoms/meta/LinkList.d.ts +12 -0
- package/dist/components/atoms/meta/LinkList.d.ts.map +1 -1
- package/dist/components/atoms/meta/MetaList.d.ts +10 -0
- package/dist/components/atoms/meta/MetaList.d.ts.map +1 -1
- package/dist/components/atoms/meta/Ogp.d.ts +15 -0
- package/dist/components/atoms/meta/Ogp.d.ts.map +1 -1
- package/dist/components/atoms/meta/Title.d.ts +4 -0
- package/dist/components/atoms/meta/Title.d.ts.map +1 -1
- package/dist/components/atoms/meta/XCard.d.ts +11 -1
- package/dist/components/atoms/meta/XCard.d.ts.map +1 -1
- package/dist/components/molecules/Head.d.ts +19 -0
- package/dist/components/molecules/Head.d.ts.map +1 -1
- package/dist/index.d.mts +1 -0
- package/dist/index.d.mts.map +1 -1
- package/dist/index.mjs +9 -7
- package/dist/index.mjs.map +1 -1
- package/docs/README.md +39 -0
- package/docs/globals.md +24 -0
- package/docs/interfaces/HeadProps.md +265 -0
- package/docs/interfaces/LinkListProps.md +69 -0
- package/docs/interfaces/MetaListProps.md +53 -0
- package/docs/interfaces/OgpProps.md +93 -0
- package/docs/interfaces/TitleProps.md +29 -0
- package/docs/interfaces/XCardProps.md +49 -0
- package/docs/variables/Head.md +40 -0
- package/docs/variables/LinkList.md +33 -0
- package/docs/variables/MetaList.md +31 -0
- package/docs/variables/MetaProvider.md +9 -0
- package/docs/variables/Ogp.md +36 -0
- package/docs/variables/Title.md +25 -0
- package/docs/variables/XCard.md +31 -0
- package/package.json +19 -18
package/README.md
CHANGED
|
@@ -1,12 +1,33 @@
|
|
|
1
|
-
# ⚙️ Web ToyBox
|
|
1
|
+
# ⚙️ Web ToyBox (Solid)
|
|
2
2
|
|
|
3
|
-
Common
|
|
3
|
+
Common components for Solid.js web applications.
|
|
4
4
|
|
|
5
|
-
##
|
|
5
|
+
## Installation
|
|
6
6
|
|
|
7
|
-
```
|
|
8
|
-
|
|
9
|
-
|
|
7
|
+
```bash
|
|
8
|
+
pnpm add @kurone-kito/web-toybox-solid @solidjs/meta solid-js
|
|
9
|
+
```
|
|
10
|
+
|
|
11
|
+
## Basic usage
|
|
12
|
+
|
|
13
|
+
Use the bundled `MetaProvider` to ensure the same `@solidjs/meta` instance
|
|
14
|
+
is shared with the head components.
|
|
15
|
+
|
|
16
|
+
```tsx
|
|
17
|
+
import { MetaProvider, Head } from '@kurone-kito/web-toybox-solid';
|
|
18
|
+
|
|
19
|
+
export const App = () => (
|
|
20
|
+
<MetaProvider>
|
|
21
|
+
<Head
|
|
22
|
+
siteName="Example Site"
|
|
23
|
+
title="Sample Page"
|
|
24
|
+
description="This is a sample description."
|
|
25
|
+
images={["https://example.com/image.png"]}
|
|
26
|
+
author="John Doe"
|
|
27
|
+
/>
|
|
28
|
+
{/* ...the rest of your app... */}
|
|
29
|
+
</MetaProvider>
|
|
30
|
+
);
|
|
10
31
|
```
|
|
11
32
|
|
|
12
33
|
## LICENSE
|
|
@@ -20,6 +20,18 @@ export interface LinkListProps {
|
|
|
20
20
|
* The link list component.
|
|
21
21
|
* @param props The component properties.
|
|
22
22
|
* @returns The component.
|
|
23
|
+
* @example
|
|
24
|
+
* ```tsx
|
|
25
|
+
* <LinkList
|
|
26
|
+
* authorUrl="https://example.com/author"
|
|
27
|
+
* faviconType="image/png"
|
|
28
|
+
* faviconUrl="https://example.com/favicon.png"
|
|
29
|
+
* licenseUrl="https://example.com/license"
|
|
30
|
+
* next="https://example.com/next"
|
|
31
|
+
* preloadImages={['https://example.com/image1.png', 'https://example.com/image2.png']}
|
|
32
|
+
* prev="https://example.com/prev"
|
|
33
|
+
* />
|
|
34
|
+
* ```
|
|
23
35
|
*/
|
|
24
36
|
export declare const LinkList: Component<LinkListProps>;
|
|
25
37
|
//# sourceMappingURL=LinkList.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LinkList.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/meta/LinkList.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAG1C,0CAA0C;AAC1C,MAAM,WAAW,aAAa;IAC5B,sBAAsB;IACtB,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAExC,oCAAoC;IACpC,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAE1C,uBAAuB;IACvB,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAEzC,uBAAuB;IACvB,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAEzC,6BAA6B;IAC7B,QAAQ,CAAC,aAAa,CAAC,EAAE,SAAS,MAAM,EAAE,GAAG,SAAS,CAAC;IAEvD,yBAAyB;IACzB,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAEnC,6BAA6B;IAC7B,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CACpC;AAED
|
|
1
|
+
{"version":3,"file":"LinkList.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/meta/LinkList.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAG1C,0CAA0C;AAC1C,MAAM,WAAW,aAAa;IAC5B,sBAAsB;IACtB,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAExC,oCAAoC;IACpC,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAE1C,uBAAuB;IACvB,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAEzC,uBAAuB;IACvB,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAEzC,6BAA6B;IAC7B,QAAQ,CAAC,aAAa,CAAC,EAAE,SAAS,MAAM,EAAE,GAAG,SAAS,CAAC;IAEvD,yBAAyB;IACzB,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAEnC,6BAA6B;IAC7B,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CACpC;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,QAAQ,EAAE,SAAS,CAAC,aAAa,CAsB7C,CAAC"}
|
|
@@ -16,6 +16,16 @@ export interface MetaListProps {
|
|
|
16
16
|
* The meta list component.
|
|
17
17
|
* @param props The component properties.
|
|
18
18
|
* @returns The component.
|
|
19
|
+
* @example
|
|
20
|
+
* ```tsx
|
|
21
|
+
* <MetaList
|
|
22
|
+
* author="John Doe"
|
|
23
|
+
* colorDark="#000000"
|
|
24
|
+
* colorLight="#FFFFFF"
|
|
25
|
+
* description="This is a sample description."
|
|
26
|
+
* keywords="sample, meta, tags"
|
|
27
|
+
* />
|
|
28
|
+
* ```
|
|
19
29
|
*/
|
|
20
30
|
export declare const MetaList: Component<MetaListProps>;
|
|
21
31
|
//# sourceMappingURL=MetaList.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MetaList.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/meta/MetaList.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAG1C,0CAA0C;AAC1C,MAAM,WAAW,aAAa;IAC5B,kCAAkC;IAClC,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAErC,kDAAkD;IAClD,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAExC,mDAAmD;IACnD,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAEzC,uCAAuC;IACvC,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAE1C,oCAAoC;IACpC,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CACxC;AAED
|
|
1
|
+
{"version":3,"file":"MetaList.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/meta/MetaList.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAG1C,0CAA0C;AAC1C,MAAM,WAAW,aAAa;IAC5B,kCAAkC;IAClC,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAErC,kDAAkD;IAClD,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAExC,mDAAmD;IACnD,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAEzC,uCAAuC;IACvC,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAE1C,oCAAoC;IACpC,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CACxC;AAED;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,QAAQ,EAAE,SAAS,CAAC,aAAa,CA2C7C,CAAC"}
|
|
@@ -26,6 +26,21 @@ export interface OgpProps {
|
|
|
26
26
|
* The OGP component.
|
|
27
27
|
* @param props The component properties.
|
|
28
28
|
* @returns The component.
|
|
29
|
+
* @example
|
|
30
|
+
* ```tsx
|
|
31
|
+
* <Ogp
|
|
32
|
+
* description="This is a sample page."
|
|
33
|
+
* images={['https://example.com/image1.png', 'https://example.com/image2.png']}
|
|
34
|
+
* imageAlt="Sample Image"
|
|
35
|
+
* imageHeight={630}
|
|
36
|
+
* imageType="image/png"
|
|
37
|
+
* imageWidth={1200}
|
|
38
|
+
* language="en_US"
|
|
39
|
+
* siteName="Example Site"
|
|
40
|
+
* title="Sample Page"
|
|
41
|
+
* url="https://example.com/sample-page"
|
|
42
|
+
* />
|
|
43
|
+
* ```
|
|
29
44
|
*/
|
|
30
45
|
export declare const Ogp: Component<OgpProps>;
|
|
31
46
|
//# sourceMappingURL=Ogp.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Ogp.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/meta/Ogp.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAG1C,0CAA0C;AAC1C,MAAM,WAAW,QAAQ;IACvB,mCAAmC;IACnC,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAE1C,kCAAkC;IAClC,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAEvC,gCAAgC;IAChC,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;IAEnD,mCAAmC;IACnC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAExC,+BAA+B;IAC/B,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;IAElD,kCAAkC;IAClC,QAAQ,CAAC,MAAM,CAAC,EAAE,SAAS,MAAM,EAAE,GAAG,SAAS,CAAC;IAEhD,gCAAgC;IAChC,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAEvC,qBAAqB;IACrB,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAE1B,6BAA6B;IAC7B,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAEpC,2BAA2B;IAC3B,QAAQ,CAAC,GAAG,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CACnC;AAED
|
|
1
|
+
{"version":3,"file":"Ogp.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/meta/Ogp.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAG1C,0CAA0C;AAC1C,MAAM,WAAW,QAAQ;IACvB,mCAAmC;IACnC,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAE1C,kCAAkC;IAClC,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAEvC,gCAAgC;IAChC,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;IAEnD,mCAAmC;IACnC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAExC,+BAA+B;IAC/B,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;IAElD,kCAAkC;IAClC,QAAQ,CAAC,MAAM,CAAC,EAAE,SAAS,MAAM,EAAE,GAAG,SAAS,CAAC;IAEhD,gCAAgC;IAChC,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAEvC,qBAAqB;IACrB,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAE1B,6BAA6B;IAC7B,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAEpC,2BAA2B;IAC3B,QAAQ,CAAC,GAAG,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CACnC;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,GAAG,EAAE,SAAS,CAAC,QAAQ,CAwCnC,CAAC"}
|
|
@@ -10,6 +10,10 @@ export interface TitleProps {
|
|
|
10
10
|
* The title component.
|
|
11
11
|
* @param props The component properties.
|
|
12
12
|
* @returns The component.
|
|
13
|
+
* @example
|
|
14
|
+
* ```tsx
|
|
15
|
+
* <Title siteName="Example Site" title="Sample Page" />
|
|
16
|
+
* ```
|
|
13
17
|
*/
|
|
14
18
|
export declare const Title: Component<TitleProps>;
|
|
15
19
|
//# sourceMappingURL=Title.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Title.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/meta/Title.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAG1C,0CAA0C;AAC1C,MAAM,WAAW,UAAU;IACzB,qBAAqB;IACrB,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAE1B,6BAA6B;IAC7B,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CACrC;AAED
|
|
1
|
+
{"version":3,"file":"Title.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/meta/Title.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAG1C,0CAA0C;AAC1C,MAAM,WAAW,UAAU;IACzB,qBAAqB;IACrB,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAE1B,6BAA6B;IAC7B,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CACrC;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,KAAK,EAAE,SAAS,CAAC,UAAU,CAMvC,CAAC"}
|
|
@@ -13,9 +13,19 @@ export interface XCardProps {
|
|
|
13
13
|
readonly title?: string | undefined;
|
|
14
14
|
}
|
|
15
15
|
/**
|
|
16
|
-
* The
|
|
16
|
+
* The 𝕏 card component.
|
|
17
17
|
* @param props The component properties.
|
|
18
18
|
* @returns The component.
|
|
19
|
+
* @example
|
|
20
|
+
* ```tsx
|
|
21
|
+
* <XCard
|
|
22
|
+
* author="Jane Doe"
|
|
23
|
+
* description="This is a sample description."
|
|
24
|
+
* image="https://example.com/image.png"
|
|
25
|
+
* siteName="Example Site"
|
|
26
|
+
* title="Sample Page"
|
|
27
|
+
* />
|
|
28
|
+
* ```
|
|
19
29
|
*/
|
|
20
30
|
export declare const XCard: Component<XCardProps>;
|
|
21
31
|
//# sourceMappingURL=XCard.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"XCard.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/meta/XCard.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAG1C,0CAA0C;AAC1C,MAAM,WAAW,UAAU;IACzB,kCAAkC;IAClC,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAErC,4BAA4B;IAC5B,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAE1C,0BAA0B;IAC1B,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAEpC,qBAAqB;IACrB,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAE1B,6BAA6B;IAC7B,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CACrC;AAED
|
|
1
|
+
{"version":3,"file":"XCard.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/meta/XCard.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAG1C,0CAA0C;AAC1C,MAAM,WAAW,UAAU;IACzB,kCAAkC;IAClC,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAErC,4BAA4B;IAC5B,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAE1C,0BAA0B;IAC1B,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAEpC,qBAAqB;IACrB,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAE1B,6BAA6B;IAC7B,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CACrC;AAED;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,KAAK,EAAE,SAAS,CAAC,UAAU,CAyBvC,CAAC"}
|
|
@@ -12,6 +12,25 @@ export interface HeadProps extends LinkListProps, MetaListProps, OgpProps, Title
|
|
|
12
12
|
* The head metadata component.
|
|
13
13
|
* @param props The properties.
|
|
14
14
|
* @returns The component.
|
|
15
|
+
* @example
|
|
16
|
+
* ```tsx
|
|
17
|
+
* <Head
|
|
18
|
+
* author="John Doe"
|
|
19
|
+
* colorDark="#000000"
|
|
20
|
+
* colorLight="#FFFFFF"
|
|
21
|
+
* description="This is a sample description."
|
|
22
|
+
* images={['https://example.com/image.png']}
|
|
23
|
+
* links={[
|
|
24
|
+
* { rel: 'icon', href: '/favicon.ico' },
|
|
25
|
+
* { rel: 'stylesheet', href: 'https://example.com/styles.css' },
|
|
26
|
+
* ]}
|
|
27
|
+
* keywords="sample, meta, tags"
|
|
28
|
+
* siteName="Example Site"
|
|
29
|
+
* title="Sample Page"
|
|
30
|
+
* type="website"
|
|
31
|
+
* url="https://example.com/page"
|
|
32
|
+
* />
|
|
33
|
+
* ```
|
|
15
34
|
*/
|
|
16
35
|
export declare const Head: Component<HeadProps>;
|
|
17
36
|
//# sourceMappingURL=Head.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Head.d.ts","sourceRoot":"","sources":["../../../src/components/molecules/Head.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAE1C,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACxC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAE/D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAE/D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAErD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAEzD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAGzD,0CAA0C;AAC1C,MAAM,WAAW,SACf,SAAQ,aAAa,EACnB,aAAa,EACb,QAAQ,EACR,UAAU,EACV,MAAM,CAAC,UAAU,EAAE,OAAO,CAAC;CAAG;AAElC
|
|
1
|
+
{"version":3,"file":"Head.d.ts","sourceRoot":"","sources":["../../../src/components/molecules/Head.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAE1C,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACxC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAE/D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAE/D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAErD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAEzD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAGzD,0CAA0C;AAC1C,MAAM,WAAW,SACf,SAAQ,aAAa,EACnB,aAAa,EACb,QAAQ,EACR,UAAU,EACV,MAAM,CAAC,UAAU,EAAE,OAAO,CAAC;CAAG;AAElC;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,IAAI,EAAE,SAAS,CAAC,SAAS,CAarC,CAAC"}
|
package/dist/index.d.mts
CHANGED
package/dist/index.d.mts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../src/index.mts"],"names":[],"mappings":"AAAA,YAAY,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AACzE,OAAO,EAAE,QAAQ,EAAE,MAAM,qCAAqC,CAAC;AAC/D,YAAY,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AACzE,OAAO,EAAE,QAAQ,EAAE,MAAM,qCAAqC,CAAC;AAC/D,YAAY,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAE,GAAG,EAAE,MAAM,gCAAgC,CAAC;AACrD,YAAY,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAC;AACnE,OAAO,EAAE,KAAK,EAAE,MAAM,kCAAkC,CAAC;AACzD,YAAY,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAC;AACnE,OAAO,EAAE,KAAK,EAAE,MAAM,kCAAkC,CAAC;AAEzD,YAAY,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAChE,OAAO,EAAE,IAAI,EAAE,MAAM,gCAAgC,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../src/index.mts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC7C,YAAY,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AACzE,OAAO,EAAE,QAAQ,EAAE,MAAM,qCAAqC,CAAC;AAC/D,YAAY,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AACzE,OAAO,EAAE,QAAQ,EAAE,MAAM,qCAAqC,CAAC;AAC/D,YAAY,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAE,GAAG,EAAE,MAAM,gCAAgC,CAAC;AACrD,YAAY,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAC;AACnE,OAAO,EAAE,KAAK,EAAE,MAAM,kCAAkC,CAAC;AACzD,YAAY,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAC;AACnE,OAAO,EAAE,KAAK,EAAE,MAAM,kCAAkC,CAAC;AAEzD,YAAY,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAChE,OAAO,EAAE,IAAI,EAAE,MAAM,gCAAgC,CAAC"}
|
package/dist/index.mjs
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
import { createComponent, mergeProps } from "solid-js/web";
|
|
2
1
|
import { Link, Meta, Title as Title$1 } from "@solidjs/meta";
|
|
2
|
+
import { MetaProvider } from "@solidjs/meta";
|
|
3
|
+
import { createComponent, memo, mergeProps } from "solid-js/web";
|
|
3
4
|
import { Show, Switch, Match, Index, splitProps } from "solid-js";
|
|
4
5
|
const LinkList = (props) => [createComponent(Show, {
|
|
5
6
|
get when() {
|
|
@@ -15,7 +16,7 @@ const LinkList = (props) => [createComponent(Show, {
|
|
|
15
16
|
get children() {
|
|
16
17
|
return [createComponent(Match, {
|
|
17
18
|
get when() {
|
|
18
|
-
return props.faviconType && props.faviconUrl;
|
|
19
|
+
return memo(() => !!props.faviconType)() && props.faviconUrl;
|
|
19
20
|
},
|
|
20
21
|
get children() {
|
|
21
22
|
return createComponent(Link, {
|
|
@@ -30,7 +31,7 @@ const LinkList = (props) => [createComponent(Show, {
|
|
|
30
31
|
}
|
|
31
32
|
}), createComponent(Match, {
|
|
32
33
|
get when() {
|
|
33
|
-
return
|
|
34
|
+
return memo(() => !!!props.faviconType)() && props.faviconUrl;
|
|
34
35
|
},
|
|
35
36
|
get children() {
|
|
36
37
|
return createComponent(Link, {
|
|
@@ -101,7 +102,7 @@ const MetaList = (props) => [createComponent(Show, {
|
|
|
101
102
|
get children() {
|
|
102
103
|
return [createComponent(Match, {
|
|
103
104
|
get when() {
|
|
104
|
-
return props.colorDark && props.colorLight;
|
|
105
|
+
return memo(() => !!props.colorDark)() && props.colorLight;
|
|
105
106
|
},
|
|
106
107
|
get children() {
|
|
107
108
|
return createComponent(Meta, {
|
|
@@ -111,7 +112,7 @@ const MetaList = (props) => [createComponent(Show, {
|
|
|
111
112
|
}
|
|
112
113
|
}), createComponent(Match, {
|
|
113
114
|
get when() {
|
|
114
|
-
return props.colorDark && !props.colorLight;
|
|
115
|
+
return memo(() => !!props.colorDark)() && !props.colorLight;
|
|
115
116
|
},
|
|
116
117
|
get children() {
|
|
117
118
|
return createComponent(Meta, {
|
|
@@ -121,7 +122,7 @@ const MetaList = (props) => [createComponent(Show, {
|
|
|
121
122
|
}
|
|
122
123
|
}), createComponent(Match, {
|
|
123
124
|
get when() {
|
|
124
|
-
return
|
|
125
|
+
return memo(() => !!!props.colorDark)() && props.colorLight;
|
|
125
126
|
},
|
|
126
127
|
get children() {
|
|
127
128
|
return createComponent(Meta, {
|
|
@@ -331,7 +332,7 @@ const Title = (props) => createComponent(Title$1, {
|
|
|
331
332
|
return props.title;
|
|
332
333
|
},
|
|
333
334
|
get children() {
|
|
334
|
-
return [props.title, " :: ", props.siteName];
|
|
335
|
+
return [memo(() => props.title), " :: ", memo(() => props.siteName)];
|
|
335
336
|
}
|
|
336
337
|
});
|
|
337
338
|
}
|
|
@@ -432,6 +433,7 @@ export {
|
|
|
432
433
|
Head,
|
|
433
434
|
LinkList,
|
|
434
435
|
MetaList,
|
|
436
|
+
MetaProvider,
|
|
435
437
|
Ogp,
|
|
436
438
|
Title,
|
|
437
439
|
XCard
|
package/dist/index.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","sources":["../src/components/atoms/meta/LinkList.tsx","../src/components/atoms/meta/MetaList.tsx","../src/components/atoms/meta/Ogp.tsx","../src/components/atoms/meta/Title.tsx","../src/components/atoms/meta/XCard.tsx","../src/components/molecules/Head.tsx"],"sourcesContent":["import { Link } from '@solidjs/meta';\nimport type { Component } from 'solid-js';\nimport { Index, Match, Show, Switch } from 'solid-js';\n\n/** Type definition for the properties. */\nexport interface LinkListProps {\n /** The author URL. */\n readonly authorUrl?: string | undefined;\n\n /** The mime type of the favicon. */\n readonly faviconType?: string | undefined;\n\n /** The favicon URL. */\n readonly faviconUrl?: string | undefined;\n\n /** The license URL. */\n readonly licenseUrl?: string | undefined;\n\n /** The images to preload. */\n readonly preloadImages?: readonly string[] | undefined;\n\n /** The next page URL. */\n readonly next?: string | undefined;\n\n /** The previous page URL. */\n readonly prev?: string | undefined;\n}\n\n/**\n * The link list component.\n * @param props The component properties.\n * @returns The component.\n */\nexport const LinkList: Component<LinkListProps> = (props) => (\n <>\n <Show when={props.authorUrl}>\n {(href) => <Link href={href()} rel=\"author\" />}\n </Show>\n <Switch>\n <Match when={props.faviconType && props.faviconUrl}>\n <Link href={props.faviconUrl} rel=\"icon\" type={props.faviconType} />\n </Match>\n <Match when={!props.faviconType && props.faviconUrl}>\n <Link href={props.faviconUrl} rel=\"icon\" />\n </Match>\n </Switch>\n <Show when={props.licenseUrl}>\n {(href) => <Link href={href()} hreflang=\"en\" rel=\"license\" />}\n </Show>\n <Show when={props.next}>{(href) => <Link href={href()} rel=\"next\" />}</Show>\n <Index each={props.preloadImages}>\n {(image) => <Link as=\"image\" href={image()} rel=\"preload\" />}\n </Index>\n <Show when={props.prev}>{(href) => <Link href={href()} rel=\"prev\" />}</Show>\n </>\n);\n","import { Meta } from '@solidjs/meta';\nimport type { Component } from 'solid-js';\nimport { Match, Show, Switch } from 'solid-js';\n\n/** Type definition for the properties. */\nexport interface MetaListProps {\n /** The author of the meta tag. */\n readonly author?: string | undefined;\n\n /** The color of the meta tag on the dark mode. */\n readonly colorDark?: string | undefined;\n\n /** The color of the meta tag on the light mode. */\n readonly colorLight?: string | undefined;\n\n /** The description of the meta tag. */\n readonly description?: string | undefined;\n\n /** The keywords of the meta tag. */\n readonly keywords?: string | undefined;\n}\n\n/**\n * The meta list component.\n * @param props The component properties.\n * @returns The component.\n */\nexport const MetaList: Component<MetaListProps> = (props) => (\n <>\n <Show when={props.author}>\n <Meta name=\"author\" content={props.author} />\n </Show>\n <Switch>\n <Match when={props.colorDark && props.colorLight}>\n <Meta name=\"color-scheme\" content=\"light dark\" />\n </Match>\n <Match when={props.colorDark && !props.colorLight}>\n <Meta name=\"color-scheme\" content=\"dark\" />\n </Match>\n <Match when={!props.colorDark && props.colorLight}>\n <Meta name=\"color-scheme\" content=\"light\" />\n </Match>\n </Switch>\n <Show when={props.description}>\n <Meta name=\"description\" content={props.description} />\n </Show>\n <Meta name=\"generator\" content=\"SolidStart\" />\n <Show when={props.keywords}>\n <Meta name=\"keywords\" content={props.keywords} />\n </Show>\n <Meta name=\"referer\" content=\"strict-origin-when-cross-origin\" />\n <Show when={props.colorLight}>\n <Meta\n name=\"theme-color\"\n media=\"(prefers-color-scheme: light)\"\n content={props.colorLight}\n />\n </Show>\n <Show when={props.colorDark}>\n <Meta\n name=\"theme-color\"\n media=\"(prefers-color-scheme: dark)\"\n content={props.colorDark}\n />\n </Show>\n <Meta\n name=\"viewport\"\n content=\"width=device-width, initial-scale=1, viewport-fit=cover\"\n />\n </>\n);\n","import { Meta } from '@solidjs/meta';\nimport type { Component } from 'solid-js';\nimport { Index, Show } from 'solid-js';\n\n/** Type definition for the properties. */\nexport interface OgpProps {\n /** The description of the page. */\n readonly description?: string | undefined;\n\n /** The alt text of the images. */\n readonly imageAlt?: string | undefined;\n\n /** The height of the images. */\n readonly imageHeight?: number | string | undefined;\n\n /** The mime type of the images. */\n readonly imageType?: string | undefined;\n\n /** The width of the images. */\n readonly imageWidth?: number | string | undefined;\n\n /** The image URLs of the page. */\n readonly images?: readonly string[] | undefined;\n\n /** The language of the page. */\n readonly language?: string | undefined;\n\n /** The site name. */\n readonly siteName: string;\n\n /** The title of the page. */\n readonly title?: string | undefined;\n\n /** The URL of the page. */\n readonly url?: string | undefined;\n}\n\n/**\n * The OGP component.\n * @param props The component properties.\n * @returns The component.\n */\nexport const Ogp: Component<OgpProps> = (props) => (\n <>\n <Show when={props.description}>\n <Meta property=\"og:description\" content={props.description} />\n </Show>\n <Index each={props.images}>\n {(image) => <Meta property=\"og:image\" content={image()} />}\n </Index>\n <Show when={props.imageAlt}>\n <Meta property=\"og:image:alt\" content={props.imageAlt} />\n </Show>\n <Show when={props.imageHeight}>\n <Meta property=\"og:image:height\" content={`${props.imageHeight}`} />\n </Show>\n <Show when={props.imageType}>\n <Meta property=\"og:image:type\" content={props.imageType} />\n </Show>\n <Show when={props.imageWidth}>\n <Meta property=\"og:image:width\" content={`${props.imageWidth}`} />\n </Show>\n <Show when={props.language}>\n <Meta property=\"og:locale\" content={props.language} />\n </Show>\n <Show when={props.siteName}>\n <Meta property=\"og:site_name\" content={props.siteName} />\n </Show>\n <Show\n fallback={<Meta property=\"og:title\" content={props.siteName} />}\n when={props.title}\n >\n <Meta\n property=\"og:title\"\n content={`${props.title} | ${props.siteName}`}\n />\n </Show>\n <Meta property=\"og:type\" content=\"website\" />\n <Show when={props.url}>\n <Meta property=\"og:url\" content={props.url} />\n </Show>\n </>\n);\n","import { Title as SolidTitle } from '@solidjs/meta';\nimport type { Component } from 'solid-js';\nimport { Show } from 'solid-js';\n\n/** Type definition for the properties. */\nexport interface TitleProps {\n /** The site name. */\n readonly siteName: string;\n\n /** The title of the page. */\n readonly title?: string | undefined;\n}\n\n/**\n * The title component.\n * @param props The component properties.\n * @returns The component.\n */\nexport const Title: Component<TitleProps> = (props) => (\n <SolidTitle>\n <Show fallback={props.siteName} when={props.title}>\n {props.title} :: {props.siteName}\n </Show>\n </SolidTitle>\n);\n","import { Meta } from '@solidjs/meta';\nimport type { Component } from 'solid-js';\nimport { Show } from 'solid-js';\n\n/** Type definition for the properties. */\nexport interface XCardProps {\n /** The author of the meta tag. */\n readonly author?: string | undefined;\n\n /** The card description. */\n readonly description?: string | undefined;\n\n /** The card image URL. */\n readonly image?: string | undefined;\n\n /** The site name. */\n readonly siteName: string;\n\n /** The title of the page. */\n readonly title?: string | undefined;\n}\n\n/**\n * The X card component.\n * @param props The component properties.\n * @returns The component.\n */\nexport const XCard: Component<XCardProps> = (props) => (\n <>\n <Meta name=\"twitter:card\" content=\"summary_large_image\" />\n <Show when={props.author}>\n <Meta name=\"twitter:creator\" content={props.author} />\n </Show>\n <Show when={props.description}>\n <Meta name=\"twitter:description\" content={props.description} />\n </Show>\n <Show when={props.image}>\n <Meta name=\"twitter:image\" content={props.image} />\n </Show>\n <Show when={props.author}>\n <Meta name=\"twitter:author\" content={props.author} />\n </Show>\n <Show\n fallback={<Meta name=\"twitter:title\" content={props.siteName} />}\n when={props.title}\n >\n <Meta\n name=\"twitter:title\"\n content={`${props.title} | ${props.siteName}`}\n />\n </Show>\n </>\n);\n","import type { Component } from 'solid-js';\nimport { Show, splitProps } from 'solid-js';\nimport type { Except } from 'type-fest';\nimport type { LinkListProps } from '../atoms/meta/LinkList.js';\nimport { LinkList } from '../atoms/meta/LinkList.js';\nimport type { MetaListProps } from '../atoms/meta/MetaList.js';\nimport { MetaList } from '../atoms/meta/MetaList.js';\nimport type { OgpProps } from '../atoms/meta/Ogp.js';\nimport { Ogp } from '../atoms/meta/Ogp.js';\nimport type { TitleProps } from '../atoms/meta/Title.js';\nimport { Title } from '../atoms/meta/Title.js';\nimport type { XCardProps } from '../atoms/meta/XCard.js';\nimport { XCard } from '../atoms/meta/XCard.js';\n\n/** Type definition for the properties. */\nexport interface HeadProps\n extends LinkListProps,\n MetaListProps,\n OgpProps,\n TitleProps,\n Except<XCardProps, 'image'> {}\n\n/**\n * The head metadata component.\n * @param props The properties.\n * @returns The component.\n */\nexport const Head: Component<HeadProps> = (props) => {\n const [local, rest] = splitProps(props, ['images']);\n return (\n <>\n <Title {...rest} />\n <MetaList {...rest} />\n <Ogp images={local.images} {...rest} />\n <Show fallback={<XCard {...rest} />} when={local.images?.[0]}>\n {(images) => <XCard image={images()} {...rest} />}\n </Show>\n <LinkList {...rest} />\n </>\n );\n};\n"],"names":["LinkList","props","_$createComponent","Show","when","authorUrl","children","href","Link","rel","Switch","Match","faviconType","faviconUrl","type","licenseUrl","hreflang","next","Index","each","preloadImages","image","as","prev","MetaList","author","Meta","name","content","colorDark","colorLight","description","keywords","media","Ogp","property","images","imageAlt","imageHeight","imageType","imageWidth","language","siteName","fallback","title","url","Title","SolidTitle","XCard","Head","local","rest","splitProps","_$mergeProps"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":["../src/components/atoms/meta/LinkList.tsx","../src/components/atoms/meta/MetaList.tsx","../src/components/atoms/meta/Ogp.tsx","../src/components/atoms/meta/Title.tsx","../src/components/atoms/meta/XCard.tsx","../src/components/molecules/Head.tsx"],"sourcesContent":["import { Link } from '@solidjs/meta';\nimport type { Component } from 'solid-js';\nimport { Index, Match, Show, Switch } from 'solid-js';\n\n/** Type definition for the properties. */\nexport interface LinkListProps {\n /** The author URL. */\n readonly authorUrl?: string | undefined;\n\n /** The mime type of the favicon. */\n readonly faviconType?: string | undefined;\n\n /** The favicon URL. */\n readonly faviconUrl?: string | undefined;\n\n /** The license URL. */\n readonly licenseUrl?: string | undefined;\n\n /** The images to preload. */\n readonly preloadImages?: readonly string[] | undefined;\n\n /** The next page URL. */\n readonly next?: string | undefined;\n\n /** The previous page URL. */\n readonly prev?: string | undefined;\n}\n\n/**\n * The link list component.\n * @param props The component properties.\n * @returns The component.\n * @example\n * ```tsx\n * <LinkList\n * authorUrl=\"https://example.com/author\"\n * faviconType=\"image/png\"\n * faviconUrl=\"https://example.com/favicon.png\"\n * licenseUrl=\"https://example.com/license\"\n * next=\"https://example.com/next\"\n * preloadImages={['https://example.com/image1.png', 'https://example.com/image2.png']}\n * prev=\"https://example.com/prev\"\n * />\n * ```\n */\nexport const LinkList: Component<LinkListProps> = (props) => (\n <>\n <Show when={props.authorUrl}>\n {(href) => <Link href={href()} rel=\"author\" />}\n </Show>\n <Switch>\n <Match when={props.faviconType && props.faviconUrl}>\n <Link href={props.faviconUrl} rel=\"icon\" type={props.faviconType} />\n </Match>\n <Match when={!props.faviconType && props.faviconUrl}>\n <Link href={props.faviconUrl} rel=\"icon\" />\n </Match>\n </Switch>\n <Show when={props.licenseUrl}>\n {(href) => <Link href={href()} hreflang=\"en\" rel=\"license\" />}\n </Show>\n <Show when={props.next}>{(href) => <Link href={href()} rel=\"next\" />}</Show>\n <Index each={props.preloadImages}>\n {(image) => <Link as=\"image\" href={image()} rel=\"preload\" />}\n </Index>\n <Show when={props.prev}>{(href) => <Link href={href()} rel=\"prev\" />}</Show>\n </>\n);\n","import { Meta } from '@solidjs/meta';\nimport type { Component } from 'solid-js';\nimport { Match, Show, Switch } from 'solid-js';\n\n/** Type definition for the properties. */\nexport interface MetaListProps {\n /** The author of the meta tag. */\n readonly author?: string | undefined;\n\n /** The color of the meta tag on the dark mode. */\n readonly colorDark?: string | undefined;\n\n /** The color of the meta tag on the light mode. */\n readonly colorLight?: string | undefined;\n\n /** The description of the meta tag. */\n readonly description?: string | undefined;\n\n /** The keywords of the meta tag. */\n readonly keywords?: string | undefined;\n}\n\n/**\n * The meta list component.\n * @param props The component properties.\n * @returns The component.\n * @example\n * ```tsx\n * <MetaList\n * author=\"John Doe\"\n * colorDark=\"#000000\"\n * colorLight=\"#FFFFFF\"\n * description=\"This is a sample description.\"\n * keywords=\"sample, meta, tags\"\n * />\n * ```\n */\nexport const MetaList: Component<MetaListProps> = (props) => (\n <>\n <Show when={props.author}>\n <Meta name=\"author\" content={props.author} />\n </Show>\n <Switch>\n <Match when={props.colorDark && props.colorLight}>\n <Meta name=\"color-scheme\" content=\"light dark\" />\n </Match>\n <Match when={props.colorDark && !props.colorLight}>\n <Meta name=\"color-scheme\" content=\"dark\" />\n </Match>\n <Match when={!props.colorDark && props.colorLight}>\n <Meta name=\"color-scheme\" content=\"light\" />\n </Match>\n </Switch>\n <Show when={props.description}>\n <Meta name=\"description\" content={props.description} />\n </Show>\n <Meta name=\"generator\" content=\"SolidStart\" />\n <Show when={props.keywords}>\n <Meta name=\"keywords\" content={props.keywords} />\n </Show>\n <Meta name=\"referer\" content=\"strict-origin-when-cross-origin\" />\n <Show when={props.colorLight}>\n <Meta\n name=\"theme-color\"\n media=\"(prefers-color-scheme: light)\"\n content={props.colorLight}\n />\n </Show>\n <Show when={props.colorDark}>\n <Meta\n name=\"theme-color\"\n media=\"(prefers-color-scheme: dark)\"\n content={props.colorDark}\n />\n </Show>\n <Meta\n name=\"viewport\"\n content=\"width=device-width, initial-scale=1, viewport-fit=cover\"\n />\n </>\n);\n","import { Meta } from '@solidjs/meta';\nimport type { Component } from 'solid-js';\nimport { Index, Show } from 'solid-js';\n\n/** Type definition for the properties. */\nexport interface OgpProps {\n /** The description of the page. */\n readonly description?: string | undefined;\n\n /** The alt text of the images. */\n readonly imageAlt?: string | undefined;\n\n /** The height of the images. */\n readonly imageHeight?: number | string | undefined;\n\n /** The mime type of the images. */\n readonly imageType?: string | undefined;\n\n /** The width of the images. */\n readonly imageWidth?: number | string | undefined;\n\n /** The image URLs of the page. */\n readonly images?: readonly string[] | undefined;\n\n /** The language of the page. */\n readonly language?: string | undefined;\n\n /** The site name. */\n readonly siteName: string;\n\n /** The title of the page. */\n readonly title?: string | undefined;\n\n /** The URL of the page. */\n readonly url?: string | undefined;\n}\n\n/**\n * The OGP component.\n * @param props The component properties.\n * @returns The component.\n * @example\n * ```tsx\n * <Ogp\n * description=\"This is a sample page.\"\n * images={['https://example.com/image1.png', 'https://example.com/image2.png']}\n * imageAlt=\"Sample Image\"\n * imageHeight={630}\n * imageType=\"image/png\"\n * imageWidth={1200}\n * language=\"en_US\"\n * siteName=\"Example Site\"\n * title=\"Sample Page\"\n * url=\"https://example.com/sample-page\"\n * />\n * ```\n */\nexport const Ogp: Component<OgpProps> = (props) => (\n <>\n <Show when={props.description}>\n <Meta property=\"og:description\" content={props.description} />\n </Show>\n <Index each={props.images}>\n {(image) => <Meta property=\"og:image\" content={image()} />}\n </Index>\n <Show when={props.imageAlt}>\n <Meta property=\"og:image:alt\" content={props.imageAlt} />\n </Show>\n <Show when={props.imageHeight}>\n <Meta property=\"og:image:height\" content={`${props.imageHeight}`} />\n </Show>\n <Show when={props.imageType}>\n <Meta property=\"og:image:type\" content={props.imageType} />\n </Show>\n <Show when={props.imageWidth}>\n <Meta property=\"og:image:width\" content={`${props.imageWidth}`} />\n </Show>\n <Show when={props.language}>\n <Meta property=\"og:locale\" content={props.language} />\n </Show>\n <Show when={props.siteName}>\n <Meta property=\"og:site_name\" content={props.siteName} />\n </Show>\n <Show\n fallback={<Meta property=\"og:title\" content={props.siteName} />}\n when={props.title}\n >\n <Meta\n property=\"og:title\"\n content={`${props.title} | ${props.siteName}`}\n />\n </Show>\n <Meta property=\"og:type\" content=\"website\" />\n <Show when={props.url}>\n <Meta property=\"og:url\" content={props.url} />\n </Show>\n </>\n);\n","import { Title as SolidTitle } from '@solidjs/meta';\nimport type { Component } from 'solid-js';\nimport { Show } from 'solid-js';\n\n/** Type definition for the properties. */\nexport interface TitleProps {\n /** The site name. */\n readonly siteName: string;\n\n /** The title of the page. */\n readonly title?: string | undefined;\n}\n\n/**\n * The title component.\n * @param props The component properties.\n * @returns The component.\n * @example\n * ```tsx\n * <Title siteName=\"Example Site\" title=\"Sample Page\" />\n * ```\n */\nexport const Title: Component<TitleProps> = (props) => (\n <SolidTitle>\n <Show fallback={props.siteName} when={props.title}>\n {props.title} :: {props.siteName}\n </Show>\n </SolidTitle>\n);\n","import { Meta } from '@solidjs/meta';\nimport type { Component } from 'solid-js';\nimport { Show } from 'solid-js';\n\n/** Type definition for the properties. */\nexport interface XCardProps {\n /** The author of the meta tag. */\n readonly author?: string | undefined;\n\n /** The card description. */\n readonly description?: string | undefined;\n\n /** The card image URL. */\n readonly image?: string | undefined;\n\n /** The site name. */\n readonly siteName: string;\n\n /** The title of the page. */\n readonly title?: string | undefined;\n}\n\n/**\n * The 𝕏 card component.\n * @param props The component properties.\n * @returns The component.\n * @example\n * ```tsx\n * <XCard\n * author=\"Jane Doe\"\n * description=\"This is a sample description.\"\n * image=\"https://example.com/image.png\"\n * siteName=\"Example Site\"\n * title=\"Sample Page\"\n * />\n * ```\n */\nexport const XCard: Component<XCardProps> = (props) => (\n <>\n <Meta name=\"twitter:card\" content=\"summary_large_image\" />\n <Show when={props.author}>\n <Meta name=\"twitter:creator\" content={props.author} />\n </Show>\n <Show when={props.description}>\n <Meta name=\"twitter:description\" content={props.description} />\n </Show>\n <Show when={props.image}>\n <Meta name=\"twitter:image\" content={props.image} />\n </Show>\n <Show when={props.author}>\n <Meta name=\"twitter:author\" content={props.author} />\n </Show>\n <Show\n fallback={<Meta name=\"twitter:title\" content={props.siteName} />}\n when={props.title}\n >\n <Meta\n name=\"twitter:title\"\n content={`${props.title} | ${props.siteName}`}\n />\n </Show>\n </>\n);\n","import type { Component } from 'solid-js';\nimport { Show, splitProps } from 'solid-js';\nimport type { Except } from 'type-fest';\nimport type { LinkListProps } from '../atoms/meta/LinkList.js';\nimport { LinkList } from '../atoms/meta/LinkList.js';\nimport type { MetaListProps } from '../atoms/meta/MetaList.js';\nimport { MetaList } from '../atoms/meta/MetaList.js';\nimport type { OgpProps } from '../atoms/meta/Ogp.js';\nimport { Ogp } from '../atoms/meta/Ogp.js';\nimport type { TitleProps } from '../atoms/meta/Title.js';\nimport { Title } from '../atoms/meta/Title.js';\nimport type { XCardProps } from '../atoms/meta/XCard.js';\nimport { XCard } from '../atoms/meta/XCard.js';\n\n/** Type definition for the properties. */\nexport interface HeadProps\n extends LinkListProps,\n MetaListProps,\n OgpProps,\n TitleProps,\n Except<XCardProps, 'image'> {}\n\n/**\n * The head metadata component.\n * @param props The properties.\n * @returns The component.\n * @example\n * ```tsx\n * <Head\n * author=\"John Doe\"\n * colorDark=\"#000000\"\n * colorLight=\"#FFFFFF\"\n * description=\"This is a sample description.\"\n * images={['https://example.com/image.png']}\n * links={[\n * { rel: 'icon', href: '/favicon.ico' },\n * { rel: 'stylesheet', href: 'https://example.com/styles.css' },\n * ]}\n * keywords=\"sample, meta, tags\"\n * siteName=\"Example Site\"\n * title=\"Sample Page\"\n * type=\"website\"\n * url=\"https://example.com/page\"\n * />\n * ```\n */\nexport const Head: Component<HeadProps> = (props) => {\n const [local, rest] = splitProps(props, ['images']);\n return (\n <>\n <Title {...rest} />\n <MetaList {...rest} />\n <Ogp images={local.images} {...rest} />\n <Show fallback={<XCard {...rest} />} when={local.images?.[0]}>\n {(images) => <XCard image={images()} {...rest} />}\n </Show>\n <LinkList {...rest} />\n </>\n );\n};\n"],"names":["LinkList","props","_$createComponent","Show","when","authorUrl","children","href","Link","rel","Switch","Match","_$memo","faviconType","faviconUrl","type","licenseUrl","hreflang","next","Index","each","preloadImages","image","as","prev","MetaList","author","Meta","name","content","colorDark","colorLight","description","keywords","media","Ogp","property","images","imageAlt","imageHeight","imageType","imageWidth","language","siteName","fallback","title","url","Title","SolidTitle","XCard","Head","local","rest","splitProps","_$mergeProps"],"mappings":"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"}
|
package/docs/README.md
ADDED
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
**@kurone-kito/web-toybox-solid**
|
|
2
|
+
|
|
3
|
+
***
|
|
4
|
+
|
|
5
|
+
# ⚙️ Web ToyBox (Solid)
|
|
6
|
+
|
|
7
|
+
Common components for Solid.js web applications.
|
|
8
|
+
|
|
9
|
+
## Installation
|
|
10
|
+
|
|
11
|
+
```bash
|
|
12
|
+
pnpm add @kurone-kito/web-toybox-solid @solidjs/meta solid-js
|
|
13
|
+
```
|
|
14
|
+
|
|
15
|
+
## Basic usage
|
|
16
|
+
|
|
17
|
+
Use the bundled `MetaProvider` to ensure the same `@solidjs/meta` instance
|
|
18
|
+
is shared with the head components.
|
|
19
|
+
|
|
20
|
+
```tsx
|
|
21
|
+
import { MetaProvider, Head } from '@kurone-kito/web-toybox-solid';
|
|
22
|
+
|
|
23
|
+
export const App = () => (
|
|
24
|
+
<MetaProvider>
|
|
25
|
+
<Head
|
|
26
|
+
siteName="Example Site"
|
|
27
|
+
title="Sample Page"
|
|
28
|
+
description="This is a sample description."
|
|
29
|
+
images={["https://example.com/image.png"]}
|
|
30
|
+
author="John Doe"
|
|
31
|
+
/>
|
|
32
|
+
{/* ...the rest of your app... */}
|
|
33
|
+
</MetaProvider>
|
|
34
|
+
);
|
|
35
|
+
```
|
|
36
|
+
|
|
37
|
+
## LICENSE
|
|
38
|
+
|
|
39
|
+
MIT
|
package/docs/globals.md
ADDED
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
[**@kurone-kito/web-toybox-solid**](README.md)
|
|
2
|
+
|
|
3
|
+
***
|
|
4
|
+
|
|
5
|
+
# @kurone-kito/web-toybox-solid
|
|
6
|
+
|
|
7
|
+
## Interfaces
|
|
8
|
+
|
|
9
|
+
- [HeadProps](interfaces/HeadProps.md)
|
|
10
|
+
- [LinkListProps](interfaces/LinkListProps.md)
|
|
11
|
+
- [MetaListProps](interfaces/MetaListProps.md)
|
|
12
|
+
- [OgpProps](interfaces/OgpProps.md)
|
|
13
|
+
- [TitleProps](interfaces/TitleProps.md)
|
|
14
|
+
- [XCardProps](interfaces/XCardProps.md)
|
|
15
|
+
|
|
16
|
+
## Variables
|
|
17
|
+
|
|
18
|
+
- [Head](variables/Head.md)
|
|
19
|
+
- [LinkList](variables/LinkList.md)
|
|
20
|
+
- [MetaList](variables/MetaList.md)
|
|
21
|
+
- [MetaProvider](variables/MetaProvider.md)
|
|
22
|
+
- [Ogp](variables/Ogp.md)
|
|
23
|
+
- [Title](variables/Title.md)
|
|
24
|
+
- [XCard](variables/XCard.md)
|
|
@@ -0,0 +1,265 @@
|
|
|
1
|
+
[**@kurone-kito/web-toybox-solid**](../README.md)
|
|
2
|
+
|
|
3
|
+
***
|
|
4
|
+
|
|
5
|
+
[@kurone-kito/web-toybox-solid](../globals.md) / HeadProps
|
|
6
|
+
|
|
7
|
+
# Interface: HeadProps
|
|
8
|
+
|
|
9
|
+
Type definition for the properties.
|
|
10
|
+
|
|
11
|
+
## Extends
|
|
12
|
+
|
|
13
|
+
- [`LinkListProps`](LinkListProps.md).[`MetaListProps`](MetaListProps.md).[`OgpProps`](OgpProps.md).[`TitleProps`](TitleProps.md).`Except`\<[`XCardProps`](XCardProps.md), `"image"`\>
|
|
14
|
+
|
|
15
|
+
## Properties
|
|
16
|
+
|
|
17
|
+
### author?
|
|
18
|
+
|
|
19
|
+
> `readonly` `optional` **author**: `string`
|
|
20
|
+
|
|
21
|
+
The author of the meta tag.
|
|
22
|
+
|
|
23
|
+
#### Inherited from
|
|
24
|
+
|
|
25
|
+
[`MetaListProps`](MetaListProps.md).[`author`](MetaListProps.md#author)
|
|
26
|
+
|
|
27
|
+
***
|
|
28
|
+
|
|
29
|
+
### authorUrl?
|
|
30
|
+
|
|
31
|
+
> `readonly` `optional` **authorUrl**: `string`
|
|
32
|
+
|
|
33
|
+
The author URL.
|
|
34
|
+
|
|
35
|
+
#### Inherited from
|
|
36
|
+
|
|
37
|
+
[`LinkListProps`](LinkListProps.md).[`authorUrl`](LinkListProps.md#authorurl)
|
|
38
|
+
|
|
39
|
+
***
|
|
40
|
+
|
|
41
|
+
### colorDark?
|
|
42
|
+
|
|
43
|
+
> `readonly` `optional` **colorDark**: `string`
|
|
44
|
+
|
|
45
|
+
The color of the meta tag on the dark mode.
|
|
46
|
+
|
|
47
|
+
#### Inherited from
|
|
48
|
+
|
|
49
|
+
[`MetaListProps`](MetaListProps.md).[`colorDark`](MetaListProps.md#colordark)
|
|
50
|
+
|
|
51
|
+
***
|
|
52
|
+
|
|
53
|
+
### colorLight?
|
|
54
|
+
|
|
55
|
+
> `readonly` `optional` **colorLight**: `string`
|
|
56
|
+
|
|
57
|
+
The color of the meta tag on the light mode.
|
|
58
|
+
|
|
59
|
+
#### Inherited from
|
|
60
|
+
|
|
61
|
+
[`MetaListProps`](MetaListProps.md).[`colorLight`](MetaListProps.md#colorlight)
|
|
62
|
+
|
|
63
|
+
***
|
|
64
|
+
|
|
65
|
+
### description?
|
|
66
|
+
|
|
67
|
+
> `readonly` `optional` **description**: `string`
|
|
68
|
+
|
|
69
|
+
The description of the meta tag.
|
|
70
|
+
|
|
71
|
+
#### Inherited from
|
|
72
|
+
|
|
73
|
+
[`MetaListProps`](MetaListProps.md).[`description`](MetaListProps.md#description)
|
|
74
|
+
|
|
75
|
+
***
|
|
76
|
+
|
|
77
|
+
### faviconType?
|
|
78
|
+
|
|
79
|
+
> `readonly` `optional` **faviconType**: `string`
|
|
80
|
+
|
|
81
|
+
The mime type of the favicon.
|
|
82
|
+
|
|
83
|
+
#### Inherited from
|
|
84
|
+
|
|
85
|
+
[`LinkListProps`](LinkListProps.md).[`faviconType`](LinkListProps.md#favicontype)
|
|
86
|
+
|
|
87
|
+
***
|
|
88
|
+
|
|
89
|
+
### faviconUrl?
|
|
90
|
+
|
|
91
|
+
> `readonly` `optional` **faviconUrl**: `string`
|
|
92
|
+
|
|
93
|
+
The favicon URL.
|
|
94
|
+
|
|
95
|
+
#### Inherited from
|
|
96
|
+
|
|
97
|
+
[`LinkListProps`](LinkListProps.md).[`faviconUrl`](LinkListProps.md#faviconurl)
|
|
98
|
+
|
|
99
|
+
***
|
|
100
|
+
|
|
101
|
+
### imageAlt?
|
|
102
|
+
|
|
103
|
+
> `readonly` `optional` **imageAlt**: `string`
|
|
104
|
+
|
|
105
|
+
The alt text of the images.
|
|
106
|
+
|
|
107
|
+
#### Inherited from
|
|
108
|
+
|
|
109
|
+
[`OgpProps`](OgpProps.md).[`imageAlt`](OgpProps.md#imagealt)
|
|
110
|
+
|
|
111
|
+
***
|
|
112
|
+
|
|
113
|
+
### imageHeight?
|
|
114
|
+
|
|
115
|
+
> `readonly` `optional` **imageHeight**: `string` \| `number`
|
|
116
|
+
|
|
117
|
+
The height of the images.
|
|
118
|
+
|
|
119
|
+
#### Inherited from
|
|
120
|
+
|
|
121
|
+
[`OgpProps`](OgpProps.md).[`imageHeight`](OgpProps.md#imageheight)
|
|
122
|
+
|
|
123
|
+
***
|
|
124
|
+
|
|
125
|
+
### images?
|
|
126
|
+
|
|
127
|
+
> `readonly` `optional` **images**: readonly `string`[]
|
|
128
|
+
|
|
129
|
+
The image URLs of the page.
|
|
130
|
+
|
|
131
|
+
#### Inherited from
|
|
132
|
+
|
|
133
|
+
[`OgpProps`](OgpProps.md).[`images`](OgpProps.md#images)
|
|
134
|
+
|
|
135
|
+
***
|
|
136
|
+
|
|
137
|
+
### imageType?
|
|
138
|
+
|
|
139
|
+
> `readonly` `optional` **imageType**: `string`
|
|
140
|
+
|
|
141
|
+
The mime type of the images.
|
|
142
|
+
|
|
143
|
+
#### Inherited from
|
|
144
|
+
|
|
145
|
+
[`OgpProps`](OgpProps.md).[`imageType`](OgpProps.md#imagetype)
|
|
146
|
+
|
|
147
|
+
***
|
|
148
|
+
|
|
149
|
+
### imageWidth?
|
|
150
|
+
|
|
151
|
+
> `readonly` `optional` **imageWidth**: `string` \| `number`
|
|
152
|
+
|
|
153
|
+
The width of the images.
|
|
154
|
+
|
|
155
|
+
#### Inherited from
|
|
156
|
+
|
|
157
|
+
[`OgpProps`](OgpProps.md).[`imageWidth`](OgpProps.md#imagewidth)
|
|
158
|
+
|
|
159
|
+
***
|
|
160
|
+
|
|
161
|
+
### keywords?
|
|
162
|
+
|
|
163
|
+
> `readonly` `optional` **keywords**: `string`
|
|
164
|
+
|
|
165
|
+
The keywords of the meta tag.
|
|
166
|
+
|
|
167
|
+
#### Inherited from
|
|
168
|
+
|
|
169
|
+
[`MetaListProps`](MetaListProps.md).[`keywords`](MetaListProps.md#keywords)
|
|
170
|
+
|
|
171
|
+
***
|
|
172
|
+
|
|
173
|
+
### language?
|
|
174
|
+
|
|
175
|
+
> `readonly` `optional` **language**: `string`
|
|
176
|
+
|
|
177
|
+
The language of the page.
|
|
178
|
+
|
|
179
|
+
#### Inherited from
|
|
180
|
+
|
|
181
|
+
[`OgpProps`](OgpProps.md).[`language`](OgpProps.md#language)
|
|
182
|
+
|
|
183
|
+
***
|
|
184
|
+
|
|
185
|
+
### licenseUrl?
|
|
186
|
+
|
|
187
|
+
> `readonly` `optional` **licenseUrl**: `string`
|
|
188
|
+
|
|
189
|
+
The license URL.
|
|
190
|
+
|
|
191
|
+
#### Inherited from
|
|
192
|
+
|
|
193
|
+
[`LinkListProps`](LinkListProps.md).[`licenseUrl`](LinkListProps.md#licenseurl)
|
|
194
|
+
|
|
195
|
+
***
|
|
196
|
+
|
|
197
|
+
### next?
|
|
198
|
+
|
|
199
|
+
> `readonly` `optional` **next**: `string`
|
|
200
|
+
|
|
201
|
+
The next page URL.
|
|
202
|
+
|
|
203
|
+
#### Inherited from
|
|
204
|
+
|
|
205
|
+
[`LinkListProps`](LinkListProps.md).[`next`](LinkListProps.md#next)
|
|
206
|
+
|
|
207
|
+
***
|
|
208
|
+
|
|
209
|
+
### preloadImages?
|
|
210
|
+
|
|
211
|
+
> `readonly` `optional` **preloadImages**: readonly `string`[]
|
|
212
|
+
|
|
213
|
+
The images to preload.
|
|
214
|
+
|
|
215
|
+
#### Inherited from
|
|
216
|
+
|
|
217
|
+
[`LinkListProps`](LinkListProps.md).[`preloadImages`](LinkListProps.md#preloadimages)
|
|
218
|
+
|
|
219
|
+
***
|
|
220
|
+
|
|
221
|
+
### prev?
|
|
222
|
+
|
|
223
|
+
> `readonly` `optional` **prev**: `string`
|
|
224
|
+
|
|
225
|
+
The previous page URL.
|
|
226
|
+
|
|
227
|
+
#### Inherited from
|
|
228
|
+
|
|
229
|
+
[`LinkListProps`](LinkListProps.md).[`prev`](LinkListProps.md#prev)
|
|
230
|
+
|
|
231
|
+
***
|
|
232
|
+
|
|
233
|
+
### siteName
|
|
234
|
+
|
|
235
|
+
> `readonly` **siteName**: `string`
|
|
236
|
+
|
|
237
|
+
The site name.
|
|
238
|
+
|
|
239
|
+
#### Inherited from
|
|
240
|
+
|
|
241
|
+
[`OgpProps`](OgpProps.md).[`siteName`](OgpProps.md#sitename)
|
|
242
|
+
|
|
243
|
+
***
|
|
244
|
+
|
|
245
|
+
### title?
|
|
246
|
+
|
|
247
|
+
> `readonly` `optional` **title**: `string`
|
|
248
|
+
|
|
249
|
+
The title of the page.
|
|
250
|
+
|
|
251
|
+
#### Inherited from
|
|
252
|
+
|
|
253
|
+
[`OgpProps`](OgpProps.md).[`title`](OgpProps.md#title)
|
|
254
|
+
|
|
255
|
+
***
|
|
256
|
+
|
|
257
|
+
### url?
|
|
258
|
+
|
|
259
|
+
> `readonly` `optional` **url**: `string`
|
|
260
|
+
|
|
261
|
+
The URL of the page.
|
|
262
|
+
|
|
263
|
+
#### Inherited from
|
|
264
|
+
|
|
265
|
+
[`OgpProps`](OgpProps.md).[`url`](OgpProps.md#url)
|
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
[**@kurone-kito/web-toybox-solid**](../README.md)
|
|
2
|
+
|
|
3
|
+
***
|
|
4
|
+
|
|
5
|
+
[@kurone-kito/web-toybox-solid](../globals.md) / LinkListProps
|
|
6
|
+
|
|
7
|
+
# Interface: LinkListProps
|
|
8
|
+
|
|
9
|
+
Type definition for the properties.
|
|
10
|
+
|
|
11
|
+
## Extended by
|
|
12
|
+
|
|
13
|
+
- [`HeadProps`](HeadProps.md)
|
|
14
|
+
|
|
15
|
+
## Properties
|
|
16
|
+
|
|
17
|
+
### authorUrl?
|
|
18
|
+
|
|
19
|
+
> `readonly` `optional` **authorUrl**: `string`
|
|
20
|
+
|
|
21
|
+
The author URL.
|
|
22
|
+
|
|
23
|
+
***
|
|
24
|
+
|
|
25
|
+
### faviconType?
|
|
26
|
+
|
|
27
|
+
> `readonly` `optional` **faviconType**: `string`
|
|
28
|
+
|
|
29
|
+
The mime type of the favicon.
|
|
30
|
+
|
|
31
|
+
***
|
|
32
|
+
|
|
33
|
+
### faviconUrl?
|
|
34
|
+
|
|
35
|
+
> `readonly` `optional` **faviconUrl**: `string`
|
|
36
|
+
|
|
37
|
+
The favicon URL.
|
|
38
|
+
|
|
39
|
+
***
|
|
40
|
+
|
|
41
|
+
### licenseUrl?
|
|
42
|
+
|
|
43
|
+
> `readonly` `optional` **licenseUrl**: `string`
|
|
44
|
+
|
|
45
|
+
The license URL.
|
|
46
|
+
|
|
47
|
+
***
|
|
48
|
+
|
|
49
|
+
### next?
|
|
50
|
+
|
|
51
|
+
> `readonly` `optional` **next**: `string`
|
|
52
|
+
|
|
53
|
+
The next page URL.
|
|
54
|
+
|
|
55
|
+
***
|
|
56
|
+
|
|
57
|
+
### preloadImages?
|
|
58
|
+
|
|
59
|
+
> `readonly` `optional` **preloadImages**: readonly `string`[]
|
|
60
|
+
|
|
61
|
+
The images to preload.
|
|
62
|
+
|
|
63
|
+
***
|
|
64
|
+
|
|
65
|
+
### prev?
|
|
66
|
+
|
|
67
|
+
> `readonly` `optional` **prev**: `string`
|
|
68
|
+
|
|
69
|
+
The previous page URL.
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
[**@kurone-kito/web-toybox-solid**](../README.md)
|
|
2
|
+
|
|
3
|
+
***
|
|
4
|
+
|
|
5
|
+
[@kurone-kito/web-toybox-solid](../globals.md) / MetaListProps
|
|
6
|
+
|
|
7
|
+
# Interface: MetaListProps
|
|
8
|
+
|
|
9
|
+
Type definition for the properties.
|
|
10
|
+
|
|
11
|
+
## Extended by
|
|
12
|
+
|
|
13
|
+
- [`HeadProps`](HeadProps.md)
|
|
14
|
+
|
|
15
|
+
## Properties
|
|
16
|
+
|
|
17
|
+
### author?
|
|
18
|
+
|
|
19
|
+
> `readonly` `optional` **author**: `string`
|
|
20
|
+
|
|
21
|
+
The author of the meta tag.
|
|
22
|
+
|
|
23
|
+
***
|
|
24
|
+
|
|
25
|
+
### colorDark?
|
|
26
|
+
|
|
27
|
+
> `readonly` `optional` **colorDark**: `string`
|
|
28
|
+
|
|
29
|
+
The color of the meta tag on the dark mode.
|
|
30
|
+
|
|
31
|
+
***
|
|
32
|
+
|
|
33
|
+
### colorLight?
|
|
34
|
+
|
|
35
|
+
> `readonly` `optional` **colorLight**: `string`
|
|
36
|
+
|
|
37
|
+
The color of the meta tag on the light mode.
|
|
38
|
+
|
|
39
|
+
***
|
|
40
|
+
|
|
41
|
+
### description?
|
|
42
|
+
|
|
43
|
+
> `readonly` `optional` **description**: `string`
|
|
44
|
+
|
|
45
|
+
The description of the meta tag.
|
|
46
|
+
|
|
47
|
+
***
|
|
48
|
+
|
|
49
|
+
### keywords?
|
|
50
|
+
|
|
51
|
+
> `readonly` `optional` **keywords**: `string`
|
|
52
|
+
|
|
53
|
+
The keywords of the meta tag.
|
|
@@ -0,0 +1,93 @@
|
|
|
1
|
+
[**@kurone-kito/web-toybox-solid**](../README.md)
|
|
2
|
+
|
|
3
|
+
***
|
|
4
|
+
|
|
5
|
+
[@kurone-kito/web-toybox-solid](../globals.md) / OgpProps
|
|
6
|
+
|
|
7
|
+
# Interface: OgpProps
|
|
8
|
+
|
|
9
|
+
Type definition for the properties.
|
|
10
|
+
|
|
11
|
+
## Extended by
|
|
12
|
+
|
|
13
|
+
- [`HeadProps`](HeadProps.md)
|
|
14
|
+
|
|
15
|
+
## Properties
|
|
16
|
+
|
|
17
|
+
### description?
|
|
18
|
+
|
|
19
|
+
> `readonly` `optional` **description**: `string`
|
|
20
|
+
|
|
21
|
+
The description of the page.
|
|
22
|
+
|
|
23
|
+
***
|
|
24
|
+
|
|
25
|
+
### imageAlt?
|
|
26
|
+
|
|
27
|
+
> `readonly` `optional` **imageAlt**: `string`
|
|
28
|
+
|
|
29
|
+
The alt text of the images.
|
|
30
|
+
|
|
31
|
+
***
|
|
32
|
+
|
|
33
|
+
### imageHeight?
|
|
34
|
+
|
|
35
|
+
> `readonly` `optional` **imageHeight**: `string` \| `number`
|
|
36
|
+
|
|
37
|
+
The height of the images.
|
|
38
|
+
|
|
39
|
+
***
|
|
40
|
+
|
|
41
|
+
### images?
|
|
42
|
+
|
|
43
|
+
> `readonly` `optional` **images**: readonly `string`[]
|
|
44
|
+
|
|
45
|
+
The image URLs of the page.
|
|
46
|
+
|
|
47
|
+
***
|
|
48
|
+
|
|
49
|
+
### imageType?
|
|
50
|
+
|
|
51
|
+
> `readonly` `optional` **imageType**: `string`
|
|
52
|
+
|
|
53
|
+
The mime type of the images.
|
|
54
|
+
|
|
55
|
+
***
|
|
56
|
+
|
|
57
|
+
### imageWidth?
|
|
58
|
+
|
|
59
|
+
> `readonly` `optional` **imageWidth**: `string` \| `number`
|
|
60
|
+
|
|
61
|
+
The width of the images.
|
|
62
|
+
|
|
63
|
+
***
|
|
64
|
+
|
|
65
|
+
### language?
|
|
66
|
+
|
|
67
|
+
> `readonly` `optional` **language**: `string`
|
|
68
|
+
|
|
69
|
+
The language of the page.
|
|
70
|
+
|
|
71
|
+
***
|
|
72
|
+
|
|
73
|
+
### siteName
|
|
74
|
+
|
|
75
|
+
> `readonly` **siteName**: `string`
|
|
76
|
+
|
|
77
|
+
The site name.
|
|
78
|
+
|
|
79
|
+
***
|
|
80
|
+
|
|
81
|
+
### title?
|
|
82
|
+
|
|
83
|
+
> `readonly` `optional` **title**: `string`
|
|
84
|
+
|
|
85
|
+
The title of the page.
|
|
86
|
+
|
|
87
|
+
***
|
|
88
|
+
|
|
89
|
+
### url?
|
|
90
|
+
|
|
91
|
+
> `readonly` `optional` **url**: `string`
|
|
92
|
+
|
|
93
|
+
The URL of the page.
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
[**@kurone-kito/web-toybox-solid**](../README.md)
|
|
2
|
+
|
|
3
|
+
***
|
|
4
|
+
|
|
5
|
+
[@kurone-kito/web-toybox-solid](../globals.md) / TitleProps
|
|
6
|
+
|
|
7
|
+
# Interface: TitleProps
|
|
8
|
+
|
|
9
|
+
Type definition for the properties.
|
|
10
|
+
|
|
11
|
+
## Extended by
|
|
12
|
+
|
|
13
|
+
- [`HeadProps`](HeadProps.md)
|
|
14
|
+
|
|
15
|
+
## Properties
|
|
16
|
+
|
|
17
|
+
### siteName
|
|
18
|
+
|
|
19
|
+
> `readonly` **siteName**: `string`
|
|
20
|
+
|
|
21
|
+
The site name.
|
|
22
|
+
|
|
23
|
+
***
|
|
24
|
+
|
|
25
|
+
### title?
|
|
26
|
+
|
|
27
|
+
> `readonly` `optional` **title**: `string`
|
|
28
|
+
|
|
29
|
+
The title of the page.
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
[**@kurone-kito/web-toybox-solid**](../README.md)
|
|
2
|
+
|
|
3
|
+
***
|
|
4
|
+
|
|
5
|
+
[@kurone-kito/web-toybox-solid](../globals.md) / XCardProps
|
|
6
|
+
|
|
7
|
+
# Interface: XCardProps
|
|
8
|
+
|
|
9
|
+
Type definition for the properties.
|
|
10
|
+
|
|
11
|
+
## Properties
|
|
12
|
+
|
|
13
|
+
### author?
|
|
14
|
+
|
|
15
|
+
> `readonly` `optional` **author**: `string`
|
|
16
|
+
|
|
17
|
+
The author of the meta tag.
|
|
18
|
+
|
|
19
|
+
***
|
|
20
|
+
|
|
21
|
+
### description?
|
|
22
|
+
|
|
23
|
+
> `readonly` `optional` **description**: `string`
|
|
24
|
+
|
|
25
|
+
The card description.
|
|
26
|
+
|
|
27
|
+
***
|
|
28
|
+
|
|
29
|
+
### image?
|
|
30
|
+
|
|
31
|
+
> `readonly` `optional` **image**: `string`
|
|
32
|
+
|
|
33
|
+
The card image URL.
|
|
34
|
+
|
|
35
|
+
***
|
|
36
|
+
|
|
37
|
+
### siteName
|
|
38
|
+
|
|
39
|
+
> `readonly` **siteName**: `string`
|
|
40
|
+
|
|
41
|
+
The site name.
|
|
42
|
+
|
|
43
|
+
***
|
|
44
|
+
|
|
45
|
+
### title?
|
|
46
|
+
|
|
47
|
+
> `readonly` `optional` **title**: `string`
|
|
48
|
+
|
|
49
|
+
The title of the page.
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
[**@kurone-kito/web-toybox-solid**](../README.md)
|
|
2
|
+
|
|
3
|
+
***
|
|
4
|
+
|
|
5
|
+
[@kurone-kito/web-toybox-solid](../globals.md) / Head
|
|
6
|
+
|
|
7
|
+
# Variable: Head
|
|
8
|
+
|
|
9
|
+
> `const` **Head**: `Component`\<[`HeadProps`](../interfaces/HeadProps.md)\>
|
|
10
|
+
|
|
11
|
+
The head metadata component.
|
|
12
|
+
|
|
13
|
+
## Param
|
|
14
|
+
|
|
15
|
+
The properties.
|
|
16
|
+
|
|
17
|
+
## Returns
|
|
18
|
+
|
|
19
|
+
The component.
|
|
20
|
+
|
|
21
|
+
## Example
|
|
22
|
+
|
|
23
|
+
```tsx
|
|
24
|
+
<Head
|
|
25
|
+
author="John Doe"
|
|
26
|
+
colorDark="#000000"
|
|
27
|
+
colorLight="#FFFFFF"
|
|
28
|
+
description="This is a sample description."
|
|
29
|
+
images={['https://example.com/image.png']}
|
|
30
|
+
links={[
|
|
31
|
+
{ rel: 'icon', href: '/favicon.ico' },
|
|
32
|
+
{ rel: 'stylesheet', href: 'https://example.com/styles.css' },
|
|
33
|
+
]}
|
|
34
|
+
keywords="sample, meta, tags"
|
|
35
|
+
siteName="Example Site"
|
|
36
|
+
title="Sample Page"
|
|
37
|
+
type="website"
|
|
38
|
+
url="https://example.com/page"
|
|
39
|
+
/>
|
|
40
|
+
```
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
[**@kurone-kito/web-toybox-solid**](../README.md)
|
|
2
|
+
|
|
3
|
+
***
|
|
4
|
+
|
|
5
|
+
[@kurone-kito/web-toybox-solid](../globals.md) / LinkList
|
|
6
|
+
|
|
7
|
+
# Variable: LinkList
|
|
8
|
+
|
|
9
|
+
> `const` **LinkList**: `Component`\<[`LinkListProps`](../interfaces/LinkListProps.md)\>
|
|
10
|
+
|
|
11
|
+
The link list component.
|
|
12
|
+
|
|
13
|
+
## Param
|
|
14
|
+
|
|
15
|
+
The component properties.
|
|
16
|
+
|
|
17
|
+
## Returns
|
|
18
|
+
|
|
19
|
+
The component.
|
|
20
|
+
|
|
21
|
+
## Example
|
|
22
|
+
|
|
23
|
+
```tsx
|
|
24
|
+
<LinkList
|
|
25
|
+
authorUrl="https://example.com/author"
|
|
26
|
+
faviconType="image/png"
|
|
27
|
+
faviconUrl="https://example.com/favicon.png"
|
|
28
|
+
licenseUrl="https://example.com/license"
|
|
29
|
+
next="https://example.com/next"
|
|
30
|
+
preloadImages={['https://example.com/image1.png', 'https://example.com/image2.png']}
|
|
31
|
+
prev="https://example.com/prev"
|
|
32
|
+
/>
|
|
33
|
+
```
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
[**@kurone-kito/web-toybox-solid**](../README.md)
|
|
2
|
+
|
|
3
|
+
***
|
|
4
|
+
|
|
5
|
+
[@kurone-kito/web-toybox-solid](../globals.md) / MetaList
|
|
6
|
+
|
|
7
|
+
# Variable: MetaList
|
|
8
|
+
|
|
9
|
+
> `const` **MetaList**: `Component`\<[`MetaListProps`](../interfaces/MetaListProps.md)\>
|
|
10
|
+
|
|
11
|
+
The meta list component.
|
|
12
|
+
|
|
13
|
+
## Param
|
|
14
|
+
|
|
15
|
+
The component properties.
|
|
16
|
+
|
|
17
|
+
## Returns
|
|
18
|
+
|
|
19
|
+
The component.
|
|
20
|
+
|
|
21
|
+
## Example
|
|
22
|
+
|
|
23
|
+
```tsx
|
|
24
|
+
<MetaList
|
|
25
|
+
author="John Doe"
|
|
26
|
+
colorDark="#000000"
|
|
27
|
+
colorLight="#FFFFFF"
|
|
28
|
+
description="This is a sample description."
|
|
29
|
+
keywords="sample, meta, tags"
|
|
30
|
+
/>
|
|
31
|
+
```
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
[**@kurone-kito/web-toybox-solid**](../README.md)
|
|
2
|
+
|
|
3
|
+
***
|
|
4
|
+
|
|
5
|
+
[@kurone-kito/web-toybox-solid](../globals.md) / Ogp
|
|
6
|
+
|
|
7
|
+
# Variable: Ogp
|
|
8
|
+
|
|
9
|
+
> `const` **Ogp**: `Component`\<[`OgpProps`](../interfaces/OgpProps.md)\>
|
|
10
|
+
|
|
11
|
+
The OGP component.
|
|
12
|
+
|
|
13
|
+
## Param
|
|
14
|
+
|
|
15
|
+
The component properties.
|
|
16
|
+
|
|
17
|
+
## Returns
|
|
18
|
+
|
|
19
|
+
The component.
|
|
20
|
+
|
|
21
|
+
## Example
|
|
22
|
+
|
|
23
|
+
```tsx
|
|
24
|
+
<Ogp
|
|
25
|
+
description="This is a sample page."
|
|
26
|
+
images={['https://example.com/image1.png', 'https://example.com/image2.png']}
|
|
27
|
+
imageAlt="Sample Image"
|
|
28
|
+
imageHeight={630}
|
|
29
|
+
imageType="image/png"
|
|
30
|
+
imageWidth={1200}
|
|
31
|
+
language="en_US"
|
|
32
|
+
siteName="Example Site"
|
|
33
|
+
title="Sample Page"
|
|
34
|
+
url="https://example.com/sample-page"
|
|
35
|
+
/>
|
|
36
|
+
```
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
[**@kurone-kito/web-toybox-solid**](../README.md)
|
|
2
|
+
|
|
3
|
+
***
|
|
4
|
+
|
|
5
|
+
[@kurone-kito/web-toybox-solid](../globals.md) / Title
|
|
6
|
+
|
|
7
|
+
# Variable: Title
|
|
8
|
+
|
|
9
|
+
> `const` **Title**: `Component`\<[`TitleProps`](../interfaces/TitleProps.md)\>
|
|
10
|
+
|
|
11
|
+
The title component.
|
|
12
|
+
|
|
13
|
+
## Param
|
|
14
|
+
|
|
15
|
+
The component properties.
|
|
16
|
+
|
|
17
|
+
## Returns
|
|
18
|
+
|
|
19
|
+
The component.
|
|
20
|
+
|
|
21
|
+
## Example
|
|
22
|
+
|
|
23
|
+
```tsx
|
|
24
|
+
<Title siteName="Example Site" title="Sample Page" />
|
|
25
|
+
```
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
[**@kurone-kito/web-toybox-solid**](../README.md)
|
|
2
|
+
|
|
3
|
+
***
|
|
4
|
+
|
|
5
|
+
[@kurone-kito/web-toybox-solid](../globals.md) / XCard
|
|
6
|
+
|
|
7
|
+
# Variable: XCard
|
|
8
|
+
|
|
9
|
+
> `const` **XCard**: `Component`\<[`XCardProps`](../interfaces/XCardProps.md)\>
|
|
10
|
+
|
|
11
|
+
The 𝕏 card component.
|
|
12
|
+
|
|
13
|
+
## Param
|
|
14
|
+
|
|
15
|
+
The component properties.
|
|
16
|
+
|
|
17
|
+
## Returns
|
|
18
|
+
|
|
19
|
+
The component.
|
|
20
|
+
|
|
21
|
+
## Example
|
|
22
|
+
|
|
23
|
+
```tsx
|
|
24
|
+
<XCard
|
|
25
|
+
author="Jane Doe"
|
|
26
|
+
description="This is a sample description."
|
|
27
|
+
image="https://example.com/image.png"
|
|
28
|
+
siteName="Example Site"
|
|
29
|
+
title="Sample Page"
|
|
30
|
+
/>
|
|
31
|
+
```
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kurone-kito/web-toybox-solid",
|
|
3
|
-
"version": "0.1.0-alpha.
|
|
3
|
+
"version": "0.1.0-alpha.3",
|
|
4
4
|
"description": "Common functions and component library for Solid.js web applications",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"components",
|
|
@@ -21,29 +21,30 @@
|
|
|
21
21
|
"exports": "./dist/index.mjs",
|
|
22
22
|
"types": "./dist/index.d.mts",
|
|
23
23
|
"files": [
|
|
24
|
-
"dist"
|
|
24
|
+
"dist",
|
|
25
|
+
"docs"
|
|
25
26
|
],
|
|
26
27
|
"dependencies": {
|
|
27
|
-
"type-fest": "^
|
|
28
|
-
"@kurone-kito/web-toybox": "^0.1.0-alpha.
|
|
28
|
+
"type-fest": "^5.0.1",
|
|
29
|
+
"@kurone-kito/web-toybox": "^0.1.0-alpha.3"
|
|
29
30
|
},
|
|
30
31
|
"devDependencies": {
|
|
31
|
-
"@kurone-kito/typescript-config": "^0.
|
|
32
|
-
"@kurone-kito/vite-lib-config": "^0.
|
|
32
|
+
"@kurone-kito/typescript-config": "^0.22.0-alpha.4",
|
|
33
|
+
"@kurone-kito/vite-lib-config": "^0.22.0-alpha.4",
|
|
33
34
|
"@solidjs/meta": "^0.29.4",
|
|
34
35
|
"@solidjs/testing-library": "^0.8.10",
|
|
35
|
-
"@testing-library/jest-dom": "^6.
|
|
36
|
-
"@vitest/coverage-v8": "^
|
|
37
|
-
"cpy-cli": "^
|
|
38
|
-
"jsdom": "^
|
|
39
|
-
"rimraf": "^6.
|
|
40
|
-
"solid-js": "^1.9.
|
|
41
|
-
"typedoc": "^0.28.
|
|
42
|
-
"typedoc-plugin-markdown": "^4.
|
|
43
|
-
"typescript": "~5.
|
|
44
|
-
"vite": "^7.
|
|
45
|
-
"vite-plugin-solid": "^2.11.
|
|
46
|
-
"vitest": "^
|
|
36
|
+
"@testing-library/jest-dom": "^6.9.1",
|
|
37
|
+
"@vitest/coverage-v8": "^4.0.15",
|
|
38
|
+
"cpy-cli": "^6.0.0",
|
|
39
|
+
"jsdom": "^27.3.0",
|
|
40
|
+
"rimraf": "^6.1.2",
|
|
41
|
+
"solid-js": "^1.9.10",
|
|
42
|
+
"typedoc": "^0.28.15",
|
|
43
|
+
"typedoc-plugin-markdown": "^4.9.0",
|
|
44
|
+
"typescript": "~5.9.3",
|
|
45
|
+
"vite": "^7.2.7",
|
|
46
|
+
"vite-plugin-solid": "^2.11.10",
|
|
47
|
+
"vitest": "^4.0.15"
|
|
47
48
|
},
|
|
48
49
|
"peerDependencies": {
|
|
49
50
|
"@solidjs/meta": ">=0.29.x",
|