react-jupiter 6.0.0-beta.1 → 6.0.0-beta.10

package/src/stories/Page.jsx

@@ -1,67 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-
-export const Page = ({ user, onLogin, onLogout, onCreateAccount }) => (
-  <article className="font-sans">
-    <section className="w-full max-w-screen-xl mx-auto py-12 px-6">
-      <h2 className="text-2xl font-bold mb-4">Pages in Storybook</h2>
-      <p className="text-gray-700 mb-4">
-        We recommend building UIs with a{' '}
-        <a
-          href="https://componentdriven.org"
-          target="_blank"
-          rel="noopener noreferrer"
-          className="text-blue-600 hover:underline"
-        >
-          <strong>component-driven</strong>
-        </a>{' '}
-        process starting with atomic components and ending with pages.
-      </p>
-      <p className="text-gray-700 mb-4">
-        Render pages with mock data. This makes it easy to build and review page states without
-        needing to navigate to them in your app. Here are some handy patterns for managing page data
-        in Storybook:
-      </p>
-      <ul className="list-disc pl-6 mb-4 text-gray-700">
-        <li>Use a higher-level connected component. Storybook helps you compose such data from the
-        "args" of child component stories</li>
-        <li>Assemble data in the page component from your services. You can mock these services out
-        using Storybook.</li>
-      </ul>
-      <p className="text-gray-700 mb-4">
-        Get a guided tutorial on component-driven development at{' '}
-        <a
-          href="https://storybook.js.org/tutorials/"
-          target="_blank"
-          rel="noopener noreferrer"
-          className="text-blue-600 hover:underline"
-        >
-          Storybook tutorials
-        </a>
-        . Read more in the{' '}
-        <a
-          href="https://storybook.js.org/docs"
-          target="_blank"
-          rel="noopener noreferrer"
-          className="text-blue-600 hover:underline"
-        >
-          docs
-        </a>
-        .
-      </p>
-    </section>
-  </article>
-);
-
-Page.propTypes = {
-  user: PropTypes.shape({
-    name: PropTypes.string.isRequired,
-  }),
-  onLogin: PropTypes.func.isRequired,
-  onLogout: PropTypes.func.isRequired,
-  onCreateAccount: PropTypes.func.isRequired,
-};
-
-Page.defaultProps = {
-  user: null,
-}; 

package/src/storybook.css

@@ -1,58 +0,0 @@
-/* Storybook styles */
-body {
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  margin: 0;
-  padding: 0;
-}
-
-* {
-  box-sizing: border-box;
-  outline: none;
-}
-
-.App {
-  text-align: right;
-  min-height: 100vh;
-  background-color: #f5f5f5;
-}
-
-/* Component styles */
-.component-container {
-  padding: 20px;
-  margin: 20px;
-  background: white;
-  border-radius: 8px;
-  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
-}
-
-.component-title {
-  font-size: 24px;
-  font-weight: bold;
-  margin-bottom: 20px;
-  color: #333;
-}
-
-.component-description {
-  font-size: 16px;
-  color: #666;
-  margin-bottom: 20px;
-}
-
-/* Storybook specific styles */
-.sb-show-main {
-  padding: 20px;
-}
-
-.sb-main .sb-unstyled {
-  padding: 20px;
-}
-
-.sb-main .sb-unstyled .sb-show-main {
-  padding: 20px;
-}
-
-.sb-main .sb-unstyled .sb-show-main .sb-show-padding {
-  padding: 20px;
-} 

package/src/styles.css

@@ -1,3 +0,0 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities; 

package/src/test-utils.js

@@ -1,21 +0,0 @@
-import React from 'react';
-import { render } from '@testing-library/react';
-import { ThemeProvider } from 'styled-components';
-import defaultTheme from './themes';
-
-const AllTheProviders = ({ children }) => {
-  return (
-    <ThemeProvider theme={defaultTheme}>
-      {children}
-    </ThemeProvider>
-  );
-};
-
-const customRender = (ui, options) =>
-  render(ui, { wrapper: AllTheProviders, ...options });
-
-// re-export everything
-export * from '@testing-library/react';
-
-// override render method
-export { customRender as render }; 

package/storybook.log

@@ -1,113 +0,0 @@
-npm WARN ERESOLVE overriding peer dependency
-npm WARN While resolving: react-inspector@5.1.1
-npm WARN Found: react@18.2.0
-npm WARN node_modules/react
-npm WARN   peer react@">=16" from @mdx-js/react@2.3.0
-npm WARN   node_modules/@mdx-js/react
-npm WARN     @mdx-js/react@"^2.1.5" from the root project
-npm WARN   41 more (@storybook/addon-actions, ...)
-npm WARN 
-npm WARN Could not resolve dependency:
-npm WARN peer react@"^16.8.4 || ^17.0.0" from react-inspector@5.1.1
-npm WARN node_modules/@storybook/addon-actions/node_modules/react-inspector
-npm WARN   react-inspector@"^5.1.0" from @storybook/addon-actions@6.5.16
-npm WARN   node_modules/@storybook/addon-actions
-npm WARN 
-npm WARN Conflicting peer dependency: react@17.0.2
-npm WARN node_modules/react
-npm WARN   peer react@"^16.8.4 || ^17.0.0" from react-inspector@5.1.1
-npm WARN   node_modules/@storybook/addon-actions/node_modules/react-inspector
-npm WARN     react-inspector@"^5.1.0" from @storybook/addon-actions@6.5.16
-npm WARN     node_modules/@storybook/addon-actions
-npm WARN ERESOLVE overriding peer dependency
-npm WARN While resolving: @mdx-js/react@1.6.22
-npm WARN Found: react@18.2.0
-npm WARN node_modules/react
-npm WARN   peer react@">=16" from @mdx-js/react@2.3.0
-npm WARN   node_modules/@mdx-js/react
-npm WARN     @mdx-js/react@"^2.1.5" from the root project
-npm WARN   41 more (@storybook/addon-actions, ...)
-npm WARN 
-npm WARN Could not resolve dependency:
-npm WARN peer react@"^16.13.1 || ^17.0.0" from @mdx-js/react@1.6.22
-npm WARN node_modules/@storybook/addon-docs/node_modules/@mdx-js/react
-npm WARN   @mdx-js/react@"^1.6.22" from @storybook/addon-docs@6.5.16
-npm WARN   node_modules/@storybook/addon-docs
-npm WARN 
-npm WARN Conflicting peer dependency: react@17.0.2
-npm WARN node_modules/react
-npm WARN   peer react@"^16.13.1 || ^17.0.0" from @mdx-js/react@1.6.22
-npm WARN   node_modules/@storybook/addon-docs/node_modules/@mdx-js/react
-npm WARN     @mdx-js/react@"^1.6.22" from @storybook/addon-docs@6.5.16
-npm WARN     node_modules/@storybook/addon-docs
-npm WARN ERESOLVE overriding peer dependency
-npm WARN While resolving: react-test-renderer@17.0.2
-npm WARN Found: react@18.2.0
-npm WARN node_modules/react
-npm WARN   peer react@">=16" from @mdx-js/react@2.3.0
-npm WARN   node_modules/@mdx-js/react
-npm WARN     @mdx-js/react@"^2.1.5" from the root project
-npm WARN   41 more (@storybook/addon-actions, ...)
-npm WARN 
-npm WARN Could not resolve dependency:
-npm WARN peer react@"17.0.2" from react-test-renderer@17.0.2
-npm WARN node_modules/@storybook/addon-storyshots/node_modules/react-test-renderer
-npm WARN   react-test-renderer@"^16.8.0 || ^17.0.0" from @storybook/addon-storyshots@6.5.16
-npm WARN   node_modules/@storybook/addon-storyshots
-npm WARN 
-npm WARN Conflicting peer dependency: react@17.0.2
-npm WARN node_modules/react
-npm WARN   peer react@"17.0.2" from react-test-renderer@17.0.2
-npm WARN   node_modules/@storybook/addon-storyshots/node_modules/react-test-renderer
-npm WARN     react-test-renderer@"^16.8.0 || ^17.0.0" from @storybook/addon-storyshots@6.5.16
-npm WARN     node_modules/@storybook/addon-storyshots
-npm WARN ERESOLVE overriding peer dependency
-npm WARN While resolving: react-element-to-jsx-string@14.3.4
-npm WARN Found: react@18.2.0
-npm WARN node_modules/react
-npm WARN   peer react@">=16" from @mdx-js/react@2.3.0
-npm WARN   node_modules/@mdx-js/react
-npm WARN     @mdx-js/react@"^2.1.5" from the root project
-npm WARN   41 more (@storybook/addon-actions, ...)
-npm WARN 
-npm WARN Could not resolve dependency:
-npm WARN peer react@"^0.14.8 || ^15.0.1 || ^16.0.0 || ^17.0.1" from react-element-to-jsx-string@14.3.4
-npm WARN node_modules/@storybook/react/node_modules/react-element-to-jsx-string
-npm WARN   react-element-to-jsx-string@"^14.3.4" from @storybook/react@6.5.16
-npm WARN   node_modules/@storybook/react
-npm WARN 
-npm WARN Conflicting peer dependency: react@17.0.2
-npm WARN node_modules/react
-npm WARN   peer react@"^0.14.8 || ^15.0.1 || ^16.0.0 || ^17.0.1" from react-element-to-jsx-string@14.3.4
-npm WARN   node_modules/@storybook/react/node_modules/react-element-to-jsx-string
-npm WARN     react-element-to-jsx-string@"^14.3.4" from @storybook/react@6.5.16
-npm WARN     node_modules/@storybook/react
-npm WARN ERESOLVE overriding peer dependency
-npm WARN While resolving: react-element-to-jsx-string@14.3.4
-npm WARN Found: react-dom@18.2.0
-npm WARN node_modules/react-dom
-npm WARN   peerOptional react-dom@"^16.8.0 || ^17.0.0 || ^18.0.0" from @storybook/addon-actions@6.5.16
-npm WARN   node_modules/@storybook/addon-actions
-npm WARN     @storybook/addon-actions@"6.5.16" from @storybook/addon-essentials@6.5.16
-npm WARN     node_modules/@storybook/addon-essentials
-npm WARN   31 more (@storybook/addon-backgrounds, ...)
-npm WARN 
-npm WARN Could not resolve dependency:
-npm WARN peer react-dom@"^0.14.8 || ^15.0.1 || ^16.0.0 || ^17.0.1" from react-element-to-jsx-string@14.3.4
-npm WARN node_modules/@storybook/react/node_modules/react-element-to-jsx-string
-npm WARN   react-element-to-jsx-string@"^14.3.4" from @storybook/react@6.5.16
-npm WARN   node_modules/@storybook/react
-npm WARN 
-npm WARN Conflicting peer dependency: react-dom@17.0.2
-npm WARN node_modules/react-dom
-npm WARN   peer react-dom@"^0.14.8 || ^15.0.1 || ^16.0.0 || ^17.0.1" from react-element-to-jsx-string@14.3.4
-npm WARN   node_modules/@storybook/react/node_modules/react-element-to-jsx-string
-npm WARN     react-element-to-jsx-string@"^14.3.4" from @storybook/react@6.5.16
-npm WARN     node_modules/@storybook/react
-npm ERR! code ETARGET
-npm ERR! notarget No matching version found for @storybook/addon-mdx-gfm@^6.5.16.
-npm ERR! notarget In most cases you or one of your dependencies are requesting
-npm ERR! notarget a package version that doesn't exist.
-
-npm ERR! A complete log of this run can be found in:
-npm ERR!     /Users/mehran-ev/.npm/_logs/2025-03-10T11_01_07_286Z-debug-0.log

package/tailwind.config.js

@@ -1,26 +0,0 @@
-/** @type {import('tailwindcss').Config} */
-module.exports = {
-  content: [
-    "./src/**/*.{js,jsx,ts,tsx}",
-    "./.storybook/**/*.{js,jsx,ts,tsx}",
-    "./stories/**/*.{js,jsx,ts,tsx}",
-  ],
-  theme: {
-    extend: {
-      colors: {
-        main: '#132A3E',
-        secondary: '#0095DB',
-        // You can add more custom colors here
-      },
-      // You can also extend spacing, fonts, etc.
-      // spacing: {
-      //   'custom-space': 'your-value',
-      // }
-    },
-  },
-  plugins: [],
-  corePlugins: {
-    preflight: true,
-  },
-}
-

package/update-stories.js

@@ -1,41 +0,0 @@
-const fs = require('fs');
-const path = require('path');
-
-function updateStoryFile(filePath) {
-  let content = fs.readFileSync(filePath, 'utf8');
-  
-  // Remove withInfo import and decorator
-  content = content.replace(/import { withInfo } from '@storybook\/addon-info';/g, '');
-  content = content.replace(/decorators: \[withInfo\],/g, '');
-  
-  // Update storiesOf to CSF format
-  content = content.replace(/storiesOf\(['"]([^'"]+)['"], module\)/g, (match, title) => {
-    return `export default {
-  title: '${title}',
-  component: ${title.split('/').pop()},
-  argTypes: {
-    // Add your argTypes here
-  }
-};`;
-  });
-  
-  fs.writeFileSync(filePath, content);
-}
-
-function processDirectory(dir) {
-  const files = fs.readdirSync(dir);
-  
-  files.forEach(file => {
-    const filePath = path.join(dir, file);
-    const stat = fs.statSync(filePath);
-    
-    if (stat.isDirectory()) {
-      processDirectory(filePath);
-    } else if (file.endsWith('.stories.js')) {
-      updateStoryFile(filePath);
-    }
-  });
-}
-
-const srcDir = path.join(__dirname, 'src');
-processDirectory(srcDir);