create-bluecopa-react-app 1.0.12 → 1.0.13

package/templates/latest/app/routes/websocket.tsx

@@ -8,7 +8,7 @@ import { Label } from "~/components/ui/label";
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "~/components/ui/card";
 import { Separator } from "~/components/ui/separator";
 import { Badge } from "~/components/ui/badge";
-import { copaUtils, copaSetConfig, copaGetConfig } from "@bluecopa/react";
+import { copaUtils, copaGetConfig } from "@bluecopa/react";
 
 interface WebSocketEvent {
   id: string;
@@ -40,7 +40,6 @@ export default function WebsocketTestPage() {
     try {
       // Get current config to use access token and userId
       const config = copaGetConfig();
-      console.log("config", config);
       
       if (!config.accessToken || !config.userId) {
         addEvent("system", "error", {
@@ -53,7 +52,9 @@ export default function WebsocketTestPage() {
       wsProviderRef.current = copaUtils.websocketUtils.WebsocketContextFactory.create(
         "centrifugo",
         {
-          connectionUrl: connectionUrl || undefined
+          connectionUrl: connectionUrl,
+          token: config.accessToken,
+          userId: config.userId
         }
       );
 
@@ -406,7 +407,7 @@ export default function WebsocketTestPage() {
                 <div className="space-y-2">
                   <h4 className="font-semibold">Before Using:</h4>
                   <pre className="text-xs bg-muted p-3 rounded overflow-x-auto">
-{`import { copaSetConfig } from "@bluecopa/core";
+{`import { copaSetConfig } from "@bluecopa/react";
 
 // Set configuration before connecting
 copaSetConfig({

package/templates/latest/app/routes.tsx

@@ -1,17 +1,14 @@
 import { Routes, Route, Navigate } from "react-router-dom";
-import { lazy } from "react";
 import "./app.css";
-
-const Home = lazy(() => import('~/routes/home'))
-const Comments = lazy(() => import('~/routes/comments'))
-const Websocket = lazy(() => import('~/routes/websocket'))
-const Payments = lazy(() => import('~/routes/payments'))
-
+import Dashboard from "./routes/dashboard";
+import Comments from "./routes/comments";
+import Websocket from "./routes/websocket";
+import Payments from "./routes/payments";
 
 export default function RouteConfig() {
   return (
     <Routes>
-      <Route path="/" element={<Home />} />
+      <Route path="/" element={<Dashboard />} />
       <Route path="/comments" element={<Comments />} />
       <Route path="/websocket" element={<Websocket />} />
       <Route path="/payments" element={<Payments />} />

package/templates/latest/dist/assets/{__federation_expose_App-B2IoFaIA.js → __federation_expose_App-BIH7hwj_.js}

@@ -1,13 +1,12 @@
-System.register(['./__federation_fn_import-CzfA7kmP.js', './index-D5og7-RT-BA7DwZw1.js', './client-LFBsfOjG.js'], (function (exports, module) {
+System.register(['./__federation_fn_import-CzfA7kmP.js', './client-CsvW46cT.js'], (function (exports, module) {
   'use strict';
-  var importShared, jsxRuntimeExports, clientExports, MemoryRouter, BrowserRouter, App;
+  var importShared, clientExports, jsxRuntimeExports, MemoryRouter, BrowserRouter, App;
   return {
     setters: [module => {
       importShared = module.importShared;
-    }, module => {
-      jsxRuntimeExports = module.j;
     }, module => {
       clientExports = module.c;
+      jsxRuntimeExports = module.j;
       MemoryRouter = module.M;
       BrowserRouter = module.B;
       App = module.A;