chore: modify package name from @ngneat/query to @openng/query

Author: dominicbachmann

.github/workflows/ci.yml

@@ -0,0 +1,41 @@
+name: '@openng/query'
+
+on:
+  push:
+    branches:
+      - main
+  pull_request:
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+
+    steps:
+      - uses: actions/checkout@v4
+      - name: Cache node modules
+        uses: actions/cache@v4
+        env:
+          cache-name: cache-node-modules
+        with:
+          path: ~/.npm
+          key: ${{ runner.os }}-build-${{ env.cache-name }}-${{ hashFiles('**/package-lock.json') }}
+          restore-keys: |
+            ${{ runner.os }}-build-${{ env.cache-name }}-
+            ${{ runner.os }}-build-
+            ${{ runner.os }}-
+      - uses: actions/setup-node@v4
+        with:
+          node-version: '22'
+          cache: 'npm'
+
+      - name: Install dependencies
+        run: npm i
+
+      - name: Run Lint
+        run: npm run lint:all
+
+      - name: Run Build
+        run: npm run build:all
+
+      - name: Run tests
+        run: npm run test:all

.github/workflows/gh-pages.yml

@@ -0,0 +1,38 @@
+name: Deploy playground to GitHub pages
+on:
+  push:
+    branches:
+      - main
+  workflow_dispatch:
+permissions:
+  contents: read
+  pages: write
+  id-token: write
+jobs:
+  deploy:
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+      - uses: actions/setup-node@v3
+        with:
+          node-version: 18
+          cache: 'npm'
+      - name: Install and Build
+        run: |
+          npm i 
+          npx nx build query-playground -- --base-href /query/
+      - name: Duplicated index.html
+        run: |
+          cp dist/query-playground/index.html dist/query-playground/404.html
+      - name: Setup Pages
+        uses: actions/configure-pages@v2
+      - name: Upload artifact
+        uses: actions/upload-pages-artifact@v1
+        with:
+          path: './dist/query-playground'
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v1

README.md

@@ -25,7 +25,7 @@ Get rid of granular state management, manual refetching, and async spaghetti cod
 
 <hr />
 
-[![@ngneat/query](https://github.com/ngneat/query/actions/workflows/ci.yml/badge.svg?branch=main)](https://github.com/ngneat/query/actions/workflows/ci.yml)
+[![@openng/query](https://github.com/openng-foundation/query/actions/workflows/ci.yml/badge.svg?branch=main)](https://github.com/openng/query/actions/workflows/ci.yml)
 [![commitizen](https://img.shields.io/badge/commitizen-friendly-brightgreen.svg?style=flat-square)]()
 [![PRs](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)]()
 [![coc-badge](https://img.shields.io/badge/codeof-conduct-ff69b4.svg?style=flat-square)]()
@@ -39,7 +39,7 @@ Discover the innovative approach TanStack Query takes to state management, setti
 ## Installation
 
 ```
-npm i @ngneat/query
+npm i @openng/query
 ```
 
 [Stackblitz Example](https://stackblitz.com/edit/stackblitz-starters-bsrgez?file=src%2Fmain.ts)
@@ -52,7 +52,7 @@ Inject the `QueryClient` [instance](https://tanstack.com/query/v5/docs/reference
 function.
 
 ```ts
-import { injectQueryClient } from '@ngneat/query';
+import { injectQueryClient } from '@openng/query';
 
 @Injectable({ providedIn: 'root' })
 export class TodosService {
@@ -63,7 +63,7 @@ export class TodosService {
 or provide `QueryClient` [instance](https://tanstack.com/query/v5/docs/reference/QueryClient) manually
 
 ```ts
-import { provideQueryClient } from '@ngneat/query';
+import { provideQueryClient } from '@openng/query';
 import { QueryClient } from '@tanstack/query-core';
 
 provideQueryClient(() => new QueryClient());
@@ -72,7 +72,7 @@ provideQueryClient(() => new QueryClient());
 and then use with
 
 ```ts
-import { injectQueryClient } from '@ngneat/query';
+import { injectQueryClient } from '@openng/query';
 
   ...
   #queryClient = injectQueryClient();
@@ -85,7 +85,7 @@ import { injectQueryClient } from '@ngneat/query';
 Use the `injectQuery` function. Using this function is similar to the [official](https://tanstack.com/query/v5/docs/guides/queries) function.
 
 ```ts
-import { injectQuery } from '@ngneat/query';
+import { injectQuery } from '@openng/query';
 
 @Injectable({ providedIn: 'root' })
 export class TodosService {
@@ -108,7 +108,7 @@ export class TodosService {
 > The function should run inside an injection context
 
 For methods that require a `queryFn` parameter like
-`ensureQueryData`, `fetchQuery`, `prefetchQuery`, `fetchInfiniteQuery` and `prefetchInfiniteQuery` it's possible to use both Promises and Observables. See an example [here](https://github.com/ngneat/query/blob/main/src/app/prefetch-page/resolve.ts#L9).
+`ensureQueryData`, `fetchQuery`, `prefetchQuery`, `fetchInfiniteQuery` and `prefetchInfiniteQuery` it's possible to use both Promises and Observables. See an example [here](https://github.com/openng/query/blob/main/src/app/prefetch-page/resolve.ts#L9).
 
 #### Component Usage - Observable
 
@@ -165,7 +165,7 @@ export class TodosPageComponent {
 If you inline query options into `query`, you'll get automatic type inference. However, you might want to extract the query options into a separate function to share them between `query` and e.g. `prefetchQuery`. In that case, you'd lose type inference. To get it back, you can use `queryOptions` helper:
 
 ```ts
-import { queryOptions } from '@ngneat/query';
+import { queryOptions } from '@openng/query';
 
 function groupOptions() {
   return queryOptions({
@@ -203,7 +203,7 @@ export class GroupsService {
 Use the `injectInfiniteQuery` function. Using this function is similar to the [official](https://tanstack.com/query/v5/docs/guides/infinite-queries) function.
 
 ```ts
-import { injectInfiniteQuery } from '@ngneat/query';
+import { injectInfiniteQuery } from '@openng/query';
 
 @Injectable({ providedIn: 'root' })
 export class PostsService {
@@ -228,7 +228,7 @@ export class PostsService {
 Unlike queries, mutations are typically used to create/update/delete data or perform server side-effects. For this purpose, The library exports the `injectMutation`` function.
 
 ```ts
-import { injectMutation } from '@ngneat/query';
+import { injectMutation } from '@openng/query';
 
 @Injectable({ providedIn: 'root' })
 export class TodosService {
@@ -310,14 +310,14 @@ export class TodosComponent {
 }
 ```
 
-A more in depth [example](https://github.com/ngneat/query/blob/next/src/app/mutation-page/) can be found on our playground.
+A more in depth [example](https://github.com/openng/query/blob/next/src/app/mutation-page/) can be found on our playground.
 
 ## Query Global Options
 
 You can inject a default config for the underlying `@tanstack/query` instance by using the `provideQueryClientOptions({})` function.
 
 ```ts
-import { provideQueryClientOptions } from '@ngneat/query';
+import { provideQueryClientOptions } from '@openng/query';
 
 bootstrapApplication(AppComponent, {
   providers: [
@@ -335,7 +335,7 @@ bootstrapApplication(AppComponent, {
 It accept also a function factory if you need an injection context while creating the configuration.
 
 ```ts
-import { provideQueryClientOptions } from '@ngneat/query';
+import { provideQueryClientOptions } from '@openng/query';
 
 const withFunctionalFactory: QueryClientConfigFn = () => {
   const notificationService = inject(NotificationService);
@@ -367,7 +367,7 @@ It will return a new base query result that will merge the results of all the qu
 > **Note:** The data will only be mapped if the result is **successful** and otherwise just returned as is on **any other** state.
 
 ```ts
-import { intersectResults } from '@ngneat/query';
+import { intersectResults } from '@openng/query';
 
 @Component({
   standalone: true,
@@ -506,7 +506,7 @@ const query = combineLatest([todos.result$, posts.result$]).pipe(
 - `createSuccessObserverResult` - Create success observer result:
 
 ```
-import { createSyncObserverResult } from '@ngneat/query';
+import { createSyncObserverResult } from '@openng/query';
 
 result = of(createSuccessObserverResult(data))
 ```
@@ -558,7 +558,7 @@ export class UsersPageComponent {
 ### Observable Example
 
 ```ts
-import { injectIsFetching } from '@ngneat/query';
+import { injectIsFetching } from '@openng/query';
 
 class TodoComponent {
   #isFetching = injectIsFetching();
@@ -574,7 +574,7 @@ class TodoComponent {
 ### Signal Example
 
 ```ts
-import { injectIsFetching } from '@ngneat/query';
+import { injectIsFetching } from '@openng/query';
 
 class TodoComponent {
   #isFetching = injectIsFetching();
@@ -596,7 +596,7 @@ class TodoComponent {
 ### Observable Example
 
 ```ts
-import { injectIsMutating } from '@ngneat/query';
+import { injectIsMutating } from '@openng/query';
 
 class TodoComponent {
   #isMutating = injectIsMutating();
@@ -612,7 +612,7 @@ class TodoComponent {
 ### Signal Example
 
 ```ts
-import { injectIsMutating } from '@ngneat/query';
+import { injectIsMutating } from '@openng/query';
 
 class TodoComponent {
   #isMutating = injectIsMutating();
@@ -652,7 +652,7 @@ export function provideQueryConfig(config: {
 ### Mock Example
 
 ```ts
-import { provideQueryConfig } from '@ngneat/query';
+import { provideQueryConfig } from '@openng/query';
 
 const queryMock = {
   use: () => ({
@@ -671,10 +671,10 @@ query({ ... }).result() // you can call query from your custom query mock
 
 ## Devtools
 
-Install the `@ngneat/query-devtools` package. Lazy load and use it only in `development` environment:
+Install the `@openng/query-devtools` package. Lazy load and use it only in `development` environment:
 
 ```ts
-import { provideQueryDevTools } from '@ngneat/query-devtools';
+import { provideQueryDevTools } from '@openng/query-devtools';
 import { environment } from 'src/environments/environment';
 
 bootstrapApplication(AppComponent, {
@@ -689,7 +689,7 @@ See all the avilable options [here](https://tanstack.com/query/v5/docs/react/dev
 On the Server:
 
 ```ts
-import { provideQueryClient } from '@ngneat/query';
+import { provideQueryClient } from '@openng/query';
 import { QueryClient, dehydrate } from '@tanstack/query-core';
 import { renderApplication } from '@angular/platform-server';
 
@@ -715,7 +715,7 @@ Client:
 ```ts
 import { importProvidersFrom } from '@angular/core';
 import { bootstrapApplication, BrowserModule } from '@angular/platform-browser';
-import { provideQueryClient } from '@ngneat/query';
+import { provideQueryClient } from '@openng/query';
 import { QueryClient, hydrate } from '@tanstack/query-core';
 
 const queryClient = new QueryClient();
@@ -737,7 +737,7 @@ bootstrapApplication(AppComponent, {
 The `queryFn` run inside an injection context so we can do the following if we want:
 
 ```ts
-import { injectQuery } from '@ngneat/query';
+import { injectQuery } from '@openng/query';
 
 export function getTodos() {
   const query = injectQuery();
@@ -787,4 +787,4 @@ export function getTodos({ injector }: { injector: Injector }) {
     </tr>
 </table>
 
-Thank goes to all these wonderful [people who contributed](https://github.com/ngneat/query/graphs/contributors) ❤️
+Thank goes to all these wonderful [people who contributed](https://github.com/openng/query/graphs/contributors) ❤️

devtools/README.md

@@ -1,13 +1,13 @@
-# ngneat/query-devtools
+# openng/query-devtools
 
 Wave your hands in the air and shout hooray because Angular Query comes with dedicated devtools! 🥳
 
 When you begin your Angular Query journey, you'll want these devtools by your side. They help visualize all of the inner workings of Angular Query and will likely save you hours of debugging if you find yourself in a pinch!
 
-Install the `@ngneat/query-devtools` package. Lazy load and use it only in `development` environment:
+Install the `@openng/query-devtools` package. Lazy load and use it only in `development` environment:
 
 ```ts
-import { provideQueryDevTools } from '@ngneat/query';
+import { provideQueryDevTools } from '@openng/query';
 import { environment } from 'src/environments/environment';
 
 bootstrapApplication(AppComponent, {
@@ -26,7 +26,7 @@ If you would like to lazy-load devtools in production, you can use something sim
 ```ts
 import { onlineManager } from '@tanstack/query-core';
 import { APP_INITIALIZER } from '@angular/core';
-import { injectQueryClient } from '@ngneat/query';
+import { injectQueryClient } from '@openng/query';
 
 export const appConfig: ApplicationConfig = {
   providers: [
@@ -49,7 +49,7 @@ function provideLazyQueryDevTools() {
       import('@tanstack/query-devtools').then((d) => {
         new d.TanstackQueryDevtools({
           client,
-          queryFlavor: '@ngneat/query',
+          queryFlavor: '@openng/query',
           version: '5',
           position: 'bottom',
           initialIsOpen: true,

devtools/package.json

@@ -1,13 +1,13 @@
 {
-  "name": "@ngneat/query-devtools",
+  "name": "@openng/query-devtools",
   "version": "2.1.1",
-  "description": "Developer tools to interact with and visualize the ngneat/query cache",
+  "description": "Developer tools to interact with and visualize the openng/query cache",
   "license": "MIT",
-  "repository": "ngneat/query",
-  "homepage": "https://github.com/ngneat",
+  "repository": "openng-foundation/query",
+  "homepage": "https://github.com/openng-foundation",
   "funding": {
     "type": "github",
-    "url": "https://github.com/sponsors/ngneat"
+    "url": "https://github.com/sponsors/openng-foundation"
   },
   "peerDependencies": {
     "@angular/core": ">=16.0.0 <=21.x.x",

devtools/src/index.ts

@@ -5,7 +5,7 @@ import {
   makeEnvironmentProviders,
 } from '@angular/core';
 import { TanstackQueryDevtoolsConfig } from '@tanstack/query-devtools';
-import { injectQueryClient } from '@ngneat/query';
+import { injectQueryClient } from '@openng/query';
 
 export function provideQueryDevTools(
   devToolOptions: Partial<Omit<TanstackQueryDevtoolsConfig, 'client'>> = {},

devtools/src/lib/devtools/devtools.ts

@@ -11,7 +11,7 @@ import {
 export function queryDevtools({
   queryClient,
   destroyRef,
-  queryFlavor = '@ngneat/query',
+  queryFlavor = '@openng/query',
   version = '5',
   onlineManager = QueryCoreOnlineManager,
   initialIsOpen = false,

query/package.json

@@ -1,13 +1,13 @@
 {
-  "name": "@ngneat/query",
+  "name": "@openng/query",
   "version": "3.4.0",
   "description": "Primitives for managing, caching and syncing asynchronous and remote data in Angular",
   "license": "MIT",
-  "repository": "ngneat/query",
-  "homepage": "https://github.com/ngneat",
+  "repository": "openng-foundation/query",
+  "homepage": "https://github.com/openng-foundation",
   "funding": {
     "type": "github",
-    "url": "https://github.com/sponsors/ngneat"
+    "url": "https://github.com/sponsors/openng-foundation"
   },
   "peerDependencies": {
     "@tanstack/query-core": "^5.99.0",