[WIP] Frontendbase migration

.github/workflows/ci.yml

@@ -27,8 +27,6 @@ jobs:
       run: npm run lint
     - name: Test
       run: npm run test
-    - name: Build
-      run: npm run build
     - name: i18n_extract
       run: npm run i18n_extract
     - name: Coverage

.gitignore

@@ -1,21 +1,15 @@
-.directory
-.DS_Store
-.eslintcache
-.idea
 node_modules
 npm-debug.log
 coverage
 module.config.js
-env.config.*
-
 dist/
-src/i18n/transifex_input.json
-temp/babel-plugin-react-intl
+/*.tgz
 
-### pyenv ###
-.python-version
+### i18n ###
+src/i18n/transifex_input.json
 
-### Emacs ###
+### Editors ###
+.DS_Store
 *~
 /temp
-/.vscode
+/.vscode

.npmignore

@@ -1,12 +1,6 @@
-.eslintignore
-.eslintrc.json
-.gitignore
-.travis.yml
-docker-compose.yml
-Dockerfile
-Makefile
-npm-debug.log
-
-coverage
+__mocks__
 node_modules
-public
+*.test.js
+*.test.jsx
+*.test.ts
+*.test.tsx

Makefile

@@ -41,29 +41,17 @@ detect_changed_source_translations:
 	# Checking for changed translations...
 	git diff --exit-code $(i18n)
 
-# Pushes translations to Transifex.  You must run make extract_translations first.
-push_translations:
-	# Pushing strings to Transifex...
-	tx push -s
-	# Fetching hashes from Transifex...
-	./node_modules/@edx/reactifex/bash_scripts/get_hashed_strings_v3.sh
-	# Writing out comments to file...
-	$(transifex_utils) $(transifex_temp) --comments --v3-scripts-path
-	# Pushing comments to Transifex...
-	./node_modules/@edx/reactifex/bash_scripts/put_comments_v3.sh
-
+# Pulls translations using atlas.
 pull_translations:
-	rm -rf src/i18n/messages
 	mkdir src/i18n/messages
 	cd src/i18n/messages \
-	  && atlas pull $(ATLAS_OPTIONS) \
-	           translations/frontend-component-header/src/i18n/messages:frontend-component-header  \
-	           translations/frontend-component-footer/src/i18n/messages:frontend-component-footer \
-	           translations/frontend-platform/src/i18n/messages:frontend-platform \
-	           translations/paragon/src/i18n/messages:paragon \
-	           translations/frontend-app-discussions/src/i18n/messages:frontend-app-discussions
+	   && atlas pull $(ATLAS_OPTIONS) \
+	            translations/frontend-base/src/i18n/messages:frontend-base \
+	            translations/paragon/src/i18n/messages:paragon \
+	            translations/frontend-app-discussions/src/i18n/messages:frontend-app-discussions
+
+	$(intl_imports) frontend-base paragon frontend-app-discussions
 
-	$(intl_imports) frontend-component-header frontend-component-footer frontend-platform paragon frontend-app-discussions
 # endif
 
 # This target is used by Travis.

app.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="@openedx/frontend-base" />
+
+declare module 'site.config' {
+  export default SiteConfig;
+}
+
+declare module '*.svg' {
+  const content: string;
+  export default content;
+}

babel.config.js

@@ -0,0 +1,3 @@
+const { createConfig } = require('@openedx/frontend-base/config');
+
+module.exports = createConfig('babel');

eslint.config.js

@@ -0,0 +1,24 @@
+// @ts-check
+
+const { createLintConfig } = require('@openedx/frontend-base/config');
+
+module.exports = createLintConfig(
+  {
+    rules: {
+      'no-duplicate-imports': 'warn',
+    },
+  },
+  {
+    files: [
+      'src/**/*',
+      'site.config.*',
+    ],
+  },
+  {
+    ignores: [
+      'documentation/*',
+      'jest.config.js',
+      'src/i18n/messages/'
+    ],
+  },
+);

jest.config.js

@@ -1,14 +1,15 @@
-const { createConfig } = require('@openedx/frontend-build');
+const { createConfig } = require('@openedx/frontend-base/config');
 
-module.exports = createConfig('jest', {
-  // setupFilesAfterEnv is used after the jest environment has been loaded.  In general this is what you want.
-  // If you want to add config BEFORE jest loads, use setupFiles instead.
-  setupFiles: ['<rootDir>/.env.test'],
+module.exports = createConfig('test', {
   setupFilesAfterEnv: [
     '<rootDir>/src/setupTest.jsx',
   ],
+  modulePaths: ['<rootDir>/src/'],
   coveragePathIgnorePatterns: [
-    'src/setupTest.jsx',
-    'src/i18n',
+    'testUtils', // don't unit test jest mocking tools
   ],
+  moduleNameMapper: {
+    '\\.svg$': '<rootDir>/src/__mocks__/svg.js',
+    '\\.(jpg|jpeg|png|gif|eot|otf|webp|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$': '<rootDir>/src/__mocks__/file.js',
+  },
 });