ci: test npm publishing

.github/workflows/deployment.yml

@@ -30,8 +30,7 @@ jobs:
 
   build-deploy-library-package:
     runs-on: ubuntu-latest
-    needs: release-please
-    if: ${{ github.event_name == 'push' && github.repository == 'DIRACGrid/diracx-web' && needs.release-please.outputs.release_created == 'true' }}
+    if: ${{ github.event_name == 'push' }}
     permissions:
       contents: read
       packages: write
@@ -41,18 +40,16 @@ jobs:
     - uses: actions/setup-node@v4
       with:
         node-version: 'latest'
-        registry-url: 'https://npm.pkg.github.com'
-        # Defaults to the user or organization that owns the workflow file
-        scope: '@diracgrid'
+        registry-url: 'https://registry.npmjs.org'
 
     - name: Install dependencies
       run: npm ci
 
     # Release Please has already incremented versions and published tags, so we just
-    # need to publish all unpublished versions to GitHub here
-    - name: Publish to GitHub Packages
+    # need to publish all unpublished versions to NPM here
+    - name: Publish to NPM
       env:
-        NODE_AUTH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+        NODE_AUTH_TOKEN: ${{secrets.NPM_TOKEN}}
       run: npx lerna publish from-package --no-push --no-private --yes
 
   build-deploy-dev-image:

package.json

@@ -13,9 +13,9 @@
     "dev": "lerna run dev --parallel",
     "test": "lerna run test",
     "build": "lerna run build",
-    "build-lib": "lerna run build --scope @diracgrid/diracx-web-components",
+    "build-lib": "lerna run build --scope @dirac-grid/test-lib",
     "lint": "lerna run lint",
     "ts-lint": "lerna run ts-lint",
-    "pack": "npm pack -w @diracgrid/diracx-web-components"
+    "pack": "npm pack -w @dirac-grid/test-lib"
   }
 }

packages/diracx-web-components/package.json

@@ -1,8 +1,11 @@
 {
-  "name": "@diracgrid/diracx-web-components",
-  "version": "0.1.0-a1",
+  "name": "@dirac-grid/test-lib",
+  "version": "0.1.0-a1-test",
   "repository": "https://github.com/DIRACGrid/diracx-web",
   "description": "Useful components for diracx-web",
+  "publishConfig": {
+    "access": "public"
+  },
   "scripts": {
     "build": "tsup --minify",
     "dev": "tsup --watch",

packages/diracx-web-extension-example/README.md

@@ -81,8 +81,8 @@ To add new apps to your extension, you can create new components in your extensi
 It is then pretty easy to add them to DiracX Web by extending the `applicationList` from `diracx-web-components/components`, and passing the new list to the `ApplicationProvider` from `diracx-web-components/contexts`.
 
 ```tsx
-import { ApplicationProvider } from "@diracgrid/diracx-web-components/contexts";
-import { applicationList } from "@diracgrid/diracx-web-components/components";
+import { ApplicationProvider } from "@dirac-grid/test-lib/contexts";
+import { applicationList } from "@dirac-grid/test-lib/components";
 
 const newApp = {
   name: "New App",

packages/diracx-web-extension-example/package.json

@@ -11,7 +11,7 @@
     "postinstall": "node ./node_modules/@axa-fr/react-oidc/bin/copy-service-worker-files.mjs public"
   },
   "dependencies": {
-    "@diracgrid/diracx-web-components": "file:diracx-web-components-0.1.0.tgz",
+    "@dirac-grid/test-lib": "file:diracx-web-components-0.1.0.tgz",
     "autoprefixer": "10.4.19",
     "next": "14.2.3",
     "react": "^18",

packages/diracx-web-extension-example/src/app/(dashboard)/layout.tsx

@@ -3,15 +3,12 @@ import * as React from "react";
 import CssBaseline from "@mui/material/CssBaseline";
 import { Box } from "@mui/material";
 import { ThemeProvider as MUIThemeProvider } from "@mui/material/styles";
-import {
-  OIDCSecure,
-  Dashboard,
-} from "@diracgrid/diracx-web-components/components";
+import { OIDCSecure, Dashboard } from "@dirac-grid/test-lib/components";
 import {
   ApplicationsProvider,
   NavigationProvider,
-} from "@diracgrid/diracx-web-components/contexts";
-import { useMUITheme } from "@diracgrid/diracx-web-components/hooks";
+} from "@dirac-grid/test-lib/contexts";
+import { useMUITheme } from "@dirac-grid/test-lib/hooks";
 import { usePathname, useRouter, useSearchParams } from "next/navigation";
 import { applicationList } from "@/example-extension/applicationList";
 import { defaultSections } from "@/example-extension/defaultSections";

packages/diracx-web-extension-example/src/app/(dashboard)/page.tsx

@@ -1,8 +1,8 @@
 "use client";
 import React, { useEffect } from "react";
-import { UserDashboard } from "@diracgrid/diracx-web-components/components";
-import { ApplicationsContext } from "@diracgrid/diracx-web-components/contexts";
-import { useSearchParamsUtils } from "@diracgrid/diracx-web-components/hooks";
+import { UserDashboard } from "@dirac-grid/test-lib/components";
+import { ApplicationsContext } from "@dirac-grid/test-lib/contexts";
+import { useSearchParamsUtils } from "@dirac-grid/test-lib/hooks";
 import { applicationList } from "@/example-extension/applicationList";
 
 export default function Page() {

packages/diracx-web-extension-example/src/app/auth/layout.tsx

@@ -1,7 +1,7 @@
 "use client";
 import React from "react";
 import { usePathname, useRouter, useSearchParams } from "next/navigation";
-import { NavigationProvider } from "@diracgrid/diracx-web-components/contexts";
+import { NavigationProvider } from "@dirac-grid/test-lib/contexts";
 
 export default function AuthLayout({
   children,

packages/diracx-web-extension-example/src/app/auth/page.tsx

@@ -1,5 +1,5 @@
 "use client";
-import { LoginForm } from "@diracgrid/diracx-web-components/components";
+import { LoginForm } from "@dirac-grid/test-lib/components";
 
 export default function Page() {
   return <LoginForm />;

packages/diracx-web-extension-example/src/app/layout.tsx

@@ -2,7 +2,7 @@ import { Inter } from "next/font/google";
 import {
   OIDCConfigurationProvider,
   ThemeProvider,
-} from "@diracgrid/diracx-web-components/contexts";
+} from "@dirac-grid/test-lib/contexts";
 
 const inter = Inter({ subsets: ["latin"] });
 

packages/diracx-web-extension-example/src/example-extension/applicationList.ts

@@ -1,5 +1,5 @@
-import { applicationList } from "@diracgrid/diracx-web-components/components";
-import { ApplicationConfig } from "@diracgrid/diracx-web-components/types";
+import { applicationList } from "@dirac-grid/test-lib/components";
+import { ApplicationConfig } from "@dirac-grid/test-lib/types";
 import { BugReport } from "@mui/icons-material";
 import TestApp from "@/example-extension/components/applications/testApp";
 

packages/diracx-web-extension-example/src/example-extension/components/applications/testApp.tsx

@@ -1,8 +1,8 @@
 "use client";
 import * as React from "react";
 import { useOidcAccessToken } from "@axa-fr/react-oidc";
-import { ApplicationHeader } from "@diracgrid/diracx-web-components/components";
-import { useOIDCContext } from "@diracgrid/diracx-web-components/hooks";
+import { ApplicationHeader } from "@dirac-grid/test-lib/components";
+import { useOIDCContext } from "@dirac-grid/test-lib/hooks";
 import { Box } from "@mui/material";
 
 /**

packages/diracx-web/package.json

@@ -13,7 +13,7 @@
   },
   "dependencies": {
     "@axa-fr/react-oidc": "^7.22.6",
-    "@diracgrid/diracx-web-components": "^0.1.0-a1",
+    "@dirac-grid/test-lib": "^0.1.0-a1",
     "@emotion/react": "^11.11.4",
     "@emotion/styled": "^11.11.5",
     "@mui/icons-material": "^5.15.18",

packages/diracx-web/src/app/(dashboard)/layout.tsx

@@ -1,11 +1,8 @@
 "use client";
 import React from "react";
 import { Box } from "@mui/material";
-import { DiracXWebProviders } from "@diracgrid/diracx-web-components/contexts";
-import {
-  OIDCSecure,
-  Dashboard,
-} from "@diracgrid/diracx-web-components/components";
+import { DiracXWebProviders } from "@dirac-grid/test-lib/contexts";
+import { OIDCSecure, Dashboard } from "@dirac-grid/test-lib/components";
 import { usePathname, useRouter, useSearchParams } from "next/navigation";
 
 export default function DashboardLayout({

packages/diracx-web/src/app/(dashboard)/page.tsx

@@ -4,8 +4,8 @@ import { useSearchParams } from "next/navigation";
 import {
   UserDashboard,
   applicationList,
-} from "@diracgrid/diracx-web-components/components";
-import { ApplicationsContext } from "@diracgrid/diracx-web-components/contexts";
+} from "@dirac-grid/test-lib/components";
+import { ApplicationsContext } from "@dirac-grid/test-lib/contexts";
 
 export default function Page() {
   const searchParams = useSearchParams();

packages/diracx-web/src/app/auth/layout.tsx

@@ -1,6 +1,6 @@
 "use client";
 import React from "react";
-import { DiracXWebProviders } from "@diracgrid/diracx-web-components/contexts";
+import { DiracXWebProviders } from "@dirac-grid/test-lib/contexts";
 import { usePathname, useRouter, useSearchParams } from "next/navigation";
 
 export default function AuthLayout({

packages/diracx-web/src/app/auth/page.tsx

@@ -1,5 +1,5 @@
 "use client";
-import { LoginForm } from "@diracgrid/diracx-web-components/components";
+import { LoginForm } from "@dirac-grid/test-lib/components";
 
 export default function Page() {
   return <LoginForm />;