diff --git a/docs/.astro/types.d.ts b/docs/.astro/types.d.ts index 504f8c16..7fdc818f 100644 --- a/docs/.astro/types.d.ts +++ b/docs/.astro/types.d.ts @@ -332,13 +332,6 @@ declare module 'astro:content' { collection: "docs"; data: InferEntrySchema<"docs"> } & { render(): Render[".mdx"] }; -"show-case/tools.mdx": { - id: "show-case/tools.mdx"; - slug: "show-case/tools"; - body: string; - collection: "docs"; - data: InferEntrySchema<"docs"> -} & { render(): Render[".mdx"] }; "show-case/ui-kits.mdx": { id: "show-case/ui-kits.mdx"; slug: "show-case/ui-kits"; diff --git a/docs/astro.config.mjs b/docs/astro.config.mjs index c10e7ee4..12243e5a 100644 --- a/docs/astro.config.mjs +++ b/docs/astro.config.mjs @@ -128,10 +128,6 @@ export default defineConfig({ label: 'Projects', link: '/show-case/projects/' }, - { - label: 'Tools', - link: '/show-case/tools/' - }, { label: 'UI Kits', link: '/show-case/ui-kits/' @@ -155,8 +151,8 @@ export default defineConfig({ link: 'other/sponsors/' }, { - label: 'Build Native Library', - link: 'other/build-native-library/' + label: 'For Sponsors', + link: 'other/for-sponsors/' } ] }, diff --git a/docs/src/components/Sponsor.astro b/docs/src/components/Sponsor.astro new file mode 100644 index 00000000..6b0a6bbf --- /dev/null +++ b/docs/src/components/Sponsor.astro @@ -0,0 +1,37 @@ +--- +import type { ImageMetadata } from 'astro' + +type Props = { + url: string, + size: number, + name: string, + link: string, + borderColor: string +} + +const { url, size, name, link, borderColor } = Astro.props; +--- + +
+ + + + {name} + + +
diff --git a/docs/src/content/docs/examples/all.mdx b/docs/src/content/docs/examples/all.mdx index 42f7ed41..59e83e46 100644 --- a/docs/src/content/docs/examples/all.mdx +++ b/docs/src/content/docs/examples/all.mdx @@ -1,3 +1,64 @@ --- title: Examples --- + +import Seo from '../../../components/Seo.astro' + + + + +### Explore Examples with Unistyles 2.0 + +:::tip +Delve into a variety of examples that demonstrate the practical applications and capabilities of Unistyles 2.0. +Collection of examples is hosted on GitHub, making it easy for you to browse, learn, and get inspired. +::: + + +#### Theming + +- No registered themes [link](https://github.com/jpudysz/react-native-unistyles/tree/2.0/examples/expo/src/examples/NoThemesScreen.tsx) +- Single theme [link](https://github.com/jpudysz/react-native-unistyles/tree/2.0/examples/expo/src/examples/SingleThemeScreen.tsx) +- Two themes [link](https://github.com/jpudysz/react-native-unistyles/tree/2.0/examples/expo/src/examples/TwoThemesScreen.tsx) +- Multiple themes [link](https://github.com/jpudysz/react-native-unistyles/tree/2.0/examples/expo/src/examples/MultipleThemesScreen.tsx) +- Adaptive mode [link](https://github.com/jpudysz/react-native-unistyles/tree/2.0/examples/expo/src/examples/LightDarkThemesScreen.tsx) +- Adaptive mode with multiple themes [link](https://github.com/jpudysz/react-native-unistyles/tree/2.0/examples/expo/src/examples/MultipleThemesAdaptiveScreen.tsx) + +#### Breakpoints + +- No registered breakpoints [link](https://github.com/jpudysz/react-native-unistyles/tree/2.0/examples/expo/src/examples/NoBreakpointsScreen.tsx) +- With breakpoints [link](https://github.com/jpudysz/react-native-unistyles/tree/2.0/examples/expo/src/examples/WithBreakpointsScreen.tsx) +- With orientation breakpoints [link](https://github.com/jpudysz/react-native-unistyles/tree/2.0/examples/expo/src/examples/OrientationBreakpoints.tsx) + +#### Media queries + +- mq util [link](https://github.com/jpudysz/react-native-unistyles/tree/2.0/examples/expo/src/examples/MediaQueriesWidthHeight.tsx) +- mixed with breakpoints [link](https://github.com/jpudysz/react-native-unistyles/tree/2.0/examples/expo/src/examplesMixedMediaQueries.tsx) + +#### Variants + +- Selected variant [link](https://github.com/jpudysz/react-native-unistyles/tree/2.0/examples/expo/src/examples/VariantsScreen.tsx) +- Default variant [link](https://github.com/jpudysz/react-native-unistyles/tree/2.0/examples/expo/src/examples/DefaultVariantScreen.tsx) + +#### Plugins +- Auto guideline plugin [link](https://github.com/jpudysz/react-native-unistyles/tree/2.0/examples/expo/src/examples/AutoGuidelinePluginScreen.tsx) +- High contrast plugin [link](https://github.com/jpudysz/react-native-unistyles/tree/2.0/examples/expo/src/examples/HighContrastPluginScreen.tsx) + +#### UnistylesRuntime + +- All runtime values [link](https://github.com/jpudysz/react-native-unistyles/tree/2.0/examples/expo/src/examples/RuntimeScreen.tsx) +- Runtime in stylesheet [link](https://github.com/jpudysz/react-native-unistyles/tree/2.0/examples/expo/src/examples/RuntimeWithStyleSheetScreen.tsx) + +#### Other +- Memoization [link](https://github.com/jpudysz/react-native-unistyles/tree/2.0/examples/expo/src/examples/MemoizationScreen.tsx) +- PlatformColor [link](https://github.com/jpudysz/react-native-unistyles/tree/2.0/examples/expo/src/examples/PlatformColorsScreen.tsx) +- Compatibility with StyleSheet [link](https://github.com/jpudysz/react-native-unistyles/tree/2.0/examples/expo/src/examples/StyleSheetScreen.tsx) +- useStyles with no arguments [link](https://github.com/jpudysz/react-native-unistyles/tree/2.0/examples/expo/src/examples/NoStyleSheetScreen.tsx) +- Advanced nested stylesheeets with perfect TypeScript support [link](https://github.com/jpudysz/react-native-unistyles/tree/2.0/examples/expo/src/examples/TypeScriptValidatorTest.tsx) + + diff --git a/docs/src/content/docs/other/build-native-library.mdx b/docs/src/content/docs/other/build-native-library.mdx deleted file mode 100644 index 9750c5ac..00000000 --- a/docs/src/content/docs/other/build-native-library.mdx +++ /dev/null @@ -1,3 +0,0 @@ ---- -title: Build Native Library ---- diff --git a/docs/src/content/docs/other/for-sponsors.mdx b/docs/src/content/docs/other/for-sponsors.mdx new file mode 100644 index 00000000..f4de2952 --- /dev/null +++ b/docs/src/content/docs/other/for-sponsors.mdx @@ -0,0 +1,48 @@ +--- +title: For Sponsors +--- + +import Seo from '../../../components/Seo.astro' + + + +:::tip +Your support can significantly advance the development of Unistyles 2.0 to new heights. We are seeking sponsors to collaborate in creating a more robust, feature-rich library, including the development of a custom compiler. +::: + +### Why sponsor Unistyles? + +- **Advancing Innovation**: Your sponsorship helps in the continuous innovation and improvement of Unistyles. This support is crucial for developing new features and maintaining the library +- **Benefit for Developers and Companies**: Both individual developers and large companies that profit from using Unistyles stand to gain from its enhancements. Your support ensures that Unistyles remains a cutting-edge tool in your development arsenal +- **Limited Free Time Challenge**: The development of innovative libraries like Unistyles is often constrained by the limited free time of creators. Sponsorship can provide the necessary resources for dedicated development time + +### How to sponsor? + +- **Github Sponsorship**: [link](https://github.com/sponsors/jpudysz) +- **Ko-Fi**: [link](https://ko-fi.com/jpudysz) + +### Free options +- **Sharing Unistyles**: A free yet impactful way to support us is by sharing information about Unistyles within your network. Spreading the word helps increase our visibility and user base +- **Twitter Shoutout**: Give us a shoutout on Twitter. Public endorsements and mentions can significantly boost our project's presence and reach + +### Other options + +:::tip[Hire Codemask] +If you're looking to hire a skilled React Native team, Codemask is open for collaboration. We offer expertise and quality in building React Native applications. + +[Contact Codemask](https://codemask.com) +::: + +:::tip[Build Native Library] + If your company is seeking to build a native library, either as an open-source project or a private one, we are open to being hired for such projects. +Our expertise ensures that your project's goals are met with the highest standards. + +[Contace me](https://x.com/jpudysz) +::: + + diff --git a/docs/src/content/docs/other/sponsors.mdx b/docs/src/content/docs/other/sponsors.mdx index f96900dc..9b1b750c 100644 --- a/docs/src/content/docs/other/sponsors.mdx +++ b/docs/src/content/docs/other/sponsors.mdx @@ -3,11 +3,90 @@ title: Sponsors --- import Seo from '../../../components/Seo.astro' +import Sponsor from '../../../components/Sponsor.astro' +import { Card } from '@astrojs/starlight/components' + +:::tip +Do you want to become a sponsor? Read a guide [for sponsors](/other/for-sponsors/). +::: + +### GOLD + +🥇 + +### Silver + +
+ + +
+ +### Bronze + +🥈 + +### Individuals + +
+ +
+ +### Contributors + +
+ + + + + +
+
diff --git a/docs/src/content/docs/show-case/projects.mdx b/docs/src/content/docs/show-case/projects.mdx index 9f3e82e0..6be368a8 100644 --- a/docs/src/content/docs/show-case/projects.mdx +++ b/docs/src/content/docs/show-case/projects.mdx @@ -1,3 +1,49 @@ --- title: Projects --- + +import Seo from '../../../components/Seo.astro' + + + +### Community Projects Built with Unistyles 2.0 + +:::tip +We're excited to showcase the amazing projects that our community will buid using Unistyles 2.0. + +This is a great opportunity for you to gain more visibility for your work and for everyone to see the potential and versatility of Unistyles 2.0 in action. + +::: + +### How to Share Your Project? + +If you've built a project using Unistyles 2.0 and want to share it with the community, here’s how you can do it: + +- [Discord](todo) - Send a direct message to me on Discord +- [Twitter](todo) - Tag me in your project posts on Twitter +- [Email](todo) - Send an email with details about your project + + +### Why Share Your Project? + +- **Visibility**: Get your project in front of a wide audience of developers and potential users +- **Feedback**: Receive valuable feedback from the community to help improve your project +- **Inspiration**: Inspire others with what you’ve achieved and show the capabilities of Unistyles 2.0 +- **Connect**: Connect with other developers, which can lead to collaborations and new opportunities + +### What to Include in Your Submission? + +- A brief description of your project. +- Key features and how Unistyles 2.0 has been utilized +- Links to the project repository, live demos, or any relevant resources +- Screenshots or videos showcasing your project +- Any other information you think might be interesting or useful to the community + +We're looking forward to seeing your incredible projects and sharing them with the wider Unistyles community! Your contributions not only demonstrate the power of Unistyles 2.0 but also help inspire and guide new users. + + diff --git a/docs/src/content/docs/show-case/tools.mdx b/docs/src/content/docs/show-case/tools.mdx deleted file mode 100644 index a85e9311..00000000 --- a/docs/src/content/docs/show-case/tools.mdx +++ /dev/null @@ -1,3 +0,0 @@ ---- -title: Tools ---- diff --git a/docs/src/content/docs/show-case/ui-kits.mdx b/docs/src/content/docs/show-case/ui-kits.mdx index e5c48946..e7a54488 100644 --- a/docs/src/content/docs/show-case/ui-kits.mdx +++ b/docs/src/content/docs/show-case/ui-kits.mdx @@ -1,3 +1,48 @@ --- title: UI Kits --- + +import Seo from '../../../components/Seo.astro' + + + +### UI Kits built with Unistyles 2.0 + +:::tip +We're excited to showcase all UI Kits that our community will buid using Unistyles 2.0. + +This is a great opportunity for you to gain more visibility for your work and for everyone to see the potential and versatility of Unistyles 2.0 in action. +::: + +### How to Share Your UI Kit? + +If you've built a UI Kit using Unistyles 2.0 and want to share it with the community, here’s how you can do it: + +- [Discord](todo) - Send a direct message to me on Discord +- [Twitter](todo) - Tag me in your project posts on Twitter +- [Email](todo) - Send an email with details about your project + +### Why Share Your UI Kit? + +- **Visibility**: Expose your UI Kit to a broad audience, including developers and potential users +- **Feedback**: Gain valuable insights and feedback from the community to refine your UI Kit +- **Inspiration**: Your work can inspire others and demonstrate the extensive capabilities of Unistyles 2.0 +- **Networking**: Connect with fellow developers and open doors to potential collaborations and new opportunities + + +### What to Include in Your Submission? +- A brief introduction to your UI Kit +- Key features and the integration of Unistyles 2.0 in your UI Kit +- Links to the UI Kit repository, live demos, or any relevant resources +- Screenshots, videos, or other media showcasing the UI Kit +- Any other details you think will interest or benefit the community + + +We can't wait to see your innovative UI Kits and share them with our extensive Unistyles community! Your creations not only showcase the versatility of Unistyles 2.0 but also serve as a valuable resource and inspiration for others in the field. + +