move existing code to legacy folder

uzh-bf · rschlaefli · Jan 21, 2024 · May 2, 2023 · May 2, 2023 · May 2, 2023
commit 691c30dac64966ffd97882f85bfbbe7613a9c201
diff --git a/dts.config.js b/dts.config.js
diff --git a/.gitattributes → legacy/.gitattributes b/.gitattributes → legacy/.gitattributes
diff --git a/.gitignore → legacy/.gitignore b/.gitignore → legacy/.gitignore
diff --git a/.ladle/components.tsx → legacy/.ladle/components.tsx b/.ladle/components.tsx → legacy/.ladle/components.tsx
diff --git a/.prettierrc.js → legacy/.prettierrc.js b/.prettierrc.js → legacy/.prettierrc.js
diff --git a/.versionrc.js → legacy/.versionrc.js b/.versionrc.js → legacy/.versionrc.js
diff --git a/CHANGELOG.md → legacy/CHANGELOG.md b/CHANGELOG.md → legacy/CHANGELOG.md
diff --git a/LICENSE.md → legacy/LICENSE.md b/LICENSE.md → legacy/LICENSE.md
diff --git a/README.md → legacy/README.md b/README.md → legacy/README.md
diff --git a/legacy/dts.config.js b/legacy/dts.config.js
@@ -0,0 +1,31 @@
+const postcss = require('rollup-plugin-postcss')
+const autoprefixer = require('autoprefixer')
+// const cssnano = require('cssnano')
+const tailwindcss = require('tailwindcss')
+const tailwindcssNesting = require('tailwindcss/nesting')
+const alias = require('@rollup/plugin-alias')
+const html = require('@rollup/plugin-html')
+
+module.exports = {
+  rollup(config, options) {
+    config.plugins.push(
+      html({
+        include: '**/*.html',
+      }),
+      postcss({
+        plugins: [tailwindcssNesting(), tailwindcss(), autoprefixer()],
+        inject: false,
+        extract: true,
+      }),
+      alias({
+        entries: [
+          { find: 'react', replacement: 'preact/compat' },
+          { find: 'react-dom/test-utils', replacement: 'preact/test-utils' },
+          { find: 'react-dom', replacement: 'preact/compat' },
+          { find: 'react/jsx-runtime', replacement: 'preact/jsx-runtime' },
+        ],
+      })
+    )
+    return config
+  },
+}
diff --git a/package-lock.json → legacy/package-lock.json b/package-lock.json → legacy/package-lock.json
diff --git a/package.json → legacy/package.json b/package.json → legacy/package.json
@@ -23,6 +23,7 @@
     "build:dts": "dts build --entry src/index.ts --entry src/constants.js",
     "build:copy": "node src/copy.js",
     "lint": "dts lint",
+    "start": "dts watch",
     "size": "size-limit",
     "dev": "ladle serve",
     "deploy": "ladle build",
@@ -53,6 +54,8 @@
   ],
   "devDependencies": {
     "@ladle/react": "2.4.5",
+    "@rollup/plugin-alias": "^5.0.0",
+    "@rollup/plugin-html": "^1.0.2",
     "@size-limit/preset-small-lib": "7.0.8",
     "@tailwindcss/aspect-ratio": "0.4.2",
     "@tailwindcss/forms": "0.5.3",
@@ -61,6 +64,7 @@
     "@tsconfig/create-react-app": "1.0.3",
     "@tsconfig/recommended": "1.0.1",
     "@types/node": "^18.11.9",
+    "@types/preact-custom-element": "^4.0.1",
     "@types/react": "^18.0.15",
     "@types/react-dom": "^18.0.6",
     "autoprefixer": "10.4.13",
@@ -89,8 +93,6 @@
     "@fortawesome/react-fontawesome": "^0.2.0",
     "dayjs": "^1.0.0",
     "formik": "^2.2.9",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
     "tailwind-merge": "^1.8.1",
     "yup": "^1.0.0"
   },
@@ -108,6 +110,8 @@
     "@radix-ui/react-tabs": "1.0.1",
     "@radix-ui/react-toast": "1.1.2",
     "@radix-ui/react-tooltip": "1.0.2",
+    "preact": "10.13.2",
+    "preact-custom-element": "4.2.1",
     "react-countdown-circle-timer": "3.1.0"
   }
 }
diff --git a/postcss.config.js → legacy/postcss.config.js b/postcss.config.js → legacy/postcss.config.js
diff --git a/src/Button.stories.tsx → legacy/src/Button.stories.tsx b/src/Button.stories.tsx → legacy/src/Button.stories.tsx
diff --git a/src/Button.tsx → legacy/src/Button.tsx b/src/Button.tsx → legacy/src/Button.tsx
diff --git a/src/Checkbox.stories.tsx → legacy/src/Checkbox.stories.tsx b/src/Checkbox.stories.tsx → legacy/src/Checkbox.stories.tsx
diff --git a/src/Checkbox.tsx → legacy/src/Checkbox.tsx b/src/Checkbox.tsx → legacy/src/Checkbox.tsx
diff --git a/src/Collapsible.stories.tsx → legacy/src/Collapsible.stories.tsx b/src/Collapsible.stories.tsx → legacy/src/Collapsible.stories.tsx
diff --git a/src/Collapsible.tsx → legacy/src/Collapsible.tsx b/src/Collapsible.tsx → legacy/src/Collapsible.tsx
diff --git a/src/Countdown.stories.tsx → legacy/src/Countdown.stories.tsx b/src/Countdown.stories.tsx → legacy/src/Countdown.stories.tsx
diff --git a/src/Countdown.tsx → legacy/src/Countdown.tsx b/src/Countdown.tsx → legacy/src/Countdown.tsx
diff --git a/src/DateChanger.stories.tsx → legacy/src/DateChanger.stories.tsx b/src/DateChanger.stories.tsx → legacy/src/DateChanger.stories.tsx
diff --git a/src/DateChanger.tsx → legacy/src/DateChanger.tsx b/src/DateChanger.tsx → legacy/src/DateChanger.tsx
diff --git a/src/Dropdown.stories.tsx → legacy/src/Dropdown.stories.tsx b/src/Dropdown.stories.tsx → legacy/src/Dropdown.stories.tsx
diff --git a/src/Dropdown.tsx → legacy/src/Dropdown.tsx b/src/Dropdown.tsx → legacy/src/Dropdown.tsx
diff --git a/src/Header.stories.tsx → legacy/src/Header.stories.tsx b/src/Header.stories.tsx → legacy/src/Header.stories.tsx
diff --git a/src/Header.tsx → legacy/src/Header.tsx b/src/Header.tsx → legacy/src/Header.tsx
diff --git a/src/Modal.stories.tsx → legacy/src/Modal.stories.tsx b/src/Modal.stories.tsx → legacy/src/Modal.stories.tsx
diff --git a/src/Modal.tsx → legacy/src/Modal.tsx b/src/Modal.tsx → legacy/src/Modal.tsx
diff --git a/src/Navigation.stories.tsx → legacy/src/Navigation.stories.tsx b/src/Navigation.stories.tsx → legacy/src/Navigation.stories.tsx
diff --git a/src/Navigation.tsx → legacy/src/Navigation.tsx b/src/Navigation.tsx → legacy/src/Navigation.tsx
diff --git a/src/NotificationBadgeWrapper.stories.tsx → .../src/NotificationBadgeWrapper.stories.tsx b/src/NotificationBadgeWrapper.stories.tsx → .../src/NotificationBadgeWrapper.stories.tsx
diff --git a/src/NotificationBadgeWrapper.tsx → legacy/src/NotificationBadgeWrapper.tsx b/src/NotificationBadgeWrapper.tsx → legacy/src/NotificationBadgeWrapper.tsx
diff --git a/src/Progress.stories.tsx → legacy/src/Progress.stories.tsx b/src/Progress.stories.tsx → legacy/src/Progress.stories.tsx
diff --git a/src/Progress.tsx → legacy/src/Progress.tsx b/src/Progress.tsx → legacy/src/Progress.tsx
diff --git a/src/Prose.stories.tsx → legacy/src/Prose.stories.tsx b/src/Prose.stories.tsx → legacy/src/Prose.stories.tsx
diff --git a/src/Prose.tsx → legacy/src/Prose.tsx b/src/Prose.tsx → legacy/src/Prose.tsx
diff --git a/src/Select.stories.tsx → legacy/src/Select.stories.tsx b/src/Select.stories.tsx → legacy/src/Select.stories.tsx
diff --git a/src/Select.tsx → legacy/src/Select.tsx b/src/Select.tsx → legacy/src/Select.tsx
diff --git a/src/Slider.stories.tsx → legacy/src/Slider.stories.tsx b/src/Slider.stories.tsx → legacy/src/Slider.stories.tsx
diff --git a/src/Slider.tsx → legacy/src/Slider.tsx b/src/Slider.tsx → legacy/src/Slider.tsx
diff --git a/src/StepProgress.stories.tsx → legacy/src/StepProgress.stories.tsx b/src/StepProgress.stories.tsx → legacy/src/StepProgress.stories.tsx
diff --git a/src/StepProgress.tsx → legacy/src/StepProgress.tsx b/src/StepProgress.tsx → legacy/src/StepProgress.tsx
diff --git a/src/Switch.stories.tsx → legacy/src/Switch.stories.tsx b/src/Switch.stories.tsx → legacy/src/Switch.stories.tsx
diff --git a/src/Switch.tsx → legacy/src/Switch.tsx b/src/Switch.tsx → legacy/src/Switch.tsx
diff --git a/src/Table.stories.tsx → legacy/src/Table.stories.tsx b/src/Table.stories.tsx → legacy/src/Table.stories.tsx
diff --git a/src/Table.tsx → legacy/src/Table.tsx b/src/Table.tsx → legacy/src/Table.tsx
diff --git a/src/Tabs.stories.tsx → legacy/src/Tabs.stories.tsx b/src/Tabs.stories.tsx → legacy/src/Tabs.stories.tsx
diff --git a/src/Tabs.tsx → legacy/src/Tabs.tsx b/src/Tabs.tsx → legacy/src/Tabs.tsx
diff --git a/src/Tag.stories.tsx → legacy/src/Tag.stories.tsx b/src/Tag.stories.tsx → legacy/src/Tag.stories.tsx
diff --git a/src/Tag.tsx → legacy/src/Tag.tsx b/src/Tag.tsx → legacy/src/Tag.tsx
diff --git a/src/ThemeProvider.tsx → legacy/src/ThemeProvider.tsx b/src/ThemeProvider.tsx → legacy/src/ThemeProvider.tsx
diff --git a/src/Toast.stories.tsx → legacy/src/Toast.stories.tsx b/src/Toast.stories.tsx → legacy/src/Toast.stories.tsx
diff --git a/src/Toast.tsx → legacy/src/Toast.tsx b/src/Toast.tsx → legacy/src/Toast.tsx
diff --git a/src/Tooltip.stories.tsx → legacy/src/Tooltip.stories.tsx b/src/Tooltip.stories.tsx → legacy/src/Tooltip.stories.tsx
diff --git a/src/Tooltip.tsx → legacy/src/Tooltip.tsx b/src/Tooltip.tsx → legacy/src/Tooltip.tsx
diff --git a/src/UserNotification.stories.tsx → legacy/src/UserNotification.stories.tsx b/src/UserNotification.stories.tsx → legacy/src/UserNotification.stories.tsx
diff --git a/src/UserNotification.tsx → legacy/src/UserNotification.tsx b/src/UserNotification.tsx → legacy/src/UserNotification.tsx
diff --git a/legacy/src/WCTag.ts b/legacy/src/WCTag.ts
@@ -0,0 +1,4 @@
+import register from 'preact-custom-element'
+import { Tag as BFTag } from './Tag'
+
+register(BFTag, 'x-tag', ['label'], { shadow: false })
diff --git a/src/constants.js → legacy/src/constants.js b/src/constants.js → legacy/src/constants.js
diff --git a/src/copy.js → legacy/src/copy.js b/src/copy.js → legacy/src/copy.js
diff --git a/src/forms/FormikDateChanger.stories.tsx → ...y/src/forms/FormikDateChanger.stories.tsx b/src/forms/FormikDateChanger.stories.tsx → ...y/src/forms/FormikDateChanger.stories.tsx
diff --git a/src/forms/FormikDateChanger.tsx → legacy/src/forms/FormikDateChanger.tsx b/src/forms/FormikDateChanger.tsx → legacy/src/forms/FormikDateChanger.tsx
diff --git a/src/forms/FormikDateField.stories.tsx → legacy/src/forms/FormikDateField.stories.tsx b/src/forms/FormikDateField.stories.tsx → legacy/src/forms/FormikDateField.stories.tsx
diff --git a/src/forms/FormikDateField.tsx → legacy/src/forms/FormikDateField.tsx b/src/forms/FormikDateField.tsx → legacy/src/forms/FormikDateField.tsx
diff --git a/src/forms/FormikNumberField.stories.tsx → ...y/src/forms/FormikNumberField.stories.tsx b/src/forms/FormikNumberField.stories.tsx → ...y/src/forms/FormikNumberField.stories.tsx
diff --git a/src/forms/FormikNumberField.tsx → legacy/src/forms/FormikNumberField.tsx b/src/forms/FormikNumberField.tsx → legacy/src/forms/FormikNumberField.tsx
diff --git a/src/forms/FormikSelectField.stories.tsx → ...y/src/forms/FormikSelectField.stories.tsx b/src/forms/FormikSelectField.stories.tsx → ...y/src/forms/FormikSelectField.stories.tsx
diff --git a/src/forms/FormikSelectField.tsx → legacy/src/forms/FormikSelectField.tsx b/src/forms/FormikSelectField.tsx → legacy/src/forms/FormikSelectField.tsx
diff --git a/src/forms/FormikSwitchField.stories.tsx → ...y/src/forms/FormikSwitchField.stories.tsx b/src/forms/FormikSwitchField.stories.tsx → ...y/src/forms/FormikSwitchField.stories.tsx
diff --git a/src/forms/FormikSwitchField.tsx → legacy/src/forms/FormikSwitchField.tsx b/src/forms/FormikSwitchField.tsx → legacy/src/forms/FormikSwitchField.tsx
diff --git a/src/forms/FormikTextField.stories.tsx → legacy/src/forms/FormikTextField.stories.tsx b/src/forms/FormikTextField.stories.tsx → legacy/src/forms/FormikTextField.stories.tsx
diff --git a/src/forms/FormikTextField.tsx → legacy/src/forms/FormikTextField.tsx b/src/forms/FormikTextField.tsx → legacy/src/forms/FormikTextField.tsx
diff --git a/src/forms/FormikTextareaField.stories.tsx → ...src/forms/FormikTextareaField.stories.tsx b/src/forms/FormikTextareaField.stories.tsx → ...src/forms/FormikTextareaField.stories.tsx
diff --git a/src/forms/FormikTextareaField.tsx → legacy/src/forms/FormikTextareaField.tsx b/src/forms/FormikTextareaField.tsx → legacy/src/forms/FormikTextareaField.tsx
diff --git a/src/forms/Label.stories.tsx → legacy/src/forms/Label.stories.tsx b/src/forms/Label.stories.tsx → legacy/src/forms/Label.stories.tsx
diff --git a/src/forms/Label.tsx → legacy/src/forms/Label.tsx b/src/forms/Label.tsx → legacy/src/forms/Label.tsx
diff --git a/src/forms/NumberField.stories.tsx → legacy/src/forms/NumberField.stories.tsx b/src/forms/NumberField.stories.tsx → legacy/src/forms/NumberField.stories.tsx
diff --git a/src/forms/NumberField.tsx → legacy/src/forms/NumberField.tsx b/src/forms/NumberField.tsx → legacy/src/forms/NumberField.tsx
diff --git a/src/forms/TextField.stories.tsx → legacy/src/forms/TextField.stories.tsx b/src/forms/TextField.stories.tsx → legacy/src/forms/TextField.stories.tsx
diff --git a/src/forms/TextField.tsx → legacy/src/forms/TextField.tsx b/src/forms/TextField.tsx → legacy/src/forms/TextField.tsx
diff --git a/src/hooks/useArrowNavigation.stories.tsx → .../src/hooks/useArrowNavigation.stories.tsx b/src/hooks/useArrowNavigation.stories.tsx → .../src/hooks/useArrowNavigation.stories.tsx
diff --git a/src/hooks/useArrowNavigation.tsx → legacy/src/hooks/useArrowNavigation.tsx b/src/hooks/useArrowNavigation.tsx → legacy/src/hooks/useArrowNavigation.tsx
diff --git a/src/index.ts → legacy/src/index.ts b/src/index.ts → legacy/src/index.ts
diff --git a/src/tableData.js → legacy/src/tableData.js b/src/tableData.js → legacy/src/tableData.js
diff --git a/src/tailwind.css → legacy/src/tailwind.css b/src/tailwind.css → legacy/src/tailwind.css
diff --git a/legacy/src/template.html b/legacy/src/template.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Parcel Sandbox</title>
+		<meta charset="UTF-8" />
+    <link rel="stylesheet" href="src/styles.css">
+    <script src="src/index.ts"></script>
+  </head>
+
+  <body>
+    <div id="app">
+			<div id="container" class="container">
+        <x-button text="hello" onclick="console.log('hello world')"></x-button>
+        <x-countdown duration="60"></x-countdown>
+        <x-bf-countdown countdown-duration="60"></x-bf-countdown>
+        <x-collapsible content="hello world"></x-collapsible>
+      </div>
+    </div>
+		</div>
+  </body>
+</html>
diff --git a/tailwind.config.js → legacy/tailwind.config.js b/tailwind.config.js → legacy/tailwind.config.js
diff --git a/tsconfig.json → legacy/tsconfig.json b/tsconfig.json → legacy/tsconfig.json
diff --git a/vite.config.js → legacy/vite.config.js b/vite.config.js → legacy/vite.config.js