Kelas impor dalam file definisi (* d.ts)

Saya ingin memperluas pengetikan Sesi Ekspres untuk memungkinkan penggunaan data khusus saya dalam penyimpanan sesi. Saya memiliki objek req.session.useryang merupakan turunan dari kelas saya User:

export class User {
    public login: string;
    public hashedPassword: string;

    constructor(login?: string, password?: string) {
        this.login = login || "" ;
        this.hashedPassword = password ? UserHelper.hashPassword(password) : "";
    }
}

Jadi saya membuat own.d.tsfile saya untuk menggabungkan definisi dengan jenis sesi ekspres yang ada:

import { User } from "./models/user";

declare module Express {
    export interface Session {
        user: User;
    }
}

Tapi itu tidak berfungsi sama sekali - VS Code dan tsc tidak melihatnya. Jadi saya membuat definisi tes dengan tipe sederhana:

declare module Express {
    export interface Session {
        test: string;
    }
}

Dan bidang uji bekerja dengan baik, jadi impor menyebabkan masalah.

Saya juga mencoba menambahkan /// <reference path='models/user.ts'/>sebagai gantinya impor tetapi tsc tidak melihat kelas Pengguna - bagaimana saya dapat menggunakan kelas saya sendiri di file * d.ts?

EDIT: Saya mengatur tsc untuk menghasilkan file definisi pada kompilasi dan sekarang saya memiliki user.d.ts saya:

export declare class User {
    login: string;
    hashedPassword: string;
    constructor();
    constructor(login: string, password: string);
}

Dan file pengetikan sendiri untuk memperluas Express Sesion:

import { User } from "./models/user";
declare module Express {
    export interface Session {
        user: User;
        uuid: string;
    }
}

Tapi masih tidak berfungsi saat pernyataan impor di atas. Ada ide?

Setelah dua tahun pengembangan TypeScript, saya akhirnya berhasil memecahkan masalah ini.

Pada dasarnya, TypeScript memiliki dua jenis deklarasi tipe modul: "local" (modul normal) dan ambient (global). Jenis kedua memungkinkan untuk menulis deklarasi modul global yang digabungkan dengan deklarasi modul yang ada. Apa perbedaan antara file-file ini?

d.tsfile diperlakukan sebagai deklarasi modul ambient hanya jika tidak memiliki impor. Jika Anda menyediakan baris import, sekarang diperlakukan sebagai file modul normal, bukan yang global, jadi definisi modul tambahan tidak berfungsi.

Jadi itulah mengapa semua solusi yang kita diskusikan di sini tidak berfungsi. Tapi untungnya, sejak TS 2.9 kami dapat mengimpor tipe ke deklarasi modul global menggunakan import()sintaks:

declare namespace Express {
  interface Request {
    user: import("./user").User;
  }
}

Jadi garis import("./user").User;melakukan keajaiban dan sekarang semuanya berfungsi :)

MEMPERBARUI

Sejak skrip ketikan 2.9, Anda tampaknya dapat mengimpor tipe ke dalam modul global. Lihat jawaban yang diterima untuk informasi lebih lanjut.

JAWABAN ASLI

Saya pikir masalah yang Anda hadapi lebih banyak tentang menambah deklarasi modul kemudian mengetik kelas.

Pengeksporan baik-baik saja, karena Anda akan melihat jika Anda mencoba mengompilasi ini:

// app.ts  
import { User } from '../models/user'
let theUser = new User('theLogin', 'thePassword')

Sepertinya Anda mencoba menambah deklarasi modul Express, dan Anda sudah sangat dekat. Ini harus melakukan trik:

// index.d.ts
import { User } from "./models/user";
declare module 'express' {
  interface Session {
    user: User;
    uuid: string;
  }
}

Namun, kebenaran kode ini tentu saja bergantung pada implementasi asli dari file deklarasi ekspres.

Terima kasih atas jawaban dari Michał Lytek . Berikut adalah metode lain yang saya gunakan dalam proyek saya.

Kita dapat mengimpor Userdan menggunakannya kembali beberapa kali tanpa menulis di import("./user").Usermana-mana, dan bahkan memperpanjang atau mengekspornya kembali.

declare namespace Express {
  import("./user");  // Don't delete this line.
  import { User } from "./user";

  export interface Request {
    user: User;
    target: User;
    friend: User;
  }

  export class SuperUser extends User {
    superPower: string;
  }

  export { User as ExpressUser }
}

Selamat bersenang-senang :)

Apakah tidak mungkin hanya mengikuti logika dengan express-session:

own.d.ts:

import express = require('express');
import { User } from "../models/user";

declare global {
    namespace Express {
        interface Session {
            user: User;
            uuid: string;
        }
    }
}

Yang utama index.ts:

import express from 'express';
import session from 'express-session';
import own from './types/own';

const app = express();
app.get('/', (req, res) => {
    let username = req!.session!.user.login;
});

Setidaknya ini tampaknya dapat dikompilasi tanpa masalah apa pun. Untuk kode lengkapnya, lihat https://github.com/masa67/so39040108