From d4fd5645c7d28def1114f924ee53118b5c92dfa7 Mon Sep 17 00:00:00 2001
From: Nikhil Verma <nikhilgotmail@gmail.com>
Date: Mon, 9 Oct 2023 11:21:43 +0530
Subject: [PATCH] monorepo Remove TS shims and remove CSS references from
 readme

---
 README.md                                 | 39 ++---------------------
 docs/nuxt3-integration.md                 |  4 +--
 packages/flow-code-editor/README.md       | 38 ++--------------------
 packages/flow-code-editor/src/shims.d.ts  | 12 -------
 packages/flow-form-builder/src/shims.d.ts | 14 --------
 packages/flow-lineage/src/shims.d.ts      | 14 --------
 packages/flow-log/src/shims.d.ts          | 12 -------
 packages/flow-md-editor/README.md         | 38 ++--------------------
 packages/flow-md-editor/src/shims.d.ts    |  9 ------
 packages/flow-table/README.md             | 38 ++--------------------
 packages/flow-table/src/shims.d.ts        |  9 ------
 11 files changed, 10 insertions(+), 217 deletions(-)
 delete mode 100644 packages/flow-code-editor/src/shims.d.ts
 delete mode 100644 packages/flow-form-builder/src/shims.d.ts
 delete mode 100644 packages/flow-lineage/src/shims.d.ts
 delete mode 100644 packages/flow-log/src/shims.d.ts
 delete mode 100644 packages/flow-md-editor/src/shims.d.ts
 delete mode 100644 packages/flow-table/src/shims.d.ts

diff --git a/README.md b/README.md
index 2588b8df2..dc662a925 100644
--- a/README.md
+++ b/README.md
@@ -7,16 +7,13 @@ Flow-core is the base library required by any flow dependecies. It consists most
 - [Website](https://flow.cldcvr.com/)
 - [Learn More](https://github.com/cldcvr/flow-core/blob/main/ABOUT.md)
 
-**Table of contents**
+## Table of contents
 
 - [Starter-kits](#starter-kits)
 - [Install for an existing project](#existing-project)
 - [VScode Plugin and debuggers](#vscode-plugin-and-debuggers)
 - [Components](https://flow.cldcvr.com/v2/index.html)
 - [Templates](https://flow.cldcvr.com/templates/index.html)
-- [Dependencies](#dependencies)
-  - [Lineage](https://github.com/cldcvr/flow-lineage)
-  - [Form builder](https://github.com/cldcvr/flow-form-builder)
 - [Resources](#resources)
 - [Figma for designers](https://www.figma.com/community/file/1240565037876928288/Flow-UI-Kit)
 - [Get in touch](#get-in-touch)
@@ -53,33 +50,7 @@ _Note:_ after installation re-start your application.
 
 <br>
 
-#### 2️⃣ Import CSS
-
-**Vue:**
-Paste the below snippet _after the closing `<template>`_ in your `App.vue`
-
-```html
-<style>
-	@import "@cldcvr/flow-core/dist/style.css";
-</style>
-```
-
-**React:** Paste the below snippet in `src/index.tsx` or `index.jsx`
-
-```JavaScript
-import "@cldcvr/flow-core/dist/style.css";
-```
-
-**Angular:** Add css file path in `angular.json` in `styles` property array.
-
-```JSON
-"styles": ["@cldcvr/flow-core/dist/style.css"],
-
-```
-
-<br>
-
-#### 3️⃣ Import flow-core into your project
+#### 2️⃣ Import flow-core into your project
 
 Copy and import the below snippet into your startup file. In **VueJS:** (src/main.ts or main.js), **Angular:** (src/main.ts), **React:** (src/index.tsx or index.jsx)
 
@@ -91,9 +62,7 @@ import("@cldcvr/flow-core").then(async () => {
 
 <br>
 
-#### 4️⃣ If your project is typescript enabled please include import types to
-
-**Note:** For Typescript, make sure you are using version >4.5
+#### 3️⃣ If your project uses Typescript (>4.5) please include import types
 
 **Vue:**
 Copy paste below line in your `main.ts` file.
@@ -154,8 +123,6 @@ Visit the [Flow templates Storybook](https://flow.cldcvr.com/templates/index.htm
 
 ## Dependencies
 
-- [Lineage](https://github.com/cldcvr/flow-lineage)
-- [Form builder](https://github.com/cldcvr/flow-form-builder)
 - Tables (In development)
 - Logs (coming soon)
 - Force graph (coming soon)
diff --git a/docs/nuxt3-integration.md b/docs/nuxt3-integration.md
index cf86cd7ce..c02ee1b8a 100644
--- a/docs/nuxt3-integration.md
+++ b/docs/nuxt3-integration.md
@@ -28,9 +28,7 @@ export default defineNuxtPlugin({
 		await Promise.all([
 			import("@cldcvr/flow-core"),
 			import("@cldcvr/flow-form-builder"),
-			import("@cldcvr/flow-system-icon"),
-			import("@cldcvr/flow-core/dist/style.css"),
-			import("@cldcvr/flow-form-builder/dist/style.css")
+			import("@cldcvr/flow-system-icon")
 		]).then(() => {
 			console.log("Flow components loaded");
 		});
diff --git a/packages/flow-code-editor/README.md b/packages/flow-code-editor/README.md
index e431fb15f..b20bcbbfd 100644
--- a/packages/flow-code-editor/README.md
+++ b/packages/flow-code-editor/README.md
@@ -14,41 +14,7 @@ npm i --save @cldcvr/flow-code-editor
 
 <br>
 
-### 2️⃣ Import styles/CSS
-
-For **Vue JS:**
-Paste the below snippet after the closing `<template>` tag in your `App.vue` file
-
-```html
-<style>
-	@import "@cldcvr/flow-code-editor/dist/style.css";
-</style>
-```
-
-<details>
-<summary>For React</summary>
-
-**React:** Paste the below snippet in `src/index.tsx` or `index.jsx` file
-
-```Javascript
-import "@cldcvr/flow-code-editor/dist/style.css";
-```
-
-</details>
-
-<details><summary>For Angular</summary>
-
-**Angular:** Add css file path in `angular.json` in `styles` property array.
-
-```json
-"styles": ["@cldcvr/flow-code-editor/dist/style.css"],
-```
-
-</details>
-
-<br>
-
-### 3️⃣ Import flow-code-editor into your project
+### 2️⃣ Import flow-code-editor into your project
 
 Paste the below snippet in your project and add your application startup/runtime code to it.
 
@@ -86,7 +52,7 @@ Paste the below snippet in your project, for `src/index.tsx` or `index.jsx`
 
 <br>
 
-### 4️⃣ For a typescript enabled project (optional)
+### 3️⃣ For a typescript enabled project (optional)
 
 **Note:** After adding, re-start your application. Make sure you are using version >4.5
 
diff --git a/packages/flow-code-editor/src/shims.d.ts b/packages/flow-code-editor/src/shims.d.ts
deleted file mode 100644
index 534f385ff..000000000
--- a/packages/flow-code-editor/src/shims.d.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-declare module "*.scss" {
-	const content: Record<string, string>;
-	export default content;
-}
-
-declare module "*.css" {
-	const content: Record<string, string>;
-	export default content;
-}
-declare module "*?worker" {
-	export default FunctionConstructor<Worker>;
-}
diff --git a/packages/flow-form-builder/src/shims.d.ts b/packages/flow-form-builder/src/shims.d.ts
deleted file mode 100644
index a2082a3f8..000000000
--- a/packages/flow-form-builder/src/shims.d.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-declare module "*.scss" {
-	const content: Record<string, string>;
-	export default content;
-}
-
-declare module "*.css" {
-	const content: Record<string, string>;
-	export default content;
-}
-
-declare module "*?inline" {
-	const content: Record<string, string>;
-	export default content;
-}
diff --git a/packages/flow-lineage/src/shims.d.ts b/packages/flow-lineage/src/shims.d.ts
deleted file mode 100644
index a2082a3f8..000000000
--- a/packages/flow-lineage/src/shims.d.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-declare module "*.scss" {
-	const content: Record<string, string>;
-	export default content;
-}
-
-declare module "*.css" {
-	const content: Record<string, string>;
-	export default content;
-}
-
-declare module "*?inline" {
-	const content: Record<string, string>;
-	export default content;
-}
diff --git a/packages/flow-log/src/shims.d.ts b/packages/flow-log/src/shims.d.ts
deleted file mode 100644
index 534f385ff..000000000
--- a/packages/flow-log/src/shims.d.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-declare module "*.scss" {
-	const content: Record<string, string>;
-	export default content;
-}
-
-declare module "*.css" {
-	const content: Record<string, string>;
-	export default content;
-}
-declare module "*?worker" {
-	export default FunctionConstructor<Worker>;
-}
diff --git a/packages/flow-md-editor/README.md b/packages/flow-md-editor/README.md
index 07de19bd1..7a50cc408 100644
--- a/packages/flow-md-editor/README.md
+++ b/packages/flow-md-editor/README.md
@@ -14,41 +14,7 @@ npm i --save @cldcvr/flow-md-editor
 
 <br>
 
-### 2️⃣ Import styles/CSS
-
-For **Vue JS:**
-Paste the below snippet after the closing `<template>` tag in your `App.vue` file
-
-```html
-<style>
-	@import "@cldcvr/flow-md-editor/dist/style.css";
-</style>
-```
-
-<details>
-<summary>For React</summary>
-
-**React:** Paste the below snippet in `src/index.tsx` or `index.jsx` file
-
-```Javascript
-import "@cldcvr/flow-md-editor/dist/style.css";
-```
-
-</details>
-
-<details><summary>For Angular</summary>
-
-**Angular:** Add css file path in `angular.json` in `styles` property array.
-
-```json
-"styles": ["@cldcvr/flow-md-editor/dist/style.css"],
-```
-
-</details>
-
-<br>
-
-### 3️⃣ Import flow-md-editor into your project
+### 2️⃣ Import flow-md-editor into your project
 
 Paste the below snippet in your project and add your application startup/runtime code to it.
 
@@ -86,7 +52,7 @@ Paste the below snippet in your project, for `src/index.tsx` or `index.jsx`
 
 <br>
 
-### 4️⃣ For a typescript enabled project (optional)
+### 3️⃣ For a typescript enabled project (optional)
 
 **Note:** After adding, re-start your application. Make sure you are using version >4.5
 
diff --git a/packages/flow-md-editor/src/shims.d.ts b/packages/flow-md-editor/src/shims.d.ts
deleted file mode 100644
index 3f1819b17..000000000
--- a/packages/flow-md-editor/src/shims.d.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-declare module "*.scss" {
-	const content: Record<string, string>;
-	export default content;
-}
-
-declare module "*.css" {
-	const content: Record<string, string>;
-	export default content;
-}
diff --git a/packages/flow-table/README.md b/packages/flow-table/README.md
index 7cf56e4b1..486ff5973 100644
--- a/packages/flow-table/README.md
+++ b/packages/flow-table/README.md
@@ -14,41 +14,7 @@ npm i --save @cldcvr/flow-table
 
 <br>
 
-### 2️⃣ Import styles/CSS
-
-For **Vue JS:**
-Paste the below snippet after the closing `<template>` tag in your `App.vue` file
-
-```html
-<style>
-	@import "@cldcvr/flow-table/dist/style.css";
-</style>
-```
-
-<details>
-<summary>For React</summary>
-
-**React:** Paste the below snippet in `src/index.tsx` or `index.jsx` file
-
-```Javascript
-import "@cldcvr/flow-table/dist/style.css";
-```
-
-</details>
-
-<details><summary>For Angular</summary>
-
-**Angular:** Add css file path in `angular.json` in `styles` property array.
-
-```json
-"styles": ["@cldcvr/flow-table/dist/style.css"],
-```
-
-</details>
-
-<br>
-
-### 3️⃣ Import flow-table into your project
+### 2️⃣ Import flow-table into your project
 
 Paste the below snippet in your project and add your application startup/runtime code to it.
 
@@ -86,7 +52,7 @@ Paste the below snippet in your project, for `src/index.tsx` or `index.jsx`
 
 <br>
 
-### 4️⃣ For a typescript enabled project (optional)
+### 3️⃣ For a typescript enabled project (optional)
 
 **Note:** After adding, re-start your application. Make sure you are using version >4.5
 
diff --git a/packages/flow-table/src/shims.d.ts b/packages/flow-table/src/shims.d.ts
deleted file mode 100644
index 3f1819b17..000000000
--- a/packages/flow-table/src/shims.d.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-declare module "*.scss" {
-	const content: Record<string, string>;
-	export default content;
-}
-
-declare module "*.css" {
-	const content: Record<string, string>;
-	export default content;
-}