A functional example implementing this library?

[mohammedfaragallah]

A functional example implementing this library?

[MohammedFaragallah]

hello, @cantoute if you follow docs everything should work the same but for some reason, its a very frustrating experience to make everything work the first time here is an example.

you should create a new auth management service

authmanagement.service.ts

import { ServiceAddons } from "@feathersjs/feathers";
import authManagement, {
  AuthManagementService
} from "feathers-authentication-management-ts";

import { Application } from "../../declarations";
import hooks from "./authmanagement.hooks";
import { notifier } from "./notifier";

// Add this service to the service type index
declare module "../../declarations" {
  interface ServiceTypes {
    authManagement: AuthManagementService & ServiceAddons<any>;
  }
}

export default function(app: Application) {
  app.configure(
    authManagement({
      skipIsVerifiedCheck: true,
      notifier: notifier(app)
    })
  );

  const service = app.service("authManagement");

  service.hooks(hooks);
}

authmanagement.hooks.ts

import * as authentication from "@feathersjs/authentication";
import { iff } from "feathers-hooks-common";
// Don't remove this comment. It's needed to format import lines nicely.

const { authenticate } = authentication.hooks;

const isAction = (...params: any): any => {
  const args = Array.from(params);
  return (hook: any) => args.includes(hook.data.action);
};

export default {
  before: {
    all: [],
    find: [],
    get: [],
    create: [
      iff(isAction("passwordChange", "identityChange"), authenticate("jwt"))
    ],
    update: [],
    patch: [],
    remove: []
  },

  after: {
    all: [],
    find: [],
    get: [],
    create: [],
    update: [],
    patch: [],
    remove: []
  },

  error: {
    all: [],
    find: [],
    get: [],
    create: [],
    update: [],
    patch: [],
    remove: []
  }
};

notifier should be of type notifier example

(app: FeathersApplication) =>  (type: AuthManagementTypes, user: any) => Promise<any>

add auth management hooks to your users service

users.hooks.ts

import * as feathersAuthentication from "@feathersjs/authentication";
import * as local from "@feathersjs/authentication-local";
import { hooks } from "feathers-authentication-management-ts";
import { iff, isProvider, preventChanges } from "feathers-hooks-common";
// Don't remove this comment. It's needed to format import lines nicely.

const { authenticate } = feathersAuthentication.hooks;
const { hashPassword, protect } = local.hooks;

export default {
  before: {
    all: [],
    find: [],
    get: [],
    create: [hashPassword("password"), hooks.addVerification()],
    update: [hashPassword("password"), authenticate("jwt")],
    patch: [
      iff(
        isProvider("external"),
        preventChanges(
          true,
          "isVerified",
          "verifyToken",
          "verifyShortToken",
          "verifyExpires",
          "verifyChanges",
          "resetToken",
          "resetShortToken",
          "resetExpires"
        ),
        hashPassword("password"),
        authenticate("jwt")
      )
    ],
    remove: [authenticate("jwt")]
  },

  after: {
    all: [
      // Make sure the password field is never sent to the client
      // Always must be the last hook
      protect("password")
    ],
    find: [],
    get: [],
    create: [hooks.removeVerification()],
    update: [],
    patch: [],
    remove: []
  },

  error: {
    all: [],
    find: [],
    get: [],
    create: [],
    update: [],
    patch: [],
    remove: []
  }
};

I hope this helps please let me know if you face any more issues.

[meditatingdragon]

I was trying the ts branch earlier today and ran into some issues with running just on the ts library. I thought everything was working fine until I removed the original library and ran into some callback function issues. I reverted back to the original feathers-authentication-management library to focus on getting something done and released, but can revisit later. Would also like to port this library over to TS as I'm building out my project in TS.

@cantoute I've open-sourced a frontend and backend implementation you may find useful: https://github.com/meditatingdragon/quasar-feathersjs-user-management/

I've been using the same frontend to test the typescript backend.

[cantoute]

hi,

I took the initiative to start building a usable exemple.

here is how far I got: https://github.com/cantoute/feathers-authentication-management-ts-example/blob/example/step-by-step/stepByStep.md

feel free to comment, add issues etc...

[MohammedFaragallah]

excellent, so everything is working for you now?

[cantoute]

I haven't tested anything yet.
I tried improve where I could but some many details missing...
You think you could improve things there?

[cantoute]

Going to look at that 👍 thanks so much

On my exemple I'm missing dealing with the verify link
So far I've tested user creation and email is sent :)

Finally I rolled back on this

One change I made is that notifier.ts returns just the notifier function (not wrapped with {service: 'users', notifier: ...}

I thought it made more sens for in auth-management.service.ts

  app.configure(
    authManagement({
      skipIsVerifiedCheck: true,
      service: 'users',
      notifier: notifier(app),
    })
  );

does it make sens ?
or am I missing out something?