react-jupiter 5.12.0 → 6.0.0-beta.1

package/dist/serviceWorker.js

@@ -0,0 +1,135 @@
+"use strict";Object.defineProperty(exports, "__esModule", { value: true });exports.register = register;exports.unregister = unregister; // This optional code is used to register a service worker.
+// register() is not called by default.
+
+// This lets the app load faster on subsequent visits in production, and gives
+// it offline capabilities. However, it also means that developers (and users)
+// will only see deployed updates on subsequent visits to a page, after all the
+// existing tabs open on the page have been closed, since previously cached
+// resources are updated in the background.
+
+// To learn more about the benefits of this model and instructions on how to
+// opt-in, read https://bit.ly/CRA-PWA
+
+const isLocalhost = Boolean(
+  window.location.hostname === 'localhost'
+  // [::1] is the IPv6 localhost address.
+  || window.location.hostname === '[::1]'
+  // 127.0.0.1/8 is considered localhost for IPv4.
+  || window.location.hostname.match(
+    /^127(?:\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/
+  )
+);
+
+function register(config) {
+  if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {
+    // The URL constructor is available in all browsers that support SW.
+    const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);
+    if (publicUrl.origin !== window.location.origin) {
+      // Our service worker won't work if PUBLIC_URL is on a different origin
+      // from what our page is served on. This might happen if a CDN is used to
+      // serve assets; see https://github.com/facebook/create-react-app/issues/2374
+      return;
+    }
+
+    window.addEventListener('load', () => {
+      const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;
+
+      if (isLocalhost) {
+        // This is running on localhost. Let's check if a service worker still exists or not.
+        checkValidServiceWorker(swUrl, config);
+
+        // Add some additional logging to localhost, pointing developers to the
+        // service worker/PWA documentation.
+        navigator.serviceWorker.ready.then(() => {
+          console.log(
+            'This web app is being served cache-first by a service ' +
+            'worker. To learn more, visit https://bit.ly/CRA-PWA'
+          );
+        });
+      } else {
+        // Is not localhost. Just register service worker
+        registerValidSW(swUrl, config);
+      }
+    });
+  }
+}
+
+function registerValidSW(swUrl, config) {
+  navigator.serviceWorker.
+  register(swUrl).
+  then((registration) => {
+    registration.onupdatefound = () => {
+      const installingWorker = registration.installing;
+      if (installingWorker == null) {
+        return;
+      }
+      installingWorker.onstatechange = () => {
+        if (installingWorker.state === 'installed') {
+          if (navigator.serviceWorker.controller) {
+            // At this point, the updated precached content has been fetched,
+            // but the previous service worker will still serve the older
+            // content until all client tabs are closed.
+            console.log(
+              'New content is available and will be used when all ' +
+              'tabs for this page are closed. See https://bit.ly/CRA-PWA.'
+            );
+
+            // Execute callback
+            if (config && config.onUpdate) {
+              config.onUpdate(registration);
+            }
+          } else {
+            // At this point, everything has been precached.
+            // It's the perfect time to display a
+            // "Content is cached for offline use." message.
+            console.log('Content is cached for offline use.');
+
+            // Execute callback
+            if (config && config.onSuccess) {
+              config.onSuccess(registration);
+            }
+          }
+        }
+      };
+    };
+  }).
+  catch((error) => {
+    console.error('Error during service worker registration:', error);
+  });
+}
+
+function checkValidServiceWorker(swUrl, config) {
+  // Check if the service worker can be found. If it can't reload the page.
+  fetch(swUrl).
+  then((response) => {
+    // Ensure service worker exists, and that we really are getting a JS file.
+    const contentType = response.headers.get('content-type');
+    if (
+    response.status === 404 ||
+    contentType != null && contentType.indexOf('javascript') === -1)
+    {
+      // No service worker found. Probably a different app. Reload the page.
+      navigator.serviceWorker.ready.then((registration) => {
+        registration.unregister().then(() => {
+          window.location.reload();
+        });
+      });
+    } else {
+      // Service worker found. Proceed as normal.
+      registerValidSW(swUrl, config);
+    }
+  }).
+  catch(() => {
+    console.log(
+      'No internet connection found. App is running in offline mode.'
+    );
+  });
+}
+
+function unregister() {
+  if ('serviceWorker' in navigator) {
+    navigator.serviceWorker.ready.then((registration) => {
+      registration.unregister();
+    });
+  }
+}

package/dist/setupTests.js

@@ -0,0 +1,24 @@
+"use strict";require("@testing-library/jest-dom");
+var _react = require("@testing-library/react");
+require("jest-styled-components");
+
+// Configure React Testing Library
+(0, _react.configure)({
+  testIdAttribute: 'data-testid',
+  throwSuggestions: true
+});
+
+// Mock window.matchMedia
+Object.defineProperty(window, 'matchMedia', {
+  writable: true,
+  value: jest.fn().mockImplementation((query) => ({
+    matches: false,
+    media: query,
+    onchange: null,
+    addListener: jest.fn(),
+    removeListener: jest.fn(),
+    addEventListener: jest.fn(),
+    removeEventListener: jest.fn(),
+    dispatchEvent: jest.fn()
+  }))
+});

package/dist/stories/Page.js

@@ -0,0 +1,67 @@
+"use strict";Object.defineProperty(exports, "__esModule", { value: true });exports.Page = void 0;var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));function _interopRequireDefault(e) {return e && e.__esModule ? e : { default: e };}
+
+const Page = (_ref) => {let { user, onLogin, onLogout, onCreateAccount } = _ref;return (/*#__PURE__*/
+    _react.default.createElement("article", { className: "font-sans" }, /*#__PURE__*/
+    _react.default.createElement("section", { className: "w-full max-w-screen-xl mx-auto py-12 px-6" }, /*#__PURE__*/
+    _react.default.createElement("h2", { className: "text-2xl font-bold mb-4" }, "Pages in Storybook"), /*#__PURE__*/
+    _react.default.createElement("p", { className: "text-gray-700 mb-4" }, "We recommend building UIs with a",
+    ' ', /*#__PURE__*/
+    _react.default.createElement("a", {
+      href: "https://componentdriven.org",
+      target: "_blank",
+      rel: "noopener noreferrer",
+      className: "text-blue-600 hover:underline" }, /*#__PURE__*/
+
+    _react.default.createElement("strong", null, "component-driven")
+    ), ' ', "process starting with atomic components and ending with pages."
+
+    ), /*#__PURE__*/
+    _react.default.createElement("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:"
+
+
+
+    ), /*#__PURE__*/
+    _react.default.createElement("ul", { className: "list-disc pl-6 mb-4 text-gray-700" }, /*#__PURE__*/
+    _react.default.createElement("li", null, "Use a higher-level connected component. Storybook helps you compose such data from the \"args\" of child component stories"
+    ), /*#__PURE__*/
+    _react.default.createElement("li", null, "Assemble data in the page component from your services. You can mock these services out using Storybook."
+    )
+    ), /*#__PURE__*/
+    _react.default.createElement("p", { className: "text-gray-700 mb-4" }, "Get a guided tutorial on component-driven development at",
+    ' ', /*#__PURE__*/
+    _react.default.createElement("a", {
+      href: "https://storybook.js.org/tutorials/",
+      target: "_blank",
+      rel: "noopener noreferrer",
+      className: "text-blue-600 hover:underline" },
+    "Storybook tutorials"
+
+    ), ". Read more in the",
+    ' ', /*#__PURE__*/
+    _react.default.createElement("a", {
+      href: "https://storybook.js.org/docs",
+      target: "_blank",
+      rel: "noopener noreferrer",
+      className: "text-blue-600 hover:underline" },
+    "docs"
+
+    ), "."
+
+    )
+    )
+    ));};exports.Page = Page;
+
+
+Page.propTypes = {
+  user: _propTypes.default.shape({
+    name: _propTypes.default.string.isRequired
+  }),
+  onLogin: _propTypes.default.func.isRequired,
+  onLogout: _propTypes.default.func.isRequired,
+  onCreateAccount: _propTypes.default.func.isRequired
+};
+
+Page.defaultProps = {
+  user: null
+};

package/dist/storybook.css

@@ -0,0 +1,58 @@
+/* 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/dist/styles.css

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

package/dist/test-utils.js

@@ -0,0 +1,21 @@
+"use strict";Object.defineProperty(exports, "__esModule", { value: true });var _exportNames = { render: true };exports.render = void 0;var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@testing-library/react");
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+Object.keys(_react2).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;if (key in exports && exports[key] === _react2[key]) return;Object.defineProperty(exports, key, { enumerable: true, get: function () {return _react2[key];} });});var _styledComponents = require("styled-components");var _themes = _interopRequireDefault(require("./themes"));function _interopRequireDefault(e) {return e && e.__esModule ? e : { default: e };}const AllTheProviders = (_ref) => {let { children } = _ref;return /*#__PURE__*/_react.default.createElement(_styledComponents.ThemeProvider, { theme: _themes.default }, children);};const customRender = (ui, options) => (0, _react2.render)(ui, { wrapper: AllTheProviders, ...options }); // re-export everything
+
+// override render method
+exports.render = customRender;

package/doctor-storybook.log

@@ -0,0 +1,25 @@
+🩺 The doctor is checking the health of your Storybook..
+╭ Package storybook not found ───────────────────────────────────────────────────────────╮
+│                                                                                        │
+│   The storybook package was not found in your package.json.                            │
+│   Installing storybook as a direct dev dependency in your package.json is required.    │
+│                                                                                        │
+╰────────────────────────────────────────────────────────────────────────────────────────╯
+╭ Incompatible packages found ───────────────────────────────────────────────────────────────────────────────────╮
+│                                                                                                                │
+│   The following packages are incompatible with Storybook 6.5.16 as they depend on different major versions     │
+│   of Storybook packages:                                                                                       │
+│   - @chromatic-com/storybook@3.2.5                                                                             │
+│                                                                                                                │
+│                                                                                                                │
+│   Please consider updating your packages or contacting the maintainers for compatibility details.              │
+│   For more on Storybook 8 compatibility, see the linked GitHub issue:                                          │
+│   https://github.com/storybookjs/storybook/issues/26031                                                        │
+│                                                                                                                │
+╰────────────────────────────────────────────────────────────────────────────────────────────────────────────────╯
+
+You can always recheck the health of your project by running:
+npx storybook doctor
+
+Full logs are available in /Users/mehran-ev/Projects/react-jupiter/doctor-storybook.log
+