DEV Community: FaizanKamal7

Implementing and Seeding Polymorphic Relationships with Laravel

FaizanKamal7 — Mon, 06 Nov 2023 18:02:33 +0000

Polymorphic relationships in Laravel provide a powerful method for associating models in a relational database through a single association. This allows a model to belong to more than one other model on a single association. For example, imagine a scenario where you have a Comment model that can be associated with a Post model as well as a Video model. Instead of creating two separate associations for each type, polymorphic relationships let you streamline this into one.

The challenge with polymorphic relationships comes when you need to seed your database for testing or local development. How do you create seed data that accurately reflects the complex nature of polymorphic associations? This is where Laravel's factories and seeders come into play, albeit with a bit of customization.

Understanding the Problem

When seeding polymorphic relationships, the main challenge is ensuring that the seed data respects the logic of these associations. For instance, a Comment factory needs to know whether it should be associated with a Post or a Video, and this must be randomized or specified during the seeding process to reflect realistic data patterns.

Here's a step-by-step guide on how to achieve polymorphic seeding with Laravel's factories and seeders:

Step 1: Define Your Models and Their Relationships

Let's start by defining our models and their relationships. In your Comment model, you would define a polymorphic relationship like so:

class Comment extends Model
{
    public function commentable()
    {
        return $this->morphTo();
    }
}

And in your Post and Video models, you define the inverse of the relationship:

class Post extends Model
{
    public function comments()
    {
        return $this->morphMany(Comment::class, 'commentable');
    }
}

class Video extends Model
{
    public function comments()
    {
        return $this->morphMany(Comment::class, 'commentable');
    }
}

Step 2: Set Up Your Factory

In Laravel, factories are used to generate fake data for your models. For polymorphic relationships, you need to define a factory for each type of model involved in the relationship and then specify the logic that handles the polymorphism. Here's how you can define a factory for the Comment model:

/** @var \Illuminate\Database\Eloquent\Factory $factory */

use Faker\Generator as Faker;
use App\Models\Comment;
use App\Models\Post;
use App\Models\Video;

$factory->define(Comment::class, function (Faker $faker) {
    // Randomly choose a commentable type
    $commentableType = $faker->randomElement(['Post', 'Video']);

    // Get the commentable object
    $commentable = factory("App\Models\\{$commentableType}")->create();

    return [
        'body' => $faker->sentence,
        'commentable_id' => $commentable->id,
        'commentable_type' => "App\Models\\{$commentableType}",
    ];
});

Step 3: Seed the Database

Now that we have our factory set up, we can use seeders to populate our database with data:

use Illuminate\Database\Seeder;
use App\Models\Comment;

class DatabaseSeeder extends Seeder
{
    public function run()
    {
        // Create 10 comments with random association to Post or Video
        factory(Comment::class, 10)->create();
    }
}

Conclusion

Seeding polymorphic relationships in Laravel requires a careful setup of your factories to ensure that the data generated respects the polymorphism logic of your application. By following the above steps, you can effectively create seed data for your polymorphic associations, allowing for more robust testing and development. Remember, Laravel's eloquent ORM is designed to be flexible and powerful, and with the right approach, you can harness its full potential for complex database operations.

JSON Serialization in Laravel to Access Laravel Relational Data in JavaScript

FaizanKamal7 — Fri, 03 Nov 2023 18:59:56 +0000

When working with Laravel, you may often encounter scenarios where you need to pass data from your server-side application to the client-side JavaScript. One common challenge is accessing relational data in JavaScript that originates from Laravel's eloquent models. In this post, we'll explore how to solve this problem by leveraging JSON serialization and demonstrate how to access related data in JavaScript without making an AJAX call.

Problem

Imagine you have a Laravel model called Post with a one-to-many relationship with another model called Comment. You want to access both the post and its associated comments in JavaScript. Typically, you might use AJAX to fetch this data from the server, but in this scenario, we will assume that the data is passed from the server to the Blade view via form inputs or select dropdowns.

Directly passing Laravel model objects from PHP to JavaScript is not straightforward due to the mismatch between PHP and JavaScript. However, we can overcome this challenge by using JSON serialization and a custom toArray method in our model.

The Solution

Let's break down the steps to access the related data in JavaScript:

Step 1: Model Setup

In your Post.php model, define the comments relationship and create a custom toArray method to include the related comments:

// Post.php (Model)

class Post extends Model
{
    public function comments()
    {
        return $this->hasMany(Comment::class);
    }
    public function toArray()
    {
        $data = parent::toArray();
        $data['comments'] = $this->comments; // Include related comments

        return $data;
    }
}

By overriding the toArray method, we ensure that the related comments are included in the serialized data.

Step 2: Blade View

In your Blade view, you can serialize the Post model to JSON using the @json directive. This makes the data available for JavaScript:

var postData = @json($post-&gt;toArray());

Now, the postData variable in JavaScript contains the serialized post data along with its comments.

Step 3: JavaScript Usage

You can now work with the post data and its comments in JavaScript without making an AJAX call:

// JavaScript
// Access post data and its comments
var post = postData;
var comments = postData.comments;

// Now, you can work with the post and its comments in JavaScript
console.log('Post Title: ' + post.title);
console.log('Comments:');
comments.forEach(function(comment) {
    console.log('- ' + comment.text);
});

// You can also access elements by their IDs using document.getElementById
var postTitleElement = document.getElementById('post-title');
var commentsListElement = document.getElementById('comments-list');

// Set the post title and comments in your HTML elements
postTitleElement.textContent = post.title;

var commentsHTML = '';
comments.forEach(function(comment) {
    commentsHTML += '<li>' + comment.text + '</li>';
});

commentsListElement.innerHTML = commentsHTML;

By following these steps, you can seamlessly access and display the related data in your JavaScript code, combining the power of Laravel's Eloquent relationships with client-side scripting. This approach eliminates the need for additional AJAX requests and simplifies your development workflow.

Is there any way to generate flutter code of Adobe XD shapes

FaizanKamal7 — Wed, 30 Sep 2020 19:12:15 +0000

Do anyone know here how to generate the code for shapes like this from adobe xd to flutter? Upon generating the code for that shape I get something like below. For every other widget it is generating code well. I know I shouldn't be looking for these kinds of shortcut and should learn how to make shapes like this in flutter . Because of shortage of time I have to do it.

SvgPicture.asset(
                    'assets/svg/Path 8.svg',
                    height: 595.6666259765625,
                    width: 501.8892822265625,
                  )

Answer: Flutter: Create a timeline UI

FaizanKamal7 — Tue, 29 Sep 2020 07:19:23 +0000

Nov 4 '19

I like Osama's answer too but here's my quick custom implementation. It uses a CustomPainter to draw the lines.

import 'package:flutter/material.dart'
class Timeline extends StatelessWidget {
  const Timeline({
    Key? key,
    required this.children,
    this.indicators,
    this.isLeftAligned = true,
    this.itemGap = 12.0,
    this.gutterSpacing = 4.0,
    this.padding = const EdgeInsets.all(8),
    this.controller,
    this.lineColor = Colors.grey,

…

Open Full Answer

firebase-push-notifications-ios

FaizanKamal7 — Mon, 28 Sep 2020 19:06:43 +0000

https://www.appcoda.com/firebase-push-notifications/

Answer: iOS: APN auth Key for free developer account

FaizanKamal7 — Mon, 28 Sep 2020 19:05:25 +0000

Sep 17 '17

To configure Firebase for Push Notifications you need APNs certificate.

To unlock push notifications capability you need to enroll into the Apple Developer program (after that you will get access to Certificates, IDs & Profiles section of your developer account).

PS: AppCoda: Implementing Push Notifications on iOS with Firebase

Open Full Answer