@opencloning/ui 1.1.0-test.5 → 1.1.1

package/CHANGELOG.md

@@ -1,13 +1,47 @@
 # @opencloning/ui
 
-## 1.1.0-test.5
+## 1.1.1
+
+### Patch Changes
+
+- [#590](https://github.com/manulera/OpenCloning_frontend/pull/590) [`81bcca3`](https://github.com/manulera/OpenCloning_frontend/commit/81bcca3c4a38e32793dab1cc60862f8ae61b3bb9) Thanks [@manulera](https://github.com/manulera)! - Now it exports a standalone OpenCloning component that can be used without manually setting up React providers, Redux store, or ConfigProvider.
+
+- Updated dependencies []:
+  - @opencloning/store@1.1.1
+  - @opencloning/utils@1.1.1
+
+## 1.1.0
+
+### Minor Changes
+
+- [#570](https://github.com/manulera/OpenCloning_frontend/pull/570) [`83dab1c`](https://github.com/manulera/OpenCloning_frontend/commit/83dab1c2a7cca2b17aa8039b74d15c47e467b2f0) Thanks [@manulera](https://github.com/manulera)! - Switch to using provider for configuration rather than state
+
+- [#570](https://github.com/manulera/OpenCloning_frontend/pull/570) [`83dab1c`](https://github.com/manulera/OpenCloning_frontend/commit/83dab1c2a7cca2b17aa8039b74d15c47e467b2f0) Thanks [@manulera](https://github.com/manulera)! - Handle version display with scripts
+
+### Patch Changes
+
+- [#574](https://github.com/manulera/OpenCloning_frontend/pull/574) [`6df1c20`](https://github.com/manulera/OpenCloning_frontend/commit/6df1c2060d5776a30a00daaedfb0ec2cc685284d) Thanks [@manulera](https://github.com/manulera)! - Last dummy test to check if auto pre-release works
+
+- [#573](https://github.com/manulera/OpenCloning_frontend/pull/573) [`07106ac`](https://github.com/manulera/OpenCloning_frontend/commit/07106ac0c8f9321d0b33994ed086a76eb79739a3) Thanks [@manulera](https://github.com/manulera)! - Dummy change to test that new action works
+
+- [#570](https://github.com/manulera/OpenCloning_frontend/pull/570) [`83dab1c`](https://github.com/manulera/OpenCloning_frontend/commit/83dab1c2a7cca2b17aa8039b74d15c47e467b2f0) Thanks [@manulera](https://github.com/manulera)! - testing a test release to npm
+
+- [#570](https://github.com/manulera/OpenCloning_frontend/pull/570) [`83dab1c`](https://github.com/manulera/OpenCloning_frontend/commit/83dab1c2a7cca2b17aa8039b74d15c47e467b2f0) Thanks [@manulera](https://github.com/manulera)! - Fix imports from mui and icons library, and add husky hook to validate that it does not happen again
+
+- [#570](https://github.com/manulera/OpenCloning_frontend/pull/570) [`83dab1c`](https://github.com/manulera/OpenCloning_frontend/commit/83dab1c2a7cca2b17aa8039b74d15c47e467b2f0) Thanks [@manulera](https://github.com/manulera)! - Releases work on npm now through `YARN_NPM_AUTH_TOKEN=<> yarn changeset publish`, this is enabled by patch, see Readme. This properly handles workspaces (in package.json in each of the packages, `"@opencloning/store": "workspace:*",` is replaced by the actual version).
+
+- Updated dependencies [[`6df1c20`](https://github.com/manulera/OpenCloning_frontend/commit/6df1c2060d5776a30a00daaedfb0ec2cc685284d), [`83dab1c`](https://github.com/manulera/OpenCloning_frontend/commit/83dab1c2a7cca2b17aa8039b74d15c47e467b2f0), [`83dab1c`](https://github.com/manulera/OpenCloning_frontend/commit/83dab1c2a7cca2b17aa8039b74d15c47e467b2f0), [`83dab1c`](https://github.com/manulera/OpenCloning_frontend/commit/83dab1c2a7cca2b17aa8039b74d15c47e467b2f0), [`83dab1c`](https://github.com/manulera/OpenCloning_frontend/commit/83dab1c2a7cca2b17aa8039b74d15c47e467b2f0)]:
+  - @opencloning/store@1.1.0
+  - @opencloning/utils@1.1.0
+
+## 1.1.0-dev.5
 
 ### Patch Changes
 
 - 6df1c20: Last dummy test to check if auto pre-release works
 - Updated dependencies [6df1c20]
-  - @opencloning/store@1.1.0-test.5
-  - @opencloning/utils@1.1.0-test.5
+  - @opencloning/store@1.1.0-dev.5
+  - @opencloning/utils@1.1.0-dev.5
 
 ## 1.1.0-dev.4
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opencloning/ui",
-  "version": "1.1.0-test.5",
+  "version": "1.1.1",
   "type": "module",
   "main": "./src/index.js",
   "scripts": {
@@ -11,7 +11,8 @@
     ".": "./src/index.js",
     "./components": "./src/components/index.js",
     "./providers/ConfigProvider": "./src/providers/index.js",
-    "./hooks/useConfig": "./src/hooks/useConfig.js"
+    "./hooks/useConfig": "./src/hooks/useConfig.js",
+    "./standalone": "./src/StandAloneOpenCloning.js"
   },
   "repository": {
     "type": "git",
@@ -23,8 +24,8 @@
     "@emotion/styled": "^11.14.0",
     "@mui/icons-material": "^5.15.17",
     "@mui/material": "^5.15.17",
-    "@opencloning/store": "1.1.0-test.5",
-    "@opencloning/utils": "1.1.0-test.5",
+    "@opencloning/store": "1.1.1",
+    "@opencloning/utils": "1.1.1",
     "@teselagen/bio-parsers": "^0.4.32",
     "@teselagen/ove": "^0.8.18",
     "@teselagen/range-utils": "^0.3.13",

package/src/StandAloneOpenCloning.js

@@ -0,0 +1,66 @@
+import React from 'react';
+import { createRoot } from 'react-dom/client';
+import { Provider } from 'react-redux';
+import store from '@opencloning/store';
+import { ConfigProvider } from './providers/ConfigProvider';
+import { OpenCloning } from './components';
+// Import styles
+import './index.css';
+
+/**
+ * StandAloneOpenCloning - Mounts the OpenCloning component into a DOM element
+ * 
+ * This function handles all the setup required for OpenCloning:
+ * - Redux Provider with store
+ * - ConfigProvider with config
+ * - React rendering
+ * 
+ * @param {Object} options - Configuration options
+ * @param {Object} options.config - Configuration object for OpenCloning
+ * @param {HTMLElement} options.element - DOM element where to mount the component
+ * @returns {Function} Cleanup function that unmounts the component
+ * 
+ * @example
+ * const container = document.getElementById('opencloning-container');
+ * const cleanup = StandAloneOpenCloning({
+ *   config: { /* config object *\/ },
+ *   element: container
+ * });
+ * 
+ * // Later, to unmount:
+ * cleanup();
+ */
+export function StandAloneOpenCloning({ config, element }) {
+  if (!config) {
+    throw new Error('StandAloneOpenCloning requires a config object');
+  }
+
+  if (!element) {
+    throw new Error('StandAloneOpenCloning requires an element');
+  }
+
+  if (!(element instanceof HTMLElement)) {
+    throw new Error('Element must be an HTMLElement');
+  }
+
+  const container = element;
+
+  // Create React root
+  const root = createRoot(container);
+
+  // Render the component with all providers
+  root.render(
+    React.createElement(Provider, { store },
+      React.createElement(ConfigProvider, { config },
+        React.createElement(OpenCloning)
+      )
+    )
+  );
+
+  // Return cleanup function
+  return () => {
+    root.unmount();
+  };
+}
+
+export default StandAloneOpenCloning;

package/src/index.js

@@ -3,6 +3,8 @@ import './index.css';
 
 // Re-export components
 export * from './components/index.js';
+// Export standalone wrapper
+export { StandAloneOpenCloning } from './StandAloneOpenCloning.js';
 // Export version - replaced at publish time via prepack script
 export { version } from './version.js';
 

package/src/version.js

@@ -1,2 +1,2 @@
 // Version placeholder - replaced at publish time via prepack script
-export const version = "1.1.0-test.5";
+export const version = "1.1.1";