ixahmedxi

const gulp = require('gulp')
const browserSync = require('browser-sync').create()

gulp.task('browser-sync', () => {
    browserSync.init({
        server: {
            baseDir: "./"
        }
    })
})

ixahmedxi

const gulp = require('gulp')
const browserSync = require('browser-sync').create()

gulp.task('browser-sync', ['sass'], () => {
    browserSync.init({
        server: {
            baseDir: "./"
        }
    })
    

ixahmedxi

const gulp = require('gulp')
const sass = require('gulp-sass')

gulp.task('sass', () => {
  return (
    gulp.src('src/styles/*.scss')
      .pipe(sass())
      .pipe(gulp.dest('./dist/'))
  )
})

ixahmedxi

module.exports = {
  entry: './src/index.js',
  output: {
    filename: 'bundle.js',
    path: require('path').resolve(__dirname, 'dist')
  },
  module: {
    rules: [
      {
        test: /\.scss$/,

ixahmedxi

import React, { Component } from 'react'
import PropTypes from 'prop-types'
import Waypoint from 'react-waypoint'

class ClassPoint extends Component {
  constructor(props) {
    super(props)
    this.state = { active: false }
    this.onEnter = this.onEnter.bind(this)
    this.onLeave = this.onLeave.bind(this)

ixahmedxi

export type TConfigMode = 'development' | 'production'

ixahmedxi

import * as dotenv from 'dotenv'
import * as fs from 'fs'

export class ConfigService {
  private readonly envConfig: { [key: string]: string }

  constructor(mode: 'development' | 'production') {
    this.envConfig = dotenv.parse(fs.readFileSync(`${mode}.env`))
  }

ixahmedxi

import { AnimatePresence, motion } from "framer-motion";
import { PropsWithChildren } from "react";
import useResizeObserver from "use-resize-observer";

const ignoreCircularReferences = () => {
  const seen = new WeakSet();
  return (key: string, value: Record<string, unknown>) => {
    if (key.startsWith("_")) return;
    if (typeof value === "object" && value !== null) {
      if (seen.has(value)) return;

ixahmedxi

import fs from 'fs';
import path from 'path';

import { defineConfig } from 'tsup';

// INFO: This is the only place you need to update when adding new entry folders
const entryFolders = ['primitives', 'ui'];

function getAllFilesInDirectory(dirPath: string): string[] {
  return fs.readdirSync(dirPath).reduce<string[]>((allFiles, file) => {

ixahmedxi

{
  "workbench.startupEditor": "none",
  "workbench.iconTheme": "moxer-icons",
  "workbench.colorTheme": "Aura Dark",
  "workbench.settings.editor": "json",
  "breadcrumbs.enabled": false,
  "explorer.compactFolders": false,
  "editor.wordWrap": "bounded",
  "editor.tabSize": 2,
  "editor.inlineSuggest.enabled": true,