chore: prepares packages for first release

apps/demo-angular/package.json

@@ -21,8 +21,8 @@
     "@angular/router": "^18.0.5",
     "rxjs": "~7.8.1",
     "tslib": "^2.6.3",
-    "ui-stencil": "workspace:*",
-    "ui-stencil-angular": "workspace:*",
+    "@orama/wc-components": "workspace:*",
+    "@orama/angular-components": "workspace:*",
     "zone.js": "~0.14.7"
   },
   "devDependencies": {

apps/demo-angular/src/app/app.module.ts

@@ -1,7 +1,7 @@
 import { NgModule } from '@angular/core'
 import { BrowserModule } from '@angular/platform-browser'
 
-import { ComponentLibraryModule } from 'ui-stencil-angular/dist/component-library'
+import { ComponentLibraryModule } from '@orama/angular-components/dist/component-library'
 
 import { AppRoutingModule } from './app-routing.module'
 import { AppComponent } from './app.component'

apps/demo-react/package.json

@@ -13,7 +13,7 @@
   "dependencies": {
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "ui-stencil-react": "workspace:*"
+    "@orama/react-components": "workspace:*"
   },
   "devDependencies": {
     "@types/react": "^18.3.3",

apps/demo-react/src/App.tsx

@@ -1,5 +1,5 @@
 import './App.css'
-import { defineCustomElements, OramaChatBox } from 'ui-stencil-react'
+import { defineCustomElements, OramaChatBox } from '@orama/react-components'
 
 void defineCustomElements()
 

apps/demo-vue/package.json

@@ -10,7 +10,7 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "ui-stencil-vue": "workspace:*",
+    "@orama/vue-components": "workspace:*",
     "vue": "^3.4.30"
   },
   "devDependencies": {

apps/demo-vue/src/main.ts

@@ -1,6 +1,6 @@
 import { createApp } from 'vue'
 import './style.css'
-import { ComponentLibrary } from 'ui-stencil-vue'
+import { ComponentLibrary } from '@orama/vue-components'
 import App from './App.vue'
 
 createApp(App).use(ComponentLibrary).mount('#app')

apps/storybook/.storybook/preview.ts

@@ -1,5 +1,5 @@
-// import { defineCustomElements } from 'ui-stencil/loader'
-import 'ui-stencil/dist/orama-ui/orama-ui.css'
+// import { defineCustomElements } from '@orama/wc-components/loader'
+import '@orama/wc-components/dist/orama-ui/orama-ui.css'
 import { html } from 'lit-html'
 import { DARK_THEME_BG, LIGTH_THEME_BG } from '../constants'
 

apps/storybook/package.json

@@ -12,7 +12,7 @@
   },
   "dependencies": {
     "@storybook/web-components": "^8.2.3",
-    "ui-stencil": "workspace:*"
+    "@orama/wc-components": "workspace:*"
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^1.6.1",

apps/storybook/stories/internal/orama-button.stories.tsx

@@ -1,5 +1,5 @@
 import type { StoryObj, Meta } from '@storybook/web-components'
-import type { Components } from 'ui-stencil'
+import type { Components } from '@orama/wc-components'
 import { spread } from '@open-wc/lit-helpers'
 import { html } from 'lit-html'
 

apps/storybook/stories/internal/orama-chat-assistent-message.stories.tsx

@@ -1,6 +1,6 @@
 import type { StoryObj, Meta } from '@storybook/web-components'
 import { html } from 'lit-html'
-import type { Components } from 'ui-stencil'
+import type { Components } from '@orama/wc-components'
 
 const meta: Meta<Components.OramaChatAssistentMessage> = {
   title: 'Internal/Chat',

apps/storybook/stories/internal/orama-chat-suggestion.stories.tsx

@@ -1,5 +1,5 @@
 import type { StoryObj, Meta } from '@storybook/web-components'
-import type { Components } from 'ui-stencil'
+import type { Components } from '@orama/wc-components'
 import { fn } from '@storybook/test'
 
 const meta: Meta<Components.OramaChatSuggestions> = {

apps/storybook/stories/internal/orama-chat.stories.tsx

@@ -1,5 +1,5 @@
 import type { StoryObj, Meta } from '@storybook/web-components'
-import type { Components } from 'ui-stencil'
+import type { Components } from '@orama/wc-components'
 
 const meta: Meta<Components.OramaChat> = {
   title: 'Internal/Chat',

apps/storybook/stories/internal/orama-dots-loader.stories.tsx

@@ -1,5 +1,5 @@
 import type { StoryObj, Meta } from '@storybook/web-components'
-import type { Components } from 'ui-stencil'
+import type { Components } from '@orama/wc-components'
 
 const meta: Meta<Components.OramaDotsLoader> = {
   title: 'Internal/DotsLoader',

apps/storybook/stories/internal/orama-facets.stories.tsx

@@ -1,6 +1,6 @@
 // Create a story for the OramaFacets web component
 import type { StoryObj, Meta } from '@storybook/web-components'
-import type { Components } from 'ui-stencil'
+import type { Components } from '@orama/wc-components'
 import { fn } from '@storybook/test'
 
 const meta: Meta<Components.OramaFacets> = {

apps/storybook/stories/internal/orama-input.stories.tsx

@@ -1,7 +1,7 @@
 import type { StoryObj, Meta } from '@storybook/web-components'
 import { html } from 'lit-html'
 
-import type { Components } from 'ui-stencil'
+import type { Components } from '@orama/wc-components'
 const meta: Meta<Components.OramaInput> = {
   title: 'Internal/Form',
   component: 'orama-input',

apps/storybook/stories/internal/orama-navigation-bar.stories.tsx

@@ -1,5 +1,5 @@
 import type { StoryObj, Meta } from '@storybook/web-components'
-import type { Components } from 'ui-stencil'
+import type { Components } from '@orama/wc-components'
 
 const meta: Meta<Components.OramaNavigationBar> = {
   title: 'Internal/NavigationBar',

apps/storybook/stories/internal/orama-search-results.stories.tsx

@@ -1,5 +1,5 @@
 import type { StoryObj, Meta } from '@storybook/html'
-import type { Components } from 'ui-stencil'
+import type { Components } from '@orama/wc-components'
 
 const meta: Meta<Components.OramaSearchResults> = {
   title: 'Internal/SearchResults',

apps/storybook/stories/internal/orama-search.stories.tsx

@@ -1,5 +1,5 @@
 import type { StoryObj, Meta } from '@storybook/web-components'
-import type { Components } from 'ui-stencil'
+import type { Components } from '@orama/wc-components'
 
 const meta: Meta<Components.OramaSearch> = {
   title: 'Internal/Search',

apps/storybook/stories/internal/orama-text.stories.tsx

@@ -1,5 +1,5 @@
 import type { StoryObj, Meta } from '@storybook/web-components'
-import type { Components } from 'ui-stencil'
+import type { Components } from '@orama/wc-components'
 import { spread } from '@open-wc/lit-helpers'
 import { html } from 'lit-html'
 

apps/storybook/stories/internal/orama-textarea.stories.tsx

@@ -1,7 +1,7 @@
 import type { StoryObj, Meta } from '@storybook/web-components'
 import { html } from 'lit-html'
 import { spread } from '@open-wc/lit-helpers'
-import type { Components } from 'ui-stencil'
+import type { Components } from '@orama/wc-components'
 
 const meta: Meta<Components.OramaTextarea> = {
   title: 'Internal/Form',

apps/storybook/stories/internal/orama-toggler.stories.tsx

@@ -1,5 +1,5 @@
 import type { StoryObj, Meta } from '@storybook/web-components'
-import type { Components } from 'ui-stencil'
+import type { Components } from '@orama/wc-components'
 
 const meta: Meta<Components.OramaToggler> = {
   title: 'Internal/Toggle',

apps/storybook/stories/public/orama-chat-box.stories.tsx

@@ -1,5 +1,5 @@
 import type { StoryObj, Meta } from '@storybook/web-components'
-import type { Components } from 'ui-stencil'
+import type { Components } from '@orama/wc-components'
 
 const meta: Meta<Components.OramaChatBox> = {
   title: 'Public/ChatBox',

apps/storybook/stories/public/orama-search-box.stories.tsx

@@ -1,5 +1,5 @@
 import type { StoryObj, Meta } from '@storybook/web-components'
-import type { Components } from 'ui-stencil'
+import type { Components } from '@orama/wc-components'
 type Story = StoryObj<Components.OramaSearchBox>
 
 const meta: Meta<Components.OramaSearchBox> = {

apps/storybook/stories/public/orama-search-button.stories.tsx

@@ -1,5 +1,5 @@
 import type { StoryObj, Meta } from '@storybook/web-components'
-import type { Components } from 'ui-stencil'
+import type { Components } from '@orama/wc-components'
 
 const meta: Meta<Components.OramaSearchButton> = {
   title: 'Public/SearchButton',

package.json

@@ -11,7 +11,8 @@
     "dev:all": "turbo run dev",
     "format": "prettier --write \"**/*.{ts,tsx,md}\"",
     "lint": "turbo run lint",
-    "maintenance": "turbo run maintenance"
+    "maintenance": "turbo run maintenance",
+    "publish:packages": "node scripts/release.mjs"
   },
   "devDependencies": {
     "@biomejs/biome": "^1.8.3",

packages/ui-stencil-angular/package.json

@@ -1,7 +1,8 @@
 {
-  "private": true,
-  "name": "ui-stencil-angular",
-  "version": "0.0.0",
+  "private": false,
+  "name": "@orama/angular-components",
+  "version": "0.0.1",
+  "description": "Angular components for Orama Cloud",
   "scripts": {
     "build": "npx -p @angular/cli ng build component-library",
     "clean": "rm -rf node_modules .turbo",
@@ -21,7 +22,7 @@
     "@angular/router": "^18.0.5",
     "rxjs": "~7.8.1",
     "tslib": "^2.6.3",
-    "ui-stencil": "workspace:*",
+    "@orama/wc-components": "workspace:*",
     "zone.js": "~0.14.7"
   },
   "devDependencies": {

packages/ui-stencil-angular/projects/component-library/package.json

@@ -1,10 +1,10 @@
 {
-  "name": "ui-stencil-angular",
+  "name": "@orama/angular-components",
   "version": "0.0.1",
   "peerDependencies": {
     "@angular/common": "^16.1.0",
     "@angular/core": "^16.1.0",
-    "ui-stencil": "workspace:*"
+    "@orama/wc-components": "workspace:*"
   },
   "dependencies": {
     "tslib": "^2.3.0"

packages/ui-stencil-angular/projects/component-library/src/lib/component-library.module.ts

@@ -1,6 +1,6 @@
 import { NgModule, APP_INITIALIZER } from '@angular/core';
 import { DIRECTIVES } from './stencil-generated';
-import { defineCustomElements } from 'ui-stencil/loader';
+import { defineCustomElements } from '@orama/wc-components/loader';
 
 @NgModule({
   declarations: [...DIRECTIVES],

packages/ui-stencil-react/package.json

@@ -1,7 +1,7 @@
 {
-  "name": "ui-stencil-react",
-  "version": "1.0.0",
-  "description": "",
+  "name": "@orama/react-components",
+  "version": "0.0.1",
+  "description": "React components for Orama Cloud",
   "license": "ISC",
   "author": "",
   "main": "dist/index.js",
@@ -17,7 +17,7 @@
   },
   "types": "dist/types/index.d.ts",
   "dependencies": {
-    "ui-stencil": "workspace:*"
+    "@orama/wc-components": "workspace:*"
   },
   "devDependencies": {
     "@types/node": "^20.14.9",

packages/ui-stencil-react/src/components/stencil-generated/index.ts

@@ -3,7 +3,7 @@
 /* auto-generated react proxies */
 import { createReactComponent } from './react-component-lib';
 
-import type { JSX } from 'ui-stencil';
+import type { JSX } from '@orama/wc-components';
 
 
 

packages/ui-stencil-react/src/index.ts

@@ -1,4 +1,4 @@
 export * from './components/stencil-generated'
-export { defineCustomElements } from 'ui-stencil/loader'
+export { defineCustomElements } from '@orama/wc-components/loader'
 
-import 'ui-stencil/dist/orama-ui/orama-ui.css'
+import '@orama/wc-components/dist/orama-ui/orama-ui.css'

packages/ui-stencil-vue/lib/components.ts

@@ -3,7 +3,7 @@
 /* auto-generated vue proxies */
 import { defineContainer } from './vue-component-lib/utils';
 
-import type { JSX } from 'ui-stencil';
+import type { JSX } from '@orama/wc-components';
 
 
 

packages/ui-stencil-vue/lib/plugin.ts

@@ -1,5 +1,5 @@
 import type { Plugin } from 'vue'
-import { defineCustomElements } from 'ui-stencil/loader'
+import { defineCustomElements } from '@orama/wc-components/loader'
 
 export const ComponentLibrary: Plugin = {
   async install() {
@@ -10,4 +10,4 @@ export const ComponentLibrary: Plugin = {
 export * from './components'
 export * from './plugin'
 
-import 'ui-stencil/dist/orama-ui/orama-ui.css'
+import '@orama/wc-components/dist/orama-ui/orama-ui.css'

packages/ui-stencil-vue/package.json

@@ -1,7 +1,7 @@
 {
-  "name": "ui-stencil-vue",
-  "version": "1.0.0",
-  "description": "",
+  "name": "@orama/vue-components",
+  "version": "0.0.1",
+  "description": "Vue components for Orama Cloud",
   "license": "ISC",
   "author": "",
   "main": "dist/plugin.js",
@@ -13,7 +13,7 @@
   },
   "types": "dist/plugin.d.ts",
   "dependencies": {
-    "ui-stencil": "workspace:*"
+    "@orama/wc-components": "workspace:*"
   },
   "devDependencies": {
     "@types/node": "^20.14.9",

packages/ui-stencil/package.json

@@ -1,7 +1,7 @@
 {
-  "name": "ui-stencil",
+  "name": "@orama/wc-components",
   "version": "0.0.1",
-  "description": "Stencil Component Starter",
+  "description": "UI web components for Orama Cloud",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -61,5 +61,5 @@
   "collection:main": "dist/collection/index.js",
   "es2015": "dist/esm/index.mjs",
   "es2017": "dist/esm/index.mjs",
-  "unpkg": "dist/ui-stencil/ui-stencil.esm.js"
+  "unpkg": "dist/@orama/wc-components/orama-ui.esm.js"
 }

packages/ui-stencil/stencil.config.ts

@@ -11,7 +11,7 @@ import { angularOutputTarget } from '@stencil/angular-output-target'
 import { vueOutputTarget } from '@stencil/vue-output-target'
 
 const namespace = 'orama-ui'
-const componentCorePackage = 'ui-stencil'
+const componentCorePackage = '@orama/wc-components'
 
 export const config: Config = {
   namespace,