refactor: use global library in test apps

abelflopes · Mar 15, 2024 · 3fe4ed1 · 3fe4ed1
1 parent 8c54b83
commit 3fe4ed1
Show file tree

Hide file tree

Showing 12 changed files with 20 additions and 16 deletions.
diff --git a/packages/apps/parcel/index.html b/packages/apps/parcel/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Parcel App</title>
+    <title>React CK | Parcel App</title>
   </head>
   <body>
     <div id="root"></div>

diff --git a/packages/apps/parcel/package.json b/packages/apps/parcel/package.json
@@ -8,9 +8,11 @@
   },
   "dependencies": {
     "react": "^18.2.0",
+    "react-ck": "*",
     "react-dom": "^18.2.0"
   },
   "devDependencies": {
+    "@parcel/transformer-sass": "^2.11.0",
     "@types/react": "^18.2.48",
     "@types/react-dom": "^18.2.18",
     "parcel": "^2.8.3",

diff --git a/packages/apps/parcel/src/main.tsx b/packages/apps/parcel/src/main.tsx
@@ -1,9 +1,10 @@
 import React from "react";
 import { createRoot } from "react-dom/client";
-import { Manager } from "@react-ck/manager";
-import { Text } from "@react-ck/text";
-import { Button } from "@react-ck/button";
-import { Container } from "@react-ck/container";
+import { Button, Container, Manager, Text } from "react-ck";
+
+import * as RCK from "react-ck";
+
+console.log("RCK", RCK);
 
 const el = document.querySelector("#root");
 

diff --git a/packages/apps/parcel/tsconfig.json b/packages/apps/parcel/tsconfig.json
@@ -27,7 +27,7 @@
     /* Modules */
     "module": "ESNext" /* Specify what module code is generated. */,
     // "rootDir": "./",                                  /* Specify the root folder within your source files. */
-    // "moduleResolution": "node10",                     /* Specify how TypeScript looks up a file from a given module specifier. */
+    "moduleResolution": "NodeNext" /* Specify how TypeScript looks up a file from a given module specifier. */,
     "baseUrl": "./" /* Specify the base directory to resolve non-relative module names. */,
     // "paths": {},                                      /* Specify a set of entries that re-map imports to additional lookup locations. */
     // "rootDirs": [],                                   /* Allow multiple folders to be treated as one when resolving modules. */

diff --git a/packages/apps/vite/index.html b/packages/apps/vite/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Vite App</title>
+    <title>React CK | Vite App</title>
   </head>
   <body>
     <div id="root"></div>

diff --git a/packages/apps/vite/package.json b/packages/apps/vite/package.json
@@ -8,6 +8,7 @@
   },
   "dependencies": {
     "react": "^18.2.0",
+    "react-ck": "*",
     "react-dom": "^18.2.0"
   },
   "devDependencies": {

diff --git a/packages/apps/vite/src/main.tsx b/packages/apps/vite/src/main.tsx
@@ -1,9 +1,6 @@
 import React from "react";
 import { createRoot } from "react-dom/client";
-import { Manager } from "@react-ck/manager";
-import { Text } from "@react-ck/text";
-import { Button } from "@react-ck/button";
-import { Container } from "@react-ck/container";
+import { Button, Container, Manager, Text } from "react-ck";
 
 const el = document.querySelector("#root");
 

diff --git a/packages/apps/webpack/declarations.d.ts b/packages/apps/webpack/declarations.d.ts
@@ -0,0 +1,4 @@
+declare module "*.module.scss" {
+  const content: Record<string, string>;
+  export default content;
+}
diff --git a/packages/apps/webpack/index.html b/packages/apps/webpack/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Webpack App !!!!</title>
+    <title>React CK | Webpack App</title>
   </head>
   <body>
     <div id="root"></div>

diff --git a/packages/apps/webpack/package.json b/packages/apps/webpack/package.json
@@ -8,6 +8,7 @@
   },
   "dependencies": {
     "react": "^18.2.0",
+    "react-ck": "*",
     "react-dom": "^18.2.0"
   },
   "devDependencies": {

diff --git a/packages/apps/webpack/src/index.tsx b/packages/apps/webpack/src/index.tsx
@@ -1,9 +1,6 @@
 import React from "react";
 import { createRoot } from "react-dom/client";
-import { Manager } from "@react-ck/manager";
-import { Text } from "@react-ck/text";
-import { Button } from "@react-ck/button";
-import { Container } from "@react-ck/container";
+import { Button, Container, Manager, Text } from "react-ck";
 
 const el = document.querySelector("#root");
 

diff --git a/packages/apps/webpack/webpack.config.ts b/packages/apps/webpack/webpack.config.ts
@@ -34,4 +34,5 @@ export default ((): Configuration & { devServer: DevServerConfiguration } => ({
   devServer: {
     allowedHosts: "all",
   },
+  stats: "summary",
 }))();