diff --git a/.gitignore b/.gitignore
index cc8a97a2c47..9e65845eccd 100644
--- a/.gitignore
+++ b/.gitignore
@@ -10,4 +10,7 @@
###############################################################################
node_modules
-.eslintcache
\ No newline at end of file
+.eslintcache
+yarn-error.log
+
+site/dist
\ No newline at end of file
diff --git a/.gitmodules b/.gitmodules
new file mode 100644
index 00000000000..2135dea5dfd
--- /dev/null
+++ b/.gitmodules
@@ -0,0 +1,3 @@
+[submodule "m"]
+ path = m
+ url = https://github.com/coder/m
diff --git a/m b/m
new file mode 160000
index 00000000000..5c2a6f5d6a0
--- /dev/null
+++ b/m
@@ -0,0 +1 @@
+Subproject commit 5c2a6f5d6a04caafcd62d2c2810734e4a72d553f
diff --git a/package.json b/package.json
index eb099b34916..8160ee9048e 100644
--- a/package.json
+++ b/package.json
@@ -4,10 +4,38 @@
"repository": "https://github.com/coder/coder",
"private": true,
"scripts": {
+ "build": "webpack build --config site/webpack.config.js",
"format:check": "prettier --check '**/*.{css,html,js,json,jsx,md,ts,tsx,yaml,yml}'",
"format:write": "prettier --write '**/*.{css,htmljs,json,jsx,md,ts,tsx,yaml,yml}'"
},
+ "dependencies": {
+ "@sentry/integrations": "6.16.1",
+ "@sentry/react": "6.16.1",
+ "@sentry/tracing": "6.16.1",
+ "@xstate/react": "1.6.3",
+ "dayjs": "1.10.7",
+ "formik": "2.2.9",
+ "match-sorter": "4.2.1",
+ "superagent": "6.1.0"
+ },
"devDependencies": {
- "prettier": "2.5.1"
+ "@material-ui/core": "4.9.4",
+ "@material-ui/icons": "4.5.1",
+ "@material-ui/lab": "4.0.0-alpha.42",
+ "@types/node": "14.18.4",
+ "@types/react": "17.0.38",
+ "@types/react-dom": "17.0.11",
+ "@types/react-router-dom": "5.1.8",
+ "@types/superagent": "4.1.14",
+ "cli": "^1.0.1",
+ "next": "11.1.3",
+ "prettier": "2.5.1",
+ "react": "17.0.2",
+ "react-dom": "17.0.2",
+ "react-router-dom": "5.1.2",
+ "ts-loader": "^9.2.6",
+ "typescript": "4.5.4",
+ "webpack": "^5.65.0",
+ "webpack-cli": "^4.9.1"
}
}
diff --git a/site/index.tsx b/site/index.tsx
new file mode 100644
index 00000000000..d2650627f2e
--- /dev/null
+++ b/site/index.tsx
@@ -0,0 +1,50 @@
+import React from "react"
+import ReactDOM from "react-dom"
+
+// Code imported from 'Coder v1'
+// Legacy components that we can re-use
+import { CoderThemeProvider } from "@v1/product/coder/site/src/contexts/CoderThemeProvider"
+import { UserContext, defaultAppState } from "@v1/product/coder/site/src/contexts/User"
+import { SetupModeProvider } from "@v1/product/coder/site/src/contexts/SetupMode"
+
+// A fun component to bring in as an example of re-using UI from 'v1':
+import { ConfettiTransition } from "@v1/product/coder/site/src/pages/Onboarding/Activation/ConfettiTransition"
+
+// And some other, simpler, componenents:
+import { PrimaryButton } from "@v1/product/coder/site/src/components/Button"
+
+// Helper function to scaffold providers that are needed to host the 'V1' UI
+// Ultimately, we'd host the entire app (router and all)
+const renderLegacyComponent = (component: JSX.Element) => {
+ const fetchSetupMode = async () => {
+ // Return an empty response for 'setup mode'
+ return {
+ body: null
+ } as any;
+ }
+
+ return
+
+
+ {component}
+
+
+
+}
+
+function component() {
+ const element = document.createElement('div');
+
+ // Render the legacy UI
+ const ui = renderLegacyComponent(
+
+
+
A v1 button hosted in v2 app
+
+