New Smithy Landing Page

.github/workflows/make-docs.yml

@@ -26,6 +26,11 @@ jobs:
         java-version: 17
         distribution: 'corretto'
 
+    - name: Setup Node
+      uses: actions/setup-node@v4
+      with:
+        node-version: latest
+
     - name: Checkout repo 
       uses: actions/checkout@v4
     - name: Setup

docs/Makefile

@@ -7,6 +7,7 @@ SHELL         := /bin/bash
 install: requirements.txt
 	python3 -m venv build/venv
 	source build/venv/bin/activate && pip3 install -r requirements.txt . && pip3 install -e .
+	(cd landing-page && npm install)
 
 clean:
 	-rm -rf build/* install
@@ -17,13 +18,20 @@ html1:
 html2:
 	@source build/venv/bin/activate && $(SPHINXBUILD) -M html "source-2.0" "build/2.0" $(SPHINXOPTS) -W --keep-going -n $(O)
 
-html: html2 html1 merge-versions
+build-landing-page:
+	cd landing-page && npm run build
+
+html: html2 html1 build-landing-page merge-versions 
+
+serve: 
+	npx http-server build/html
 
 merge-versions:
 	mkdir -p build/html
 	cp -R "build/1.0/html" "build/html/1.0"
 	cp -R "build/2.0/html" "build/html/2.0"
 	cp -R root/* "build/html"
+	cp -R landing-page/dist/* "build/html/"
 
 openhtml:
 	open "build/html/index.html"

docs/README.md

@@ -21,9 +21,8 @@ Then to build static output, run:
 make html
 ```
 
-To view the output, just open up `build/html/index.html` in your browser:
+To view the output, run:
 
 ```
-open build/html/1.0/index.html
-open build/html/2.0/index.html
+make serve
 ```

docs/landing-page/.gitignore

@@ -0,0 +1,27 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+.vite
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
+
+*storybook.log

docs/landing-page/.husky/pre-commit

@@ -0,0 +1,2 @@
+cd docs/landing-page
+npm run build && npx lint-staged

docs/landing-page/.prettierrc.json

@@ -0,0 +1 @@
+{}

docs/landing-page/.storybook/main.ts

@@ -0,0 +1,19 @@
+import type { StorybookConfig } from "@storybook/react-vite";
+
+const config: StorybookConfig = {
+  stories: ["../src/**/*.mdx", "../src/**/*.stories.@(js|jsx|mjs|ts|tsx)"],
+  addons: [
+    "@storybook/addon-onboarding",
+    "@storybook/addon-links",
+    "@storybook/addon-essentials",
+    "@chromatic-com/storybook",
+    "@storybook/addon-interactions",
+    "@storybook/addon-themes",
+  ],
+  framework: {
+    name: "@storybook/react-vite",
+    options: {},
+  },
+  staticDirs: ["../public"],
+};
+export default config;

docs/landing-page/.storybook/preview-head.html

@@ -0,0 +1,5 @@
+<style>
+  .docs-story {
+    background-color: hsl(var(--background));
+  }
+</style>

docs/landing-page/.storybook/preview.tsx

@@ -0,0 +1,32 @@
+import React from "react";
+import type { Preview } from "@storybook/react";
+import { withThemeByClassName } from "@storybook/addon-themes";
+import "../src/i18n/client.tsx";
+import "../src/index.css";
+
+const preview: Preview = {
+  parameters: {
+    backgrounds: { disable: true },
+    controls: {
+      matchers: {
+        color: /(background|color)$/i,
+        date: /Date$/i,
+      },
+    },
+  },
+};
+
+export const decorators = [
+  withThemeByClassName({
+    themes: {
+      // light: "light",
+      dark: "dark",
+    },
+    defaultTheme: "dark",
+  }),
+  // (Story) => <I18nextProvider i18n={i18n}>
+  //   <Story />
+  // </I18nextProvider>,
+];
+
+export default preview;

docs/landing-page/README.md

@@ -0,0 +1 @@
+# Smithy Landing Page

docs/landing-page/components.json

@@ -0,0 +1,20 @@
+{
+  "$schema": "https://ui.shadcn.com/schema.json",
+  "style": "new-york",
+  "rsc": false,
+  "tsx": true,
+  "tailwind": {
+    "config": "tailwind.config.js",
+    "css": "src/index.css",
+    "baseColor": "zinc",
+    "cssVariables": true,
+    "prefix": ""
+  },
+  "aliases": {
+    "components": "@/components",
+    "utils": "@/lib/utils",
+    "ui": "@/components/ui",
+    "lib": "@/lib",
+    "hooks": "@/hooks"
+  }
+}

docs/landing-page/eslint.config.js

@@ -0,0 +1,28 @@
+import js from "@eslint/js";
+import globals from "globals";
+import reactHooks from "eslint-plugin-react-hooks";
+import reactRefresh from "eslint-plugin-react-refresh";
+import tseslint from "typescript-eslint";
+
+export default tseslint.config(
+  { ignores: ["dist"] },
+  {
+    extends: [js.configs.recommended, ...tseslint.configs.recommended],
+    files: ["**/*.{ts,tsx}"],
+    languageOptions: {
+      ecmaVersion: 2020,
+      globals: globals.browser,
+    },
+    plugins: {
+      "react-hooks": reactHooks,
+      "react-refresh": reactRefresh,
+    },
+    rules: {
+      ...reactHooks.configs.recommended.rules,
+      "react-refresh/only-export-components": [
+        "warn",
+        { allowConstantExport: true },
+      ],
+    },
+  },
+);

docs/landing-page/index.html

@@ -0,0 +1,50 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta
+      name="description"
+      content="Modeling a service should be as easy, no matter the interface. Smithy is extensible, typesafe, protocol agnostic, and powers services at AWS."
+    />
+
+    <link rel="icon" type="image/png" sizes="16x16" href="/favicon.png" />
+    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
+    <link rel="icon" type="image/png" sizes="64x64" href="/favicon-64x64.png" />
+    <link
+      rel="icon"
+      type="image/png"
+      sizes="192x192"
+      href="/favicon-192x192.png"
+    />
+    <link
+      rel="icon"
+      type="image/png"
+      sizes="512x512"
+      href="/favicon-512x512.png"
+    />
+    <link
+      rel="apple-touch-icon"
+      type="image/png"
+      sizes="180x180"
+      href="/favicon-180x180.png"
+    />
+
+    <title>Smithy</title>
+  </head>
+  <body class="dark">
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+
+    <script
+      async
+      defer
+      src="https://a0.awsstatic.com/s_code/js/3.0/awshome_s_code.js"
+    ></script>
+    <script
+      async
+      defer
+      src="https://d2c.aws.amazon.com/client/loader/v1/d2c-load.js"
+    ></script>
+  </body>
+</html>