feat(provider): Renamed package and added ToastProvider component

apps/storybook/src/StorybookDecorator/StorybookDecorator.tsx

@@ -1,5 +1,5 @@
 import { YStack } from "@tamagui/stacks";
-import { ThemeProvider } from "@cyclone-ui/theme-provider";
+import { ThemeProvider } from "@cyclone-ui/provider";
 
 export const StorybookDecorator = (Story: any, args: any) => {
   const { theme: themeKey } = args.globals;

package.json

@@ -204,8 +204,8 @@
       "@cyclone-ui/media-queries": "workspace:*",
       "@cyclone-ui/nx": "workspace:*",
       "@cyclone-ui/pop-up": "workspace:*",
+      "@cyclone-ui/provider": "workspace:*",
       "@cyclone-ui/storybook": "workspace:*",
-      "@cyclone-ui/theme-provider": "workspace:*",
       "@cyclone-ui/themes": "workspace:*",
       "@cyclone-ui/website": "workspace:*"
     }

packages/theme-provider/.eslintrc.json → packages/provider/.eslintrc.json

@@ -5,7 +5,7 @@
     {
       "files": ["*.ts", "*.tsx", "*.js", "*.jsx"],
       "parserOptions": {
-        "project": ["packages/theme-provider/tsconfig.*?.json"]
+        "project": ["packages/provider/tsconfig.*?.json"]
       },
       "rules": {}
     },

packages/theme-provider/README.md → packages/provider/README.md

@@ -1,7 +1,7 @@
 <!-- START header -->
 <!-- END header -->
 
-# theme-provider
+# provider
 
 A package containing the ThemeProvider component used to manage the applications theme state
 
@@ -13,14 +13,14 @@ A package containing the ThemeProvider component used to manage the applications
 Using [pnpm](http://pnpm.io):
 
 ```bash
-pnpm add -D @cyclone-ui/theme-provider
+pnpm add -D @cyclone-ui/provider
 ```
 
 <details>
   <summary>Using npm</summary>
 
 ```bash
-npm install -D @cyclone-ui/theme-provider
+npm install -D @cyclone-ui/provider
 ```
 
 </details>
@@ -29,7 +29,7 @@ npm install -D @cyclone-ui/theme-provider
   <summary>Using yarn</summary>
 
 ```bash
-yarn add -D @cyclone-ui/theme-provider
+yarn add -D @cyclone-ui/provider
 ```
 
 </details>
@@ -44,15 +44,15 @@ This project is built using [Nx](https://nx.dev). As a result, many of the usual
 
 ### Building
 
-Run `nx build theme-provider` to build the library.
+Run `nx build provider` to build the library.
 
 ### Running unit tests
 
-Run `nx test theme-provider` to execute the unit tests via [Jest](https://jestjs.io).
+Run `nx test provider` to execute the unit tests via [Jest](https://jestjs.io).
 
 ### Linting
 
-Run `nx lint theme-provider` to run [ESLint](https://eslint.org/) on the package.
+Run `nx lint provider` to run [ESLint](https://eslint.org/) on the package.
 
 <!-- START footer -->
 <!-- END footer -->

packages/provider/jest.config.ts

@@ -0,0 +1,3 @@
+import { getJestConfig } from "@storm-software/testing-tools";
+
+export default getJestConfig("packages/provider", true, "provider");

packages/theme-provider/package.json → packages/provider/package.json

@@ -1,12 +1,12 @@
 {
-  "name": "@cyclone-ui/theme-provider",
+  "name": "@cyclone-ui/provider",
   "version": "0.0.1",
   "private": false,
   "description": "A repository containing the core front-end components used by Storm Software across many platforms",
   "repository": {
     "type": "github",
     "url": "https://github.com/storm-software/cyclone-ui.git",
-    "directory": "packages/theme-provider"
+    "directory": "packages/provider"
   },
   "funding": {
     "type": "github",
@@ -28,6 +28,7 @@
   "dependencies": {
     "@tamagui/core": "^1.97.1",
     "@tamagui/portal": "^1.97.1",
+    "@tamagui/toast": "^1.97.1",
     "@tamagui/web": "^1.97.1",
     "zustand": "^4.5.2"
   },

packages/theme-provider/project.json → packages/provider/project.json

@@ -1,8 +1,8 @@
 {
-  "name": "theme-provider",
+  "name": "provider",
   "$schema": "../../node_modules/nx/schemas/project-schema.json",
   "projectType": "library",
-  "sourceRoot": "packages/theme-provider/src",
+  "sourceRoot": "packages/provider/src",
   "targets": {
     "build": {
       "cache": true,
@@ -11,13 +11,13 @@
       "dependsOn": ["^build"],
       "output": "{options.outputPath}",
       "options": {
-        "outputPath": "dist/packages/theme-provider",
-        "tsConfig": "packages/theme-provider/tsconfig.json",
-        "project": "packages/theme-provider/package.json",
+        "outputPath": "dist/packages/provider",
+        "tsConfig": "packages/provider/tsconfig.json",
+        "project": "packages/provider/package.json",
         "defaultConfiguration": "production",
         "assets": [
           {
-            "input": "packages/theme-provider",
+            "input": "packages/provider",
             "glob": "*.md",
             "output": "/"
           },

packages/provider/src/Provider.server.tsx

@@ -0,0 +1,24 @@
+import { PropsWithChildren } from "react";
+import {
+  ThemeProviderServer,
+  type ThemeProviderServerProps
+} from "./ThemeProvider.server";
+import { ToastProvider, type ToastProviderProps } from "./ToastProvider";
+
+export type ProviderServerProps = PropsWithChildren<{
+  toast: ToastProviderProps;
+  theme: ThemeProviderServerProps;
+}>;
+
+export const ProviderServer = ({
+  children,
+  toast,
+  theme,
+  ...props
+}: ProviderServerProps) => {
+  return (
+    <ThemeProviderServer {...theme}>
+      <ToastProvider {...toast}>{children}</ToastProvider>
+    </ThemeProviderServer>
+  );
+};

packages/provider/src/Provider.tsx

@@ -0,0 +1,21 @@
+import { PropsWithChildren } from "react";
+import { ToastProvider, type ToastProviderProps } from "./ToastProvider";
+import { ThemeProvider, type ThemeProviderProps } from "./ThemeProvider";
+
+export type ProviderProps = PropsWithChildren<{
+  toast: ToastProviderProps;
+  theme: ThemeProviderProps;
+}>;
+
+export const Provider = ({
+  children,
+  toast,
+  theme,
+  ...props
+}: ProviderProps) => {
+  return (
+    <ThemeProvider {...theme}>
+      <ToastProvider {...toast}>{children}</ToastProvider>
+    </ThemeProvider>
+  );
+};

packages/theme-provider/src/ThemeProvider.server.tsx → packages/provider/src/ThemeProvider.server.tsx

@@ -1,8 +1,11 @@
 import { TamaguiProvider, type TamaguiProviderProps } from "@tamagui/web";
 import { config } from "@cyclone-ui/config";
+import { PropsWithChildren } from "react";
 
-export type ThemeProviderServerProps = Partial<TamaguiProviderProps> &
-  Omit<TamaguiProviderProps, "config">;
+export type ThemeProviderServerProps = PropsWithChildren<
+  Partial<TamaguiProviderProps> &
+    Omit<TamaguiProviderProps, "defaultTheme" | "config">
+>;
 
 export const ThemeProviderServer = ({
   children,

packages/theme-provider/src/ThemeProvider.tsx → packages/provider/src/ThemeProvider.tsx

@@ -2,11 +2,14 @@ import { useThemeNameState } from "./theme-state";
 import { TamaguiProvider, type TamaguiProviderProps } from "@tamagui/web";
 import { config } from "@cyclone-ui/config";
 import { PortalProvider } from "@tamagui/portal";
+import { PropsWithChildren } from "react";
 
 declare const window: any;
 
-export type ThemeProviderProps = Partial<TamaguiProviderProps> &
-  Omit<TamaguiProviderProps, "defaultTheme" | "config">;
+export type ThemeProviderProps = PropsWithChildren<
+  Partial<TamaguiProviderProps> &
+    Omit<TamaguiProviderProps, "defaultTheme" | "config">
+>;
 
 export const ThemeProvider = ({ children, ...props }: ThemeProviderProps) => {
   let theme = props?.defaultTheme;

packages/provider/src/ToastProvider.tsx

@@ -0,0 +1,17 @@
+import {
+  ToastProvider as TamaguiToastProvider,
+  type ToastProviderProps as TamaguiToastProviderProps
+} from "@tamagui/toast";
+import { PropsWithChildren } from "react";
+
+export type ToastProviderProps = PropsWithChildren<
+  Partial<TamaguiToastProviderProps> & Omit<TamaguiToastProviderProps, "id">
+>;
+
+export const ToastProvider = ({ children, ...props }: ToastProviderProps) => {
+  return (
+    <TamaguiToastProvider id="Storm Software" {...props}>
+      {children}
+    </TamaguiToastProvider>
+  );
+};

packages/provider/src/index.ts

@@ -0,0 +1,15 @@
+/**
+ * The provider library used by Storm Software for building TypeScript applications.
+ *
+ * @remarks
+ * A package containing the Provider component used to manage the applications theme state
+ *
+ * @packageDocumentation
+ */
+
+export * from "./ThemeProvider";
+export * from "./ThemeProvider.server";
+export * from "./theme-state";
+export * from "./ToastProvider";
+export * from "./Provider";
+export * from "./Provider.server";

packages/theme-provider/tsconfig.json → packages/provider/tsconfig.json

@@ -1,5 +1,5 @@
 {
-  "extends": "../../tsconfig.json",
+  "extends": "../../tsconfig.base.json",
   "compilerOptions": {
     "outDir": "../../dist/out-tsc",
     "jsx": "react-jsx"