feat: admin search UI (#4022)

extensions/emoji/js/src/admin/extend.tsx

@@ -1,13 +1,14 @@
+import Extend from 'flarum/common/extenders';
 import app from 'flarum/admin/app';
 import { version } from '../common/cdn';
 
-app.initializers.add('flarum-emoji', () => {
-  app.extensionData.for('flarum-emoji').registerSetting({
+export default [
+  new Extend.Admin().setting(() => ({
     setting: 'flarum-emoji.cdn',
     type: 'text',
     label: app.translator.trans('flarum-emoji.admin.settings.cdn_label'),
     help: app.translator.trans('flarum-emoji.admin.settings.cdn_help', {
       version: version,
     }),
-  });
-});
+  })),
+];

extensions/emoji/js/src/admin/index.ts

@@ -0,0 +1,7 @@
+import app from 'flarum/admin/app';
+
+export { default as extend } from './extend';
+
+app.initializers.add('flarum-emoji', () => {
+  // ...
+});

extensions/emoji/js/tsconfig.json

@@ -0,0 +1,15 @@
+{
+  // Use Flarum's tsconfig as a starting point
+  "extends": "flarum-tsconfig",
+  // This will match all .ts, .tsx, .d.ts, .js, .jsx files in your `src` folder
+  // and also tells your Typescript server to read core's global typings for
+  // access to `dayjs` and `$` in the global namespace.
+  "include": ["src/**/*", "../../../*/*/js/dist-typings/@types/**/*", "@types/**/*"],
+  "compilerOptions": {
+    // This will output typings to `dist-typings`
+    "declarationDir": "./dist-typings",
+    "paths": {
+      "flarum/*": ["../../../framework/core/js/dist-typings/*"]
+    }
+  }
+}