Adding Changeset and change NPM package location

.changeset/README.md

@@ -0,0 +1,8 @@
+# Changesets
+
+Hello and welcome! This folder has been automatically generated by `@changesets/cli`, a build tool that works
+with multi-package repos, or single-package repos to help you version and publish your code. You can
+find the full documentation for it [in our repository](https://github.com/changesets/changesets)
+
+We have a quick list of common questions to get you started engaging with this project in
+[our documentation](https://github.com/changesets/changesets/blob/main/docs/common-questions.md)

.changeset/config.json

@@ -0,0 +1,11 @@
+{
+  "$schema": "https://unpkg.com/@changesets/config@3.1.1/schema.json",
+  "changelog": "@changesets/cli/changelog",
+  "commit": false,
+  "fixed": [],
+  "linked": [],
+  "access": "restricted",
+  "baseBranch": "main",
+  "updateInternalDependencies": "patch",
+  "ignore": []
+}

.github/workflows/release.yml

@@ -0,0 +1,41 @@
+name: Release
+on:
+  push:
+    branches:
+      - main
+    paths:
+      - 'plugins/**'
+  workflow_dispatch:  
+
+# Required for trusted publishing
+permissions:
+  contents: read
+  id-token: write  # Needed for provenance and trusted publishing
+
+concurrency: ${{ github.workflow }}-${{ github.ref }}
+
+jobs:
+  release:
+    name: Release
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout Repo
+        uses: actions/checkout@v3
+
+      - name: Setup Node.js 20.x
+        uses: actions/setup-node@v3
+        with:
+          node-version: 20.x
+          cache: 'yarn'
+          registry-url: 'https://registry.npmjs.org'
+
+      - name: Install Dependencies
+        run: yarn install --frozen-lockfile
+
+      - name: Create Release Pull Request or Publish to npm
+        id: changesets
+        uses: changesets/action@v1
+        with:
+          publish: yarn changeset publish --provenance
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

package.json

@@ -40,7 +40,14 @@
   },
   "resolutions": {
     "@types/react": "^18",
-    "@types/react-dom": "^18"
+    "@types/react-dom": "^18",
+    "@backstage/backend-defaults": "0.13.0",
+    "@backstage/plugin-catalog-backend": "3.1.2",
+    "@backstage/plugin-auth-backend": "0.25.5",
+    "@backstage/plugin-scaffolder-backend": "1.33.0",
+    "@backstage/backend-plugin-api": "1.4.4",
+    "@backstage/config": "1.3.5",
+    "@backstage/cli": "0.34.4"
   },
   "prettier": "@backstage/cli/config/prettier",
   "lint-staged": {
@@ -52,5 +59,8 @@
       "prettier --write"
     ]
   },
-  "packageManager": "yarn@4.6.0"
+  "packageManager": "yarn@4.6.0",
+  "dependencies": {
+    "@changesets/cli": "^2.29.5"
+  }
 }

packages/app/package.json

@@ -40,7 +40,7 @@
     "@backstage/theme": "^0.6.3",
     "@material-ui/core": "^4.12.2",
     "@material-ui/icons": "^4.9.1",
-    "backstage-plugin-stack-overflow-teams": "workspace:*",
+    "@stackoverflow/backstage-plugin-stack-overflow-teams": "workspace:*",
     "react": "^18.0.2",
     "react-dom": "^18.0.2",
     "react-router": "^6.3.0",

packages/app/src/App.tsx

@@ -36,7 +36,7 @@ import { AppRouter, FlatRoutes } from '@backstage/core-app-api';
 import { CatalogGraphPage } from '@backstage/plugin-catalog-graph';
 import { RequirePermission } from '@backstage/plugin-permission-react';
 import { catalogEntityCreatePermission } from '@backstage/plugin-catalog-common/alpha';
-import { StackOverflowTeamsPage } from 'backstage-plugin-stack-overflow-teams';
+import { StackOverflowTeamsPage } from '@stackoverflow/backstage-plugin-stack-overflow-teams';
 
 const app = createApp({
   apis,

packages/app/src/components/Root/Root.tsx

@@ -27,7 +27,7 @@ import MenuIcon from '@material-ui/icons/Menu';
 import SearchIcon from '@material-ui/icons/Search';
 import { MyGroupsSidebarItem } from '@backstage/plugin-org';
 import GroupIcon from '@material-ui/icons/People';
-import { StackOverflowIcon, StackOverflowPostQuestionModal } from 'backstage-plugin-stack-overflow-teams';
+import { StackOverflowIcon, StackOverflowPostQuestionModal } from '@stackoverflow/backstage-plugin-stack-overflow-teams';
 
 const useSidebarLogoStyles = makeStyles({
   root: {

packages/app/src/components/search/SearchPage.tsx

@@ -19,7 +19,7 @@ import { useApi } from '@backstage/core-plugin-api';
 import {
   StackOverflowIcon,
   StackOverflowSearchResultListItem,
-} from 'backstage-plugin-stack-overflow-teams';
+} from '@stackoverflow/backstage-plugin-stack-overflow-teams';
 
 const useStyles = makeStyles((theme: Theme) => ({
   bar: {

packages/backend/package.json

@@ -27,22 +27,22 @@
     "@backstage/plugin-catalog-backend-module-logs": "^0.1.5",
     "@backstage/plugin-catalog-backend-module-scaffolder-entity-model": "^0.2.3",
     "@backstage/plugin-kubernetes-backend": "^0.19.1",
-    "@backstage/plugin-permission-backend": "^0.7.2",
+    "@backstage/plugin-permission-backend": "^0.5.52",
     "@backstage/plugin-permission-backend-module-allow-all-policy": "^0.2.3",
     "@backstage/plugin-permission-common": "^0.8.3",
     "@backstage/plugin-permission-node": "^0.8.6",
     "@backstage/plugin-proxy-backend": "^0.5.9",
-    "@backstage/plugin-scaffolder-backend": "^2.2.0",
+    "@backstage/plugin-scaffolder-backend": "^1.28.0",
     "@backstage/plugin-scaffolder-backend-module-github": "^0.5.4",
     "@backstage/plugin-search-backend": "^1.8.0",
     "@backstage/plugin-search-backend-module-catalog": "^0.2.6",
     "@backstage/plugin-search-backend-module-pg": "^0.5.39",
     "@backstage/plugin-search-backend-module-techdocs": "^0.3.4",
     "@backstage/plugin-search-backend-node": "^1.3.6",
     "@backstage/plugin-techdocs-backend": "^1.11.4",
+    "@stackoverflow/backstage-plugin-stack-overflow-teams-backend": "workspace:*",
+    "@stackoverflow/backstage-stack-overflow-teams-collator": "workspace:*",
     "app": "link:../app",
-    "backstage-plugin-stack-overflow-teams-backend": "workspace:*",
-    "backstage-stack-overflow-teams-collator": "workspace:*",
     "better-sqlite3": "^9.0.0",
     "dotenv": "^16.4.7",
     "node-gyp": "^10.0.0",

packages/backend/src/index.ts

@@ -57,7 +57,7 @@ backend.add(import('@backstage/plugin-kubernetes-backend'));
 
 // StackOverflow
 
-backend.add(import('backstage-plugin-stack-overflow-teams-backend')); // Teams Backend
-backend.add(import('backstage-stack-overflow-teams-collator')); // Optional questions collator
+backend.add(import('@stackoverflow/backstage-plugin-stack-overflow-teams-backend')); // Teams Backend
+backend.add(import('@stackoverflow/backstage-stack-overflow-teams-collator')); // Optional questions collator
 
 backend.start();

plugins/search-backend-module-stack-overflow-teams-collator/CHANGELOG.md

@@ -0,0 +1,7 @@
+# @stackoverflow/backstage-stack-overflow-teams-collator
+
+## 1.4.0
+
+### Minor Changes
+
+- a30ff98: Changeset tracking added + NPM repository is now under Stackoverflow org

plugins/search-backend-module-stack-overflow-teams-collator/README.md

@@ -57,7 +57,7 @@ Add the module package as a dependency:
 
 ```bash
 # From your Backstage root directory
-yarn --cwd packages/backend add backstage-stack-overflow-teams-collator
+yarn --cwd packages/backend add @stackoverflow/backstage-stack-overflow-teams-collator
 ```
 
 Add the collator to your backend instance, along with the search plugin itself:
@@ -69,7 +69,7 @@ import { createBackend } from '@backstage/backend-defaults';
 const backend = createBackend();
 backend.add(import('@backstage/plugin-search-backend'));
 backend.add(
-  import('backstage-stack-overflow-teams-collator'),
+  import('@stackoverflow/backstage-stack-overflow-teams-collator'),
 );
 backend.start();
 ```

plugins/search-backend-module-stack-overflow-teams-collator/package.json

@@ -1,6 +1,6 @@
 {
-  "name": "backstage-stack-overflow-teams-collator",
-  "version": "1.3.2",
+  "name": "@stackoverflow/backstage-stack-overflow-teams-collator",
+  "version": "1.4.0",
   "description": "A module for the search backend that exports stack overflow for teams modules",
   "backstage": {
     "role": "backend-plugin-module",
@@ -34,15 +34,15 @@
     "test": "backstage-cli package test"
   },
   "dependencies": {
-    "@backstage/backend-plugin-api": "latest",
-    "@backstage/config": "latest",
-    "@backstage/plugin-search-backend-node": "latest",
-    "@backstage/plugin-search-common": "latest",
+    "@backstage/backend-plugin-api": "^1.4.4",
+    "@backstage/config": "^1.3.5",
+    "@backstage/plugin-search-backend-node": "^1.3.16",
+    "@backstage/plugin-search-common": "^1.2.20",
     "qs": "^6.9.4"
   },
   "devDependencies": {
-    "@backstage/backend-test-utils": "latest",
-    "@backstage/cli": "latest",
+    "@backstage/backend-test-utils": "^1.9.1",
+    "@backstage/cli": "^0.34.4",
     "msw": "^1.2.1",
     "typescript": "^5.8.2"
   }

plugins/stack-overflow-teams-backend/CHANGELOG.md

@@ -0,0 +1,7 @@
+# @stackoverflow/backstage-plugin-stack-overflow-teams-backend
+
+## 1.5.0
+
+### Minor Changes
+
+- a30ff98: Changeset tracking added + NPM repository is now under Stackoverflow org

plugins/stack-overflow-teams-backend/README.md

@@ -37,10 +37,10 @@ The backend is the only component that directly utilizes the **encrypted Stack O
 
 ## Installation
 
-This plugin is installed via the `backstage-plugin-stack-overflow-teams-backend` package. To install it to your backend package, run the following command:
+This plugin is installed via the `@stackoverflow/backstage-plugin-stack-overflow-teams-backend` package. To install it to your backend package, run the following command:
 
 ```bash
-yarn --cwd packages/backend add backstage-plugin-stack-overflow-teams-backend
+yarn --cwd packages/backend add @stackoverflow/backstage-plugin-stack-overflow-teams-backend
 ```
 
 Then add the plugin to your backend in `packages/backend/src/index.ts`:
@@ -50,7 +50,7 @@ const backend = createBackend();
 
 // ...
 
-backend.add(import('backstage-plugin-stack-overflow-teams-backend'));
+backend.add(import('@stackoverflow/backstage-plugin-stack-overflow-teams-backend'));
 ```
 
 ## Development

plugins/stack-overflow-teams-backend/config.d.ts

@@ -18,7 +18,7 @@ export interface Config {
     /**
      * Configuration options for the stack overflow for teams frontend plugin. 
      * 
-     * This configuration is shared with the backstage-plugin-stack-overflow-teams-backend and backstage-stack-overflow-teams-collator
+     * This configuration is shared with the @stackoverflow/backstage-plugin-stack-overflow-teams-backend and @stackoverflow/backstage-stack-overflow-teams-collator
      */
     stackoverflow?: {
       /**

plugins/stack-overflow-teams-backend/package.json

@@ -1,6 +1,6 @@
 {
-  "name": "backstage-plugin-stack-overflow-teams-backend",
-  "version": "1.4.0",
+  "name": "@stackoverflow/backstage-plugin-stack-overflow-teams-backend",
+  "version": "1.5.0",
   "main": "src/index.ts",
   "types": "src/index.ts",
   "license": "Apache-2.0",
@@ -11,8 +11,8 @@
     "role": "backend-plugin",
     "pluginId": "stack-overflow-teams",
     "pluginPackages": [
-      "backstage-plugin-stack-overflow-teams",
-      "backstage-plugin-stack-overflow-teams-backend"
+      "@stackoverflow/backstage-plugin-stack-overflow-teams",
+      "@stackoverflow/backstage-plugin-stack-overflow-teams-backend"
     ]
   },
   "repository": {

plugins/stack-overflow-teams/CHANGELOG.md

@@ -0,0 +1,7 @@
+# @stackoverflow/backstage-plugin-stack-overflow-teams
+
+## 1.5.0
+
+### Minor Changes
+
+- a30ff98: Changeset tracking added + NPM repository is now under Stackoverflow org

plugins/stack-overflow-teams/README.md

@@ -8,7 +8,7 @@ It provides the UI and interacts with the [backend service](https://github.com/E
 
 ### Backend Dependency
 
-To fully utilize this plugin, you must also install and configure the corresponding **backend package** (`backstage-plugin-stack-overflow-teams-backend`) in your Backstage backend. The frontend plugin relies on the backend for API communication and authentication handling.
+To fully utilize this plugin, you must also install and configure the corresponding **backend package** (`@stackoverflow/backstage-plugin-stack-overflow-teams-backend`) in your Backstage backend. The frontend plugin relies on the backend for API communication and authentication handling.
 
 ## More details
 

plugins/stack-overflow-teams/config.d.ts

@@ -18,7 +18,7 @@ export interface Config {
     /**
      * Configuration options for the stack overflow for teams frontend plugin. 
      * 
-     * This configuration is shared with the backstage-plugin-stack-overflow-teams-backend and backstage-stack-overflow-teams-collator
+     * This configuration is shared with the @stackoverflow/backstage-plugin-stack-overflow-teams-backend and @stackoverflow/backstage-stack-overflow-teams-collator
      */
     stackoverflow?: {
       /**

plugins/stack-overflow-teams/package.json

@@ -1,6 +1,6 @@
 {
-  "name": "backstage-plugin-stack-overflow-teams",
-  "version": "1.4.0",
+  "name": "@stackoverflow/backstage-plugin-stack-overflow-teams",
+  "version": "1.5.0",
   "main": "src/index.ts",
   "types": "src/index.ts",
   "license": "Apache-2.0",
@@ -13,8 +13,8 @@
     "role": "frontend-plugin",
     "pluginId": "stack-overflow-teams",
     "pluginPackages": [
-      "backstage-plugin-stack-overflow-teams",
-      "backstage-plugin-stack-overflow-teams-backend"
+      "@stackoverflow/backstage-plugin-stack-overflow-teams",
+      "@stackoverflow/backstage-plugin-stack-overflow-teams-backend"
     ]
   },
   "repository": {