Refactored imports

.eslintrc.js

@@ -70,6 +70,17 @@ module.exports = {
     'no-console': 'warn',
     'no-null/no-null': 2,
     'no-plusplus': ['error', { allowForLoopAfterthoughts: true }],
+    'no-restricted-imports': [
+      'error',
+      {
+        patterns: [
+          {
+            group: ['shared/*', 'renderer/*', 'extension-host/*', 'node/*', 'client/*', 'main/*'],
+            message: `Importing from this path is not allowed. Try importing from @papi/core. Imports from paths like 'shared', 'renderer', 'node', 'client' and 'main' are not allowed to prevent unnecessary import break.`,
+          },
+        ],
+      },
+    ],
     'prettier/prettier': ['warn', { tabWidth: 2, trailingComma: 'all' }],
     'react/jsx-indent-props': ['warn', 2],
     'react/jsx-props-no-spreading': ['error', { custom: 'ignore' }],
@@ -81,7 +92,7 @@ module.exports = {
 
     // #region Overrides from paranext-core extension .eslintrc.cjs
 
-    'import/no-unresolved': ['error', { ignore: ['papi'] }],
+    'import/no-unresolved': ['error', { ignore: ['@papi'] }],
 
     // #endregion
   },

src/main.ts

@@ -1,4 +1,4 @@
-import { logger } from 'papi-backend';
+import { logger } from '@papi/backend';
 
 export async function activate() {
   logger.info('Extension template is activating!');

webpack/webpack.config.base.ts

@@ -43,9 +43,10 @@ const configBase: webpack.Configuration = {
     'react/jsx-runtime',
     'react-dom',
     'react-dom/client',
-    'papi-frontend',
-    'papi-frontend/react',
-    'papi-backend',
+    '@papi/backend',
+    '@papi/core',
+    '@papi/frontend',
+    '@papi/frontend/react',
     '@sillsdev/scripture',
   ],
   module: {