fbt-inline-translations 0.1.0

package/.babelrc

@@ -0,0 +1,7 @@
+{
+    "presets": [
+        "@babel/preset-env",
+        ["@babel/preset-react", { "runtime": "automatic" }],
+        "@babel/preset-typescript"
+    ]
+}

package/.eslintrc.js

@@ -0,0 +1,25 @@
+module.exports = {
+    root: true,
+    parser: '@typescript-eslint/parser',
+    parserOptions: {
+        ecmaVersion: 2020,
+        sourceType: "module",
+    },
+    plugins: [
+        '@typescript-eslint',
+        'prettier'
+    ],
+    extends: [
+        'eslint:recommended',
+        'plugin:@typescript-eslint/eslint-recommended',
+        'plugin:@typescript-eslint/recommended',
+        'plugin:prettier/recommended'
+    ],
+    "rules": {
+        "prettier/prettier": "warn",
+        "@typescript-eslint/member-delimiter-style": "off",
+        "@typescript-eslint/explicit-function-return-type": "off",
+        "@typescript-eslint/no-use-before-define": "off",
+        "@typescript-eslint/no-non-null-assertion": "off",
+    }
+};

package/.prettierignore

@@ -0,0 +1 @@
+node_modules

package/.prettierrc.json

@@ -0,0 +1,6 @@
+{
+    "trailingComma": "es5",
+    "tabWidth": 4,
+    "semi": false,
+    "singleQuote": true
+}

package/README.md

@@ -0,0 +1,39 @@
+# 👽 Inline translations for FBT
+
+![Demo of FBT inline translating](images/demo.gif)
+
+
+## ℹ️ Usage notes
+
+- this library requires FBT for PHP:
+  - [FBT for Laravel (v5.5+)](https://github.com/richardDobron/laravel-fbt)
+  - [FBT for PHP (v7.0+)](https://github.com/richardDobron/fbt)
+
+## 📦 Installing
+
+```
+npm install fbt-inline-translations
+```
+
+## 🔧 Configuration
+
+Register your FBT project on [Swiftyper Translations](https://translations.swiftyper.sk)
+
+
+### Non-React usage
+
+Add this code to page your page:
+
+```html
+<div id="inline-translator"></div>
+
+<script src="https://cdn.jsdelivr.net/npm/fbt-inline-translations/dist/bundle.js"></script>
+<script>
+    swiftyperInlineTranslations({
+        token: 'YOUR_API_KEY_HERE',
+        locale: 'sk_SK', // translation locale
+        contributor: 'contributor@email.com', // contributor must be invited
+        darkMode: false, // dark mode also depends on html class 'dark'
+    })
+</script>
+```

package/babel.config.js

@@ -0,0 +1,20 @@
+module.exports = function (api) {
+    api.cache(true)
+
+    const useESModules = process.env.BABEL_MODULE === 'es'
+
+    return {
+        presets: [
+            [
+                '@babel/preset-env',
+                {
+                    loose: true,
+                    modules: useESModules ? false : 'commonjs',
+                },
+            ],
+            ['@babel/preset-react', { runtime: 'automatic' }],
+            '@babel/preset-typescript',
+        ],
+        plugins: ['@babel/plugin-proposal-class-properties'],
+    }
+}