Decouple the widget/react/vue package.

.yarnrc.yml

@@ -2,6 +2,12 @@ nmHoistingLimits: workspaces
 
 nodeLinker: node-modules
 
+supportedArchitectures:
+  os:
+    - darwin
+  cpu:
+    - arm64
+
 plugins:
   - path: .yarn/plugins/@yarnpkg/plugin-workspace-tools.cjs
     spec: "@yarnpkg/plugin-workspace-tools"

README.md

@@ -1,7 +1,7 @@
 <p align="center"><img src="https://static.userback.io/image/logo_full.svg" alt="Logo" height="32px" /></p>
 
 # Userback Widgets
-:package: A Monolithic repository for [Userback.io](https://www.userback.io) npm packages
+A JavaScript widget package for integrating [Userback.io](https://www.userback.io) npm packages
 
 <p>
 <img alt="version" src="https://img.shields.io/github/package-json/v/userback/widget-js" />
@@ -10,11 +10,15 @@
 <img alt="license" src="https://img.shields.io/github/license/userback/widget-js" />
 </p>
 
-## Packages
-- [@userback/widget](widget-js/)
-- [@userback/react](widget-react/)
-- [@userback/vue](widget-vue/)
-- [@userback/vue2](widget-vue2/)
+## Package
+This repository contains the core package:
+- @userback/widget – A lightweight JavaScript widget for collecting user feedback via [Userback.io](https://www.userback.io).
+
+It also includes example integrations for popular frameworks like **React**, **Vue**, and **Vanilla JS** to help you quickly get started in your own project.
+
+## Getting Started
+
+To get started with installation and usage instructions, visit the [@userback/widget package on npm](https://github.com/userback/widget-js/tree/develop/widget-js).
 
 ## Developing and running examples
 After cloning the repo, you can install all dependencies and build the widgets with:

docs/assets/highlight.css

@@ -5,28 +5,6 @@
     --dark-hl-1: #D4D4D4;
     --light-hl-2: #A31515;
     --dark-hl-2: #CE9178;
-    --light-hl-3: #AF00DB;
-    --dark-hl-3: #C586C0;
-    --light-hl-4: #795E26;
-    --dark-hl-4: #DCDCAA;
-    --light-hl-5: #800000;
-    --dark-hl-5: #808080;
-    --light-hl-6: #267F99;
-    --dark-hl-6: #4EC9B0;
-    --light-hl-7: #E50000;
-    --dark-hl-7: #9CDCFE;
-    --light-hl-8: #008000;
-    --dark-hl-8: #6A9955;
-    --light-hl-9: #0000FF;
-    --dark-hl-9: #569CD6;
-    --light-hl-10: #0070C1;
-    --dark-hl-10: #4FC1FF;
-    --light-hl-11: #000000FF;
-    --dark-hl-11: #D4D4D4;
-    --light-hl-12: #800000;
-    --dark-hl-12: #569CD6;
-    --light-hl-13: #0000FF;
-    --dark-hl-13: #CE9178;
     --light-code-background: #FFFFFF;
     --dark-code-background: #1E1E1E;
 }
@@ -35,86 +13,31 @@
     --hl-0: var(--light-hl-0);
     --hl-1: var(--light-hl-1);
     --hl-2: var(--light-hl-2);
-    --hl-3: var(--light-hl-3);
-    --hl-4: var(--light-hl-4);
-    --hl-5: var(--light-hl-5);
-    --hl-6: var(--light-hl-6);
-    --hl-7: var(--light-hl-7);
-    --hl-8: var(--light-hl-8);
-    --hl-9: var(--light-hl-9);
-    --hl-10: var(--light-hl-10);
-    --hl-11: var(--light-hl-11);
-    --hl-12: var(--light-hl-12);
-    --hl-13: var(--light-hl-13);
     --code-background: var(--light-code-background);
 } }
 
 @media (prefers-color-scheme: dark) { :root {
     --hl-0: var(--dark-hl-0);
     --hl-1: var(--dark-hl-1);
     --hl-2: var(--dark-hl-2);
-    --hl-3: var(--dark-hl-3);
-    --hl-4: var(--dark-hl-4);
-    --hl-5: var(--dark-hl-5);
-    --hl-6: var(--dark-hl-6);
-    --hl-7: var(--dark-hl-7);
-    --hl-8: var(--dark-hl-8);
-    --hl-9: var(--dark-hl-9);
-    --hl-10: var(--dark-hl-10);
-    --hl-11: var(--dark-hl-11);
-    --hl-12: var(--dark-hl-12);
-    --hl-13: var(--dark-hl-13);
     --code-background: var(--dark-code-background);
 } }
 
 :root[data-theme='light'] {
     --hl-0: var(--light-hl-0);
     --hl-1: var(--light-hl-1);
     --hl-2: var(--light-hl-2);
-    --hl-3: var(--light-hl-3);
-    --hl-4: var(--light-hl-4);
-    --hl-5: var(--light-hl-5);
-    --hl-6: var(--light-hl-6);
-    --hl-7: var(--light-hl-7);
-    --hl-8: var(--light-hl-8);
-    --hl-9: var(--light-hl-9);
-    --hl-10: var(--light-hl-10);
-    --hl-11: var(--light-hl-11);
-    --hl-12: var(--light-hl-12);
-    --hl-13: var(--light-hl-13);
     --code-background: var(--light-code-background);
 }
 
 :root[data-theme='dark'] {
     --hl-0: var(--dark-hl-0);
     --hl-1: var(--dark-hl-1);
     --hl-2: var(--dark-hl-2);
-    --hl-3: var(--dark-hl-3);
-    --hl-4: var(--dark-hl-4);
-    --hl-5: var(--dark-hl-5);
-    --hl-6: var(--dark-hl-6);
-    --hl-7: var(--dark-hl-7);
-    --hl-8: var(--dark-hl-8);
-    --hl-9: var(--dark-hl-9);
-    --hl-10: var(--dark-hl-10);
-    --hl-11: var(--dark-hl-11);
-    --hl-12: var(--dark-hl-12);
-    --hl-13: var(--dark-hl-13);
     --code-background: var(--dark-code-background);
 }
 
 .hl-0 { color: var(--hl-0); }
 .hl-1 { color: var(--hl-1); }
 .hl-2 { color: var(--hl-2); }
-.hl-3 { color: var(--hl-3); }
-.hl-4 { color: var(--hl-4); }
-.hl-5 { color: var(--hl-5); }
-.hl-6 { color: var(--hl-6); }
-.hl-7 { color: var(--hl-7); }
-.hl-8 { color: var(--hl-8); }
-.hl-9 { color: var(--hl-9); }
-.hl-10 { color: var(--hl-10); }
-.hl-11 { color: var(--hl-11); }
-.hl-12 { color: var(--hl-12); }
-.hl-13 { color: var(--hl-13); }
 pre, code { background: var(--code-background); }