Skip to content

Commit

Permalink
Create rule S7197: Circular file imports should be resolved
Browse files Browse the repository at this point in the history
  • Loading branch information
kaufco committed Jan 31, 2025
1 parent f797a72 commit fc7ec2f
Show file tree
Hide file tree
Showing 2 changed files with 83 additions and 27 deletions.
14 changes: 7 additions & 7 deletions rules/S7197/javascript/metadata.json
Original file line number Diff line number Diff line change
@@ -1,25 +1,25 @@
{
"title": "FIXME",
"title": "Circular file imports should be resolved",
"type": "CODE_SMELL",
"status": "ready",
"remediation": {
"func": "Constant\/Issue",
"constantCost": "5min"
"constantCost": "0min"
},
"tags": [
"architecture",
"design"
],
"defaultSeverity": "Major",
"ruleSpecification": "RSPEC-7197",
"sqKey": "S7197",
"scope": "All",
"defaultQualityProfiles": ["Sonar way"],
"quickfix": "unknown",
"quickfix": "infeasible",
"code": {
"impacts": {
"MAINTAINABILITY": "HIGH",
"RELIABILITY": "MEDIUM",
"SECURITY": "LOW"
"MAINTAINABILITY": "HIGH"
},
"attribute": "CONVENTIONAL"
"attribute": "MODULAR"
}
}
96 changes: 76 additions & 20 deletions rules/S7197/javascript/rule.adoc
Original file line number Diff line number Diff line change
@@ -1,44 +1,100 @@
FIXME: add a description

// If you want to factorize the description uncomment the following line and create the file.
//include::../description.adoc[]
This rule reports circular dependencies between source files caused by circular imports.

== Why is this an issue?

FIXME: remove the unused optional headers (that are commented out)
Circular dependencies occur when two or more source files import each other, either directly or indirectly.
This creates a dependency structure that lacks a clear hierarchy, making the codebase harder to understand and maintain.
Additionally, the order in which circular imports are resolved is not guaranteed, which can lead to unpredictable behavior and runtime errors.

=== What is the potential impact?

//=== What is the potential impact?
Circular dependencies increase the complexity of the code architecture, reducing readability, extensibility, and maintainability.
As the project grows, these dependencies can spread, further complicating the architecture and increasing technical debt.
Over time, resolving these dependencies becomes increasingly difficult.

== How to fix it
//== How to fix it in FRAMEWORK NAME

1. **Refactor shared functionality**: If multiple files share similar functionality, consider moving that functionality to a separate module that both can import. This allows each file to depend on the shared module rather than on each other.

2. **Use dependency inversion:** Instead of directly importing modules that create circular dependencies, use dependency inversion by passing necessary functions or objects as parameters. This breaks the circular reference and makes the code more modular and testable.

3. **Split responsibilities**: Evaluate whether each file is handling too many responsibilities. If so, break them down into smaller, more focused modules. This reduces circular dependencies and ensures that your code is easier to manage and extend.

=== Code examples

==== Noncompliant code example

The following code contains a circular dependency: `order.js` → `customer.js` → `order.js`, and `order.js` → `product.js` → `order.js`.
Both cycles are connected through `order.js`, forming a tangle of two cycles.

[source,javascript,diff-id=1,diff-type=noncompliant]
----
FIXME
// order.js
import { Customer } from './customer.js';
import { Product } from './product.js';
export class Order {
constructor() {
this.customer = new Customer();
this.products = [];
}
}
// customer.js
import { Order } from './order.js';
export class Customer {
constructor() {
this.orders = [];
}
}
// product.js
import { Order } from './order.js';
export class Product {
constructor() {
this.orders = [];
}
}
----

==== Compliant solution

The issue can be resolved by refactoring the structure.
Two service functions can replace the dependencies `customer.js` → `order.js` and `product.js` → `order.js`.

[source,javascript,diff-id=1,diff-type=compliant]
----
FIXME
----
// order.js
import { Customer } from './customer.js';
import { Product } from './product.js';
export class Order {
constructor() {
this.customer = new Customer();
this.products = [];
}
}
//=== How does this work?
// customer.js
export class Customer { }
//=== Pitfalls
// product.js
export class Product { }
//=== Going the extra mile
// orderService.js
export function getOrdersByCustomer(customer) {
// Implementation to get orders by customer
}
export function getOrdersByProduct(product) {
// Implementation to get orders by product
}
----

== Resources

//== Resources
//=== Documentation
//=== Articles & blog posts
//=== Conference presentations
//=== Standards
//=== External coding guidelines
//=== Benchmarks
- Wikipedia - https://en.wikipedia.org/wiki/Acyclic_dependencies_principle[Acyclic dependencies principle]
- STAN - https://stan4j.com/advanced/adp/[Acyclic dependencies principle]
- RSPEC - https://sonarsource.github.io/rspec/#/rspec/S7091/java[S7091: Circular dependencies between classes across package boundaries should be resolved]

0 comments on commit fc7ec2f

Please sign in to comment.