Merge pull request #62 from UW-Macrostrat/simplify

Refine packaging of modules and create public NPM packages

Author: davenquinn

.gitignore

@@ -33,9 +33,7 @@ storybook-static
 
 .pnp.*
 
-# We need to ignore Yarn Lockfile because otherwise this repository
-# can't be nested inside another repository that uses Yarn Workspaces
-# (e.g. https://github.com/UW-Macrostrat/web).
-yarn.lock
-
 packages/*/dist
+
+.idea/workspace.xml
+.idea/tasks.xml

.gitmodules

@@ -0,0 +1,2 @@
+[tools]
+node = "20"

.idea/misc.xml

@@ -0,0 +1,9 @@
+{
+  "extends": "@parcel/config-default",
+  /* Using the bundler-library extension allows parcel to
+     split the output into multiple files, which is useful
+     to create more easily tree-shakable libraries.
+     https://parceljs.org/getting-started/library/#improving-tree-shaking
+  */
+  "bundler": "@parcel/bundler-library"
+}

.idea/prettier.xml

@@ -9,8 +9,6 @@ export const DocsContainer = ({ children, context }) => {
     document.body.classList.contains("bp5-dark")
   );
 
-  console.log(context);
-
   useEffect(() => {
     const observer = new MutationObserver((mutations) => {
       mutations.forEach((mutation) => {

.idea/vcs.xml

@@ -1,38 +1,30 @@
 import { dirname, join } from "path";
 import type { StorybookConfig } from "@storybook/react-vite";
 
-const config: StorybookConfig = {
+// Resolve geologic patterns from the package
+// If we're using PnP mode, we have to have an "unplugged" version of the package
+// to allow node_modules to be resolved.
+const geologicPatterns = dirname(require.resolve("geologic-patterns"));
+
+export default {
   // vite
   stories: [
-    "../packages/**/*.mdx",
+    "../packages/*/src/**/*.mdx",
+    "../packages/*/stories/*.mdx",
     "../packages/**/*.stories.@(mdx|js|jsx|ts|tsx)",
   ],
   staticDirs: [
     {
-      from: "../deps/geologic-patterns/assets/svg",
+      from: join(geologicPatterns, "assets/svg"),
       to: "/patterns",
     },
   ],
   addons: [
-    getAbsolutePath("@storybook/addon-links"),
-    getAbsolutePath("@storybook/addon-essentials"),
-    getAbsolutePath("@storybook/addon-viewport"),
-    getAbsolutePath("storybook-dark-mode"),
+    "@storybook/addon-links",
+    "@storybook/addon-essentials",
+    "@storybook/addon-viewport",
+    "storybook-dark-mode",
   ],
-  core: {
-    builder: {
-      name: getAbsolutePath("@storybook/builder-vite"),
-      options: {
-        viteConfigPath: require.resolve("../vite.config.ts"),
-      },
-    },
-  },
-  framework: getAbsolutePath("@storybook/react-vite"),
+  framework: "@storybook/react-vite",
   docs: {},
-};
-
-export default config;
-
-function getAbsolutePath(value: string): any {
-  return dirname(require.resolve(join(value, "package.json")));
-}
+} as StorybookConfig;

.mise.toml

@@ -35,14 +35,12 @@ export const parameters = {
     stylePreview: true,
   },
 };
-//
-// your theme provider
 
 export const decorators = [
   (renderStory) => {
     const isEnabled = useDarkMode();
-    console.log("Dark mode is enabled", isEnabled);
     return h(DarkModeProvider, { isEnabled }, renderStory());
   },
 ];
+
 export const tags = ["autodocs"];