Ravi Singh rvibit

## .env
VITE_SHOPIFY_API_KEY=xxxxxx
SHOPIFY_API_KEY=xxxxxxx
SHOPIFY_API_SECRET=xxxxxx
SHOPIFY_FRONTEND_ENGINE=REACT
SHOPIFY_BILLING_ENABLED=true

## Billable.php
<?php

namespace Osiset\ShopifyApp\Http\Middleware;

use Closure;
use Illuminate\Http\Request;
use Illuminate\Support\Facades\Redirect;
use Osiset\ShopifyApp\Contracts\Queries\Shop as ShopQuery;
use Osiset\ShopifyApp\Contracts\ShopModel as IShopModel;
use Osiset\ShopifyApp\Objects\Values\ShopDomain;

## web.php
<?php

use Illuminate\Support\Facades\Route;

/*
|--------------------------------------------------------------------------
| Web Routes
|--------------------------------------------------------------------------
|
| Here is where you can register web routes for your application. These

## welcome.blade.php
<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>Shopify Laravel Example</title>
        @viteReactRefresh
        @vite('resources/js/app.js')
    </head>
    <body>

## app.js
import './bootstrap';
import "../css/app.css";
import '../frontend/index.jsx' //import react frontend entry file

## vite.config.js
import { defineConfig, loadEnv } from "vite";
import laravel from "laravel-vite-plugin";
import react from "@vitejs/plugin-react";
import fs from "node:fs";
export default defineConfig(function ({ mode }) {
    process.env = { ...process.env, ...loadEnv(mode, process.cwd()) }; //process.env is not accessible directly in this file so we have to do this
    return {
        plugins: [
            laravel(["resources/css/app.css", "resources/js/app.js"]),
            react(),

## package.json
{
    "private": true,
    "scripts": {
        "dev": "vite",
        "build": "vite build"
    },
    "dependencies": {
        "@shopify/app-bridge": "^3.1.0",
        "@shopify/app-bridge-react": "^3.1.0",
        "@shopify/app-bridge-utils": "^3.1.0",
	VITE_SHOPIFY_API_KEY=xxxxxx
	SHOPIFY_API_KEY=xxxxxxx
	SHOPIFY_API_SECRET=xxxxxx
	SHOPIFY_FRONTEND_ENGINE=REACT
	SHOPIFY_BILLING_ENABLED=true
	<?php

	namespace Osiset\ShopifyApp\Http\Middleware;

	use Closure;
	use Illuminate\Http\Request;
	use Illuminate\Support\Facades\Redirect;
	use Osiset\ShopifyApp\Contracts\Queries\Shop as ShopQuery;
	use Osiset\ShopifyApp\Contracts\ShopModel as IShopModel;
	use Osiset\ShopifyApp\Objects\Values\ShopDomain;
	<?php

	use Illuminate\Support\Facades\Route;

	/*
	\|--------------------------------------------------------------------------
	\| Web Routes
	\|--------------------------------------------------------------------------
	\|
	\| Here is where you can register web routes for your application. These
	<!DOCTYPE html>
	<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
	<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>Shopify Laravel Example</title>
	@viteReactRefresh
	@vite('resources/js/app.js')
	</head>
	<body>
	import './bootstrap';
	import "../css/app.css";
	import '../frontend/index.jsx' //import react frontend entry file
	import { defineConfig, loadEnv } from "vite";
	import laravel from "laravel-vite-plugin";
	import react from "@vitejs/plugin-react";
	import fs from "node:fs";
	export default defineConfig(function ({ mode }) {
	process.env = { ...process.env, ...loadEnv(mode, process.cwd()) }; //process.env is not accessible directly in this file so we have to do this
	return {
	plugins: [
	laravel(["resources/css/app.css", "resources/js/app.js"]),
	react(),
	{
	"private": true,
	"scripts": {
	"dev": "vite",
	"build": "vite build"
	},
	"dependencies": {
	"@shopify/app-bridge": "^3.1.0",
	"@shopify/app-bridge-react": "^3.1.0",
	"@shopify/app-bridge-utils": "^3.1.0",