caplin · yakovlevkll · Aug 6, 2022
diff --git a/examples/flexlayout-react-demo/.gitignore b/examples/flexlayout-react-demo/.gitignore
@@ -0,0 +1,24 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
diff --git a/examples/flexlayout-react-demo/.prettierrc b/examples/flexlayout-react-demo/.prettierrc
@@ -0,0 +1,5 @@
+{
+  "printWidth": 200,
+  "semi": false,
+  "tabWidth": 2
+}
diff --git a/examples/flexlayout-react-demo/index.html b/examples/flexlayout-react-demo/index.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>FlexLayour React Demo</title>
+    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400&display=swap" rel="stylesheet" />
+    <link id="flexlayout-stylesheet" rel="stylesheet" href="styles/base.css" />
+    <link id="page-stylesheet" rel="stylesheet" href="styles/light.css" />
+    <link rel="stylesheet" href="styles/popupmenu.css" />
+  </head>
+  <body>
+    <div id="container"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>
diff --git a/examples/flexlayout-react-demo/package.json b/examples/flexlayout-react-demo/package.json
@@ -0,0 +1,31 @@
+{
+  "name": "flexlayout-react-demo",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc && vite build",
+    "preview": "vite preview",
+    "format": "prettier .  --write",
+    "lint": "eslint --ext .ts,.tsx,.js --ignore-path .gitignore --fix src"
+  },
+  "dependencies": {
+    "flexlayout-react": "^0.7.4",
+    "nanoid": "^4.0.0",
+    "prismjs": "^1.28.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
+  },
+  "devDependencies": {
+    "@types/prismjs": "^1.26.0",
+    "@types/react": "^18.0.15",
+    "@types/react-dom": "^18.0.6",
+    "@vitejs/plugin-react": "^2.0.0",
+    "eslint": "^8.21.0",
+    "eslint-config-prettier": "^8.5.0",
+    "prettier": "^2.7.1",
+    "typescript": "^4.6.4",
+    "vite": "^3.0.0"
+  }
+}
diff --git a/examples/flexlayout-react-demo/popout.html b/examples/flexlayout-react-demo/popout.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+  <style>
+    body {
+      height: 100%;
+    }
+  </style>
+  <head>
+    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
+    <title>FlexLayout Popout</title>
+  </head>
+  <body></body>
+</html>
diff --git a/examples/flexlayout-react-demo/public/images/add.svg b/examples/flexlayout-react-demo/public/images/add.svg
diff --git a/examples/flexlayout-react-demo/public/images/article.svg b/examples/flexlayout-react-demo/public/images/article.svg
diff --git a/examples/flexlayout-react-demo/public/images/bar_chart.svg b/examples/flexlayout-react-demo/public/images/bar_chart.svg
diff --git a/examples/flexlayout-react-demo/public/images/folder.svg b/examples/flexlayout-react-demo/public/images/folder.svg
diff --git a/examples/flexlayout-react-demo/public/images/settings.svg b/examples/flexlayout-react-demo/public/images/settings.svg
diff --git a/examples/flexlayout-react-demo/public/images/terminal.svg b/examples/flexlayout-react-demo/public/images/terminal.svg