Release/14.1.0 - Extension Data

README.md

@@ -48,7 +48,9 @@ Install by running ``sudo apt install libgtk-3-0 libnss3``
 
 4. Run ``npm run start`` (at the root of the repository) to start the launcher. It is recommended to do this in a second command prompt / terminal.
 
-5. **Optional** - It is highly recommended to set the launcher's "Flashpoint folder". This is where the launcher will read and write most data to and from. You can set the "Flashpoint folder" path at the "Config" tab in the launcher. Make sure the background of the text field is green (this means the path is valid) and don't forget to hit "Save and Exit"!
+5. React components use the React Compiler. If creating new components please make sure they are compiled, see this extension for a handy IDE hint in Vscode. Existing components are fine to be skipped. https://marketplace.visualstudio.com/items?itemName=blazejkustra.react-compiler-marker
+
+6. **Optional** - It is highly recommended to set the launcher's "Flashpoint folder". This is where the launcher will read and write most data to and from. You can set the "Flashpoint folder" path at the "Config" tab in the launcher. Make sure the background of the text field is green (this means the path is valid) and don't forget to hit "Save and Exit"!
 
 Notes:
 

eslint.config.mjs

@@ -5,17 +5,26 @@ import tseslint from 'typescript-eslint';
 import react from 'eslint-plugin-react';
 import stylistic from '@stylistic/eslint-plugin';
 import globals from 'globals';
+import reactHooks from 'eslint-plugin-react-hooks';
 
 export default tseslint.config(
     eslint.configs.recommended,
+    reactHooks.configs['recommended-latest'],
     ...tseslint.configs.recommended,
     {
-        files: ['**/*.{js,jsx,ts,tsx}'],
-        ignores: ['gulpfile.js'],
+        ignores: ['**/*.js']
+    },
+    {
+        files: ['**/*.{ts,tsx}'],
         plugins: {
             react,
             '@stylistic': stylistic,
         },
+        settings: {
+            react: {
+                version: '17'
+            }
+        },
         languageOptions: {
             parserOptions: {
                 ecmaFeatures: {
@@ -29,15 +38,9 @@ export default tseslint.config(
         rules: {
             "@stylistic/object-curly-spacing": ["warn", "always"],
             "@typescript-eslint/adjacent-overload-signatures": "off",
-            "@typescript-eslint/ban-types": ["error", {
-                "types": {
-                    "{}": false
-                },
-                "extendDefaults": true
-            }],
             "@typescript-eslint/explicit-function-return-type": "off",
             "@typescript-eslint/explicit-module-boundary-types": "off",
-            "@typescript-eslint/indent": ["error", 2, {
+            "@stylistic/indent": ["error", 2, {
                 "MemberExpression": 0,
                 "SwitchCase": 1
             }],
@@ -47,6 +50,7 @@ export default tseslint.config(
             "@typescript-eslint/no-namespace": "off",
             "@typescript-eslint/no-unused-vars": ["error", {
                 "vars": "all",
+                "caughtErrors": "none",
                 "args": "none"
             }],
             "@typescript-eslint/no-use-before-define": "off",

extensions/core-nga/.eslintignore

@@ -0,0 +1 @@
+*.js

extensions/core-nga/.gitignore

@@ -0,0 +1,4 @@
+dist/
+static/*.js
+static/mf*.json
+static/*mf-types*

extensions/core-nga/gulpfile.js

@@ -0,0 +1,85 @@
+const { series } = require('gulp');
+const fs = require('fs');
+const gulp = require('gulp');
+const zip = require('gulp-zip');
+const merge = require('merge-stream');
+const esbuild = require('esbuild');
+const { build: rslibBuild, loadConfig } = require('@rslib/core');
+
+const filesToCopy = [
+    'extension.js',
+    'package.json',
+    'icon.png',
+    'LICENSE.md',
+    'README.md'
+];
+
+async function build(done) {
+    // Build main extension (Node.js)
+    const nodeBuild = esbuild.build({
+        bundle: true,
+        entryPoints: ['./src/extension.ts'],
+        outfile: './dist/extension.js',
+        platform: 'node',
+        external: ['flashpoint-launcher'],
+    });
+
+    const config = await loadConfig('./rslib.config.ts');
+
+    Promise.all([nodeBuild, rslibBuild({
+        ...config.content,
+        mode: 'development'
+    })])
+    .catch(console.error)
+    .finally(done);
+}
+
+async function watch(done) {
+    const ctx = await esbuild.context({
+        bundle: true,
+        entryPoints: ['./src/extension.ts'],
+        outfile: './dist/extension.js',
+        platform: 'node',
+        external: ['flashpoint-launcher', '*.css'],
+    });
+
+    const config = await loadConfig('./rslib.config.ts');
+    const renderer = rslibBuild({
+        ...config.content,
+        mode: 'development',
+        watch: true
+    });
+
+    return Promise.all([ctx.watch(), renderer])
+    .catch(console.error)
+    .finally(done);
+}
+
+function clean(cb) {
+    fs.rm('./package', { recursive: true }, (err) => {
+        if (err) { console.log('Clean', err); }
+        cb();
+    });
+}
+
+function stage() {
+    const streams = filesToCopy.map(file => {
+        if (fs.existsSync(file)) {
+            return gulp.src(file).pipe(gulp.dest('package/core-nga'));
+        }
+    }).filter(s => s !== undefined);
+    return merge([
+        ...streams,
+        gulp.src('out/**/*').pipe(gulp.dest('package/core-nga/out')),
+        gulp.src('dist/**/*').pipe(gulp.dest('package/core-nga/dist')),
+        gulp.src('static/**/*').pipe(gulp.dest('package/core-nga/static')),
+    ]);
+}
+
+function package() {
+    return gulp.src('package/**/*').pipe(zip('core-nga.fplx')).pipe(gulp.dest('.'));
+}
+
+exports.build = series(build);
+exports.watch = series(watch);
+exports.package = series(clean, stage, package);