// server/main.js
import { Meteor } from 'meteor/meteor';
import { LinksCollection } from '/imports/api/links';

function insertLink({ title, url }) {
  LinksCollection.insert({title, url, createdAt: new Date()});
}

Meteor.startup(() => {
  // If the Links collection is empty, add some data.
  if (LinksCollection.find().count() === 0) {
    insertLink({
      title: 'W3Schools.com',
      url: 'https://www.w3schools.com',
    });
    
    insertLink({
      title: 'NodeJS Tutorial',
      url: 'https://www.w3schools.com/nodejs',
    });
    
    insertLink({
      title: 'TypeScript Tutorial',
      url: 'https://www.w3schools.com/typescript',
    });
  }
});

// imports/api/links.js
import { Mongo } from 'meteor/mongo';

export const LinksCollection = new Mongo.Collection('links');

// imports/ui/App.jsx
import React from 'react';
import { useTracker } from 'meteor/react-meteor-data';
import { LinksCollection } from '/imports/api/links';

export const App = () => {
  const links = useTracker(() => LinksCollection.find().fetch());

  return (
    <div>
      <h1>Welcome to Meteor!</h1>
      <h2>Links</h2>
      <ul>
        {links.map(link => (
          <li key={link._id}>
            <a href={link.url} target="_blank">{link.title}</a>
          </li>
        ))}
      </ul>
    </div>
  );
};