TypeRocket 3.0: Unleash WordPress and be amazing (Wilmington NC)

TypeRocket 3 is the WordPress framework for developers. Build sites and themes fast, custom and beautiful. Ever wanted WordPress to use composer? Want to build component based designs? Want to have a forms API with model binding, custom routes, controllers,
use themes outside of public view to boost security, have a custom console to build your own CLI commands, make post types/taxonomies/meta boxes with one line of code, or create use custom tables? All this is just the beginning of TypeRocket 3 for WordPress. Get theme options and advanced SEO with Twitter cards out of the box. You may not need a single plugin for your next site. TypeRocket 3 has completely reimagined what developing WordPress sites can be without sacrificing speed, stability or breaking WordPress
core. Come and see what making WordPress sites is like in Modern PHP.

Transcript

1. TYPEROCKET 3.0 UNLEASH WORDPRESS AND BE AMAZING
3. MAYBE NOT THAT AMAZING
4. I'M KEVIN DEES THE CREATOR OF TYPEROCKET @KEVINDEES
5. HOW CAN YOU BE AMAZING WITH TYPEROCKET?
6. Your WordPress admin can be clean and easy to use.
8. Build Custom Themes with Less Code
12. Clients may never have confusion over plugins.
14. You can take security to the next level.
15. WORDPRESS... SECURE?
16. ENOUGH TO SATISFY RON?
18. MIND BLOWING?
19. SHOW ME HOW! MAKING A CUSTOM APPLICATION
20. SETUP DOWNLOADING AND INSTALLING
21. HTTPS://TYPEROCKET.COM/DOCS/V3/ INSTALLATION/
22. LARAVEL HOMESTEAD HTTPS://LARAVEL.COM/DOCS/5.3/HOMESTEAD
23. http://tr.test TO ~/Code/trtest/wordpress
24. COMPOSER HTTPS://GETCOMPOSER.ORG/
25. DOWNLOADING composer create-project --prefer-dist typerocket/typerocket ROOTING php galaxy use:root {db} {user} {pass}
26. DOWNLOADING TYPEROCKET composer create-project --prefer-dist typerocket/typerocket
28. ROOTING TYPEROCKET php galaxy use:root trtest homestead secret
30. WRAP IT UP CREATE DB AND INSTALL WP
33. INSTALLATION COMPLETE
34. LETS CODE: PART 1 1. Post Types 2. Dashboard Meta Box 3. Taxonomy Custom Fields 4. Theme Options 5. Profile Fields
35. POST TYPES HOOKS NOT REQUIRED
37. // Make Post Type $person = tr_post_type('Person', 'Team'); // Set Icon $person->setIcon('users'); // Title Only $person->setArgument('supports', ['title'] ); // Set Placeholder Text $person->setTitlePlaceholder('Enter full name here');
38. Icons
40. FORMS AND FIELDS
41. $form = tr_form('person', 'update', 1);
42. $form->text('Field Name');
43. $form->text('field_name');
44. FIELD TYPES ▸ Select ▸ Gallery ▸ Radio ▸ Checkbox ▸ And more...
45. ADVANCED FIELDS ▸ Repeaters ▸ Builder ▸ Matrix ▸ Search ▸ And more...
46. $form->repeater('Speakers')->setFields([ $form->image('Photo'), $form->text('Name'), $form->text('Slides URL') ]);
47. // Meta Box With Fields $box = tr_meta_box('Team Details')->apply($person); $box->setCallback(function() { $form = tr_form(); echo $form->text('Job Title'); }); // Taxonomy $dep = tr_taxonomy('Department')->apply($person);
48. // Inline Fields $person->setTitleForm( function() { $form = tr_form(); echo $form->image('Photo'); // Save To Builtin Posts Table $editor = $form->editor('post_content'); echo $editor->setLabel('About Person'); } );
50. MODELS POST TYPE
51. php galaxy make:model -c post Person
54. <?php namespace App\Models; use \TypeRocket\Models\WPPost; class Person extends WPPost { protected $postType = 'person'; }
55. class Person extends WPPost { protected $postType = 'person'; // Only save these fields protected $fillable = [ 'photo', 'post_content', 'job_title' ]; }
58. <?php while( have_posts() ) : the_post(); ?> <?php // Image $img_id = tr_posts_field('photo'); echo wp_get_attachment_image($img_id, 'full'); ?> <h3><?php echo tr_posts_field('job_title'); ?></h3> <?php the_content(); ?> <?php endwhile; ?>
59. DASHBOARD META BOX
60. // Dashboard Box $dash = tr_meta_box('Dashboard Box'); $dash->addScreen('dashboard'); $dash->setCallback(function() { echo "<p>Your Content!</p>"; });
62. TAXONOMY CUSTOM FIELDS
63. php galaxy make:model -c term Department
64. // Remember The Taxonomy $dep = tr_taxonomy('Department')->apply($person); // Add Fields $dep->setMainForm(function() { $form = tr_form(); echo $form->text('Location'); });
66. THEME OPTIONS FOR GLOBAL THINGS
68. WORDPRESS OPTIONS
69. $form = tr_form('option'); $from->text('Option One'); $from->text('Option Two');
70. wp_options +------------+----+ | option_one | '' | +------------+----+ | option_two | '' | +------------+----+
71. $form->getGroup('theme_options'); $from->text('Opt 1'); $from->text('Opt 2');
72. wp_options +---------------+-------------------------------------+ | theme_options | array('opt_1' => '', 'opt_2' => '') | +---------------+-------------------------------------+
73. <h1>Theme Options</h1> <?php $form = tr_form(); $form->useJson()->setGroup( $this->getName() ); ?> <div class="typerocket-container"> <?php echo $form->open(); // Sections $about = $form->text('Company Name'); $api = $form->password( 'Google Maps API Key'); $save = $form->submit( 'Save' ); // Tabs tr_tabs() ->setSidebar( $save ) ->addTab( 'About', $about ) ->addTab( 'APIs', $api ) ->render( 'box' ); echo $form->close(); ?> </div>
75. PROFILE USER FIELDS
76. add_action('tr_user_profile', function($user) { $form = tr_form(); echo $form->text('Job Title'); echo $form->gallery('Photo Gallery'); });
78. LETS CODE: PART 2 1. Page Builder 2. Custom Resource 3. Kernel and Middleware
79. PAGE BUILDER
81. STRUCTURE 1. resources/visuals/builder - Front-end 2. resources/components/builder - Backend and Forms 3. wordpress/assets/components/builder. - Thumbnails
83. BACKEND ▸ resources/visuals/builder/content.php ▸ wordpress/assets/components/builder/ content.png
84. <h1>Content Component</h1> <?php /** @var $form \TypeRocket\Elements\Form */ echo $form->text('Headline'); echo $form->editor('Content');
86. VISUAL ▸ resources/visuals/builder/content.php ▸ Fields from the backend are accessible through the $data variable.
87. <div class="builder-content"> <h2><?php echo esc_html($data['headline']); ?></h2> <hr /> <?php echo wpautop( $data['content'] ); ?> </div>
88. TEMPLATE page.php
89. get_header(); if( tr_posts_field("use_builder") == '1') { tr_components_field('builder'); } else { get_template_part('pageloop'); } get_footer();
90. RESOURCES CUSTOM DB TABLES
92. // Seat Resource $page = tr_resource_pages('Seat'); $page->setIcon('plane'); $page->setArgument('position', 10);
93. DB COLUMNS 1. ID 2. Person's ID 3. Number 4. Price
94. CREATE TABLE `wp_seats` ( `id` int(11) unsigned NOT NULL AUTO_INCREMENT, `persons_id` bigint(20) DEFAULT NULL, `number` varchar(255) DEFAULT NULL, `price` double(10,2) DEFAULT NULL, PRIMARY KEY (`id`) ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4;
95. php galaxy make:model -c base Seat
96. namespace App\Models; use \TypeRocket\Models\Model; class Seat extends Model { protected $resource = 'seats'; }
97. <?php namespace App\Controllers; use \TypeRocket\Controllers\Controller; class SeatController extends Controller { public function index() { } public function add() { } public function create() { } public function edit() { } public function update() { } public function destroy() { } }
98. VIEWS
100. INDEX
101. public function index() { return tr_view('seats.index'); }
102. $table = tr_tables(); $table->setColumns('number', [ 'number' => [ 'sort' => true, 'actions' => ['edit', 'view', 'delete'], 'label' => 'Seat Number' ], 'persons_id' => [ 'label' => 'Person', ], 'price' => [ 'label' => 'Price', ] ]); $table->render();
103. ADD
104. public function add() { $form = tr_form('seat', 'create'); return tr_view('seats.add', ['form' => $form]); } public function create() { $seat = new \App\Models\Seat(); $seat->number = $this->request->getFields('number'); $seat->price = $this->request->getFields('price'); $seat->persons_id = $this->request->getFields('persons_id'); $id = $seat->save(); // Redirect $this->response->flashNext('Seat created!'); return tr_redirect()->toPage('seat', 'edit', $id); }
105. // resources/pages/seats/add.php echo $form->open(); echo $form->text('Number'); echo $form->text('Price'); // Search Field echo $form->search('persons_id') ->setLabel('Person') ->setPostType('person'); echo $form->submit('Add'); echo $form->close();
106. EDIT
107. public function edit($id) { $form = tr_form('seat', 'update', $id); return tr_view('seats.edit', ['form' => $form]); } public function update($id) { $seat = new \App\Models\Seat(); $seat->findOrDie($id); // Find or Die $seat->number = $this->request->getFields('number'); $seat->price = $this->request->getFields('price'); $seat->persons_id = $this->request->getFields('persons_id'); $seat->save(); // Redirect $this->response->flashNext('Seat updated!'); return tr_redirect()->back(); }
108. <?php // resources/pages/seats/edit.php echo $form->open(); echo $form->text('Number'); echo $form->text('Price'); echo $form->search('persons_id') ->setLabel('Person') ->setPostType('person'); echo $form->submit('Update'); // changed echo $form->close();
109. DESTROY
110. public function destroy($id) { $seat = new \App\Models\Seat(); $seat->findOrDie($id); $seat->delete(); $this->response->setMessage('Seat Deleted: '.$seat->number); return tr_redirect()->back(); }
112. MODEL RELATIONSHIPS
113. class Seat extends Model { protected $resource = 'seats'; // Belongs To Person public function person() { return $this->belongsTo( Person::class, 'persons_id' ); } }
114. class Person extends WPPost { protected $postType = 'person'; // ... public function seats() { return $this->hasMany( Seat::class, 'persons_id' ); } }
115. SHOW
116. public function show($id) { $seat = new \App\Models\Seat(); $seat->findOrDie($id); $person = $seat->person()->get(); return tr_view('seats.show', compact('seat', 'person')); }
117. <h3>Seat Number <?php echo $seat->number; ?></h3> <p>Price: $<?php echo $seat->price; ?></p> <p>Person's Name: <?php echo $person->post_title; ?></p>
118. KERNEL SECURING CUSTOM DATA
120. class Kernel extends \TypeRocket\Http\Kernel { protected $middleware = [ 'hookGlobal' => [ AuthRead::class ], 'resourceGlobal' => [ AuthRead::class, Middleware\VerifyNonce::class ], 'noResource' => [ AuthAdmin::class ], 'user' => [ IsUserOrCanEditUsers::class ], 'post' => [ OwnsPostOrCanEditPosts::class ], // ... 'tag' => [ CanManageCategories::class ] ]; }
121. class Kernel extends \TypeRocket\Http\Kernel { protected $middleware = [ // ... 'person' => [ OwnsPostOrCanEditPosts::class ], 'seat' => [ AuthAdmin::class ] ]; }
122. STACK PHP HTTP://STACKPHP.COM/MEDIA/
123. UNDER THE HOOD
124. PSR-4 HTTP://WWW.PHP-FIG.ORG/PSR/PSR-4/
125. ORM OBJECT-RELATIONAL MAPPING
126. OOP SOLID
127. WANT MORE?
128. TYPEROCKET.COM ▸ Forms and All Fields ▸ Commands ▸ Front-end Fields ▸ Custom Routes ▸ And way more!
129. TYPEROCKET 3.0 UNLEASH WORDPRESS AND BE AMAZING