Für die neue TYPO3 8.7.x LTS Version gibt es nun sehr viele neue Updates und die vielen Erweiterungen müssen nach und nach geupdated werden.

Wer auch die gridelements komplett ausgelagert hat, der muss hier ein paar typoscript Änderungen vornehmen. Ich zeige Euch einmal den kompletten Weg, wie Ihr mit Eurer eigenen Extension die GridElements auslagern könnt.

Fangen wir an die FlexForms auszulagern und dann die weiteren Dateien.

Laden wir als Erstes die neue GridElements Version aus dem GitHub runter, damit die Erweiterung unter der TYPO3 8.7.x Version auch läuft.
Link: https://github.com/TYPO3-extensions/gridelements

Dann gibt es noch ein Problem mit dem Backend Wizzard in er neuen Version:
Link: https://review.typo3.org/#/c/52126/
(dieser sollte in der GiHub Master Version nun drin sein.)
Allgemein könnt Ihr im Review Bereich immer mal schauen, da es noch offiziell keine GridElements Version für die T3 8 Version gibt.

FlexForms Beispiel:
Pfad: ext/extensionname/Configuration/FlexForms/Extensions/GridElements/OneColumn.xml

<?xml version="1.0" encoding="utf-8" standalone="yes" ?>
<T3DataStructure>
   <meta type="array">
      <langDisable>1</langDisable>
   </meta>
   <ROOT type="array">
      <type>array</type>
      <el type="array">
         <insert_cols type="array">
            <TCEforms type="array">
               <label>Spalten einsetzen</label>
               <config>
                  <type>check</type>
                  <default>0</default>
               </config>
            </TCEforms>
         </insert_cols>
      </el>
   </ROOT>
</T3DataStructure>

PageTS Beispiel:
Pfad: ext/extensionname/Configuration/PageTS/Extensions/GridElements/PageTS.ts

tx_gridelements {
   # TS Elemente haben Vorrang vor Datensätzen mit gleichen IDs
   overruleRecords = 1

   setup {
      #OneColumns
      #-------------------------------------------------------------------------------
      1 {
         title = Container
         description = Container Beispiel
         frame = 1
         icon = EXT:extensionname/Resources/Public/Icons/Backend/Grids/Grid-Container.png
         flexformDS = FILE:EXT:extensionname/Configuration/FlexForms/Extensions/GridElements/OneColumn.xml
         topLevelLayout = 0
         config {
            colCount = 1
            rowCount = 1
            rows {
               1 {
                  columns {
                     1 {
                        name = Container
                        colPos = 10
                     }
                  }
               }
            }
         }
      }
   }
}

Bisher hat sich soweit noch nichts geändert, aber nun kommen wir zu einem neuen Teil der TYPO3 8.7 Version.
Hier eine kurze Info was sich am Aufbau der ContentElemente geändert hat:
Link: https://docs.typo3.org/typo3cms/extensions/core/8-dev/Changelog/8.7/Breaking-80374-DefaultContentElementConfigurationForFrontendLoginAdaptsFluidStyledContent.html

TYPO3 8 Changelog:

tt_content.login =< lib.contentElement
tt_content.login {
   templateName = Generic
   variables {
      content =< plugin.tx_felogin_pi1
   }
}

Nun übernehmen wir den Part in unserer Erweiterung mit ein:

TypoScript Beispiel:
Pfad: ext/extensionname/Configuration/TypoScript/Extensions/GridElements/GridElements.ts

Hier laden ich erst einmal die orginal GridElements Setup Config, sobald die Extension installiert ist.
Dann übergebe ich die Inhalte an den neuen tt_content Aufbau.
Der restliche GridElements-Aufbau erfolgt dann wieder wie in der orginal Setup Config zu sehen.

# loaded ts after install the ext:gridelements
[userFunc = TYPO3\CMS\Core\Utility\ExtensionManagementUtility::isLoaded('gridelements')]
	<INCLUDE_TYPOSCRIPT: source="FILE:EXT:gridelements/Configuration/TypoScript/setup.ts" extensions="ts">
[global]

tt_content.gridelements_pi1 =< lib.contentElement
tt_content.gridelements_pi1 {
	templateName = Generic
	variables {
		content =< tt_content.gridelements_view
	}
}

tt_content {
	gridelements_pi1 = COA
	gridelements_pi1 {
		20 {
			10 {
				setup {
					1 < lib.gridelements.defaultGridSetup
					1 {
						cObject = FLUIDTEMPLATE
						cObject {
							file = typo3conf/ext/constructionkit/Resources/Private/Templates/Extensions/GridElements/OneColumn.html
						}
					}
				}
			}
		}
	}
}

tt_content.gridelements_view < tt_content.gridelements_pi1

Wie in der Doc von typo3.org zusehen, werden die neuen Content Elemente und Extension die mit Fluid Styled Content aufgebaut werden neu bearbeitet.
Hier könnt Ihr euch den neuen Aufbau der Content-Elemente anschauen:
Pfad: typo3_src-8.7.0/typo3/sysext/fluid_styled_content/Configuration/TypoScript/Helper/ContentElement.txt

Wichtig ist hier noch zu sagen, dass Ihr in dem Root-Template: Include static (from extensions) / Statische Templates einschließen (aus Erweiterungen):
Erst das „gridelements“ und dann Eure Ext. ladet!

Nachtrag:
Ich habe noch mal mit dem Jo Hasenau mir weitere Aufbauten angeschaut, solltet Ihr z.B. KEIN „fluid_styled_content“ verwendet, dann hier der neue Aufbau um gridelements in eure eigene Extension auszulagern:

# ===============================================================================
# tt_content configuration for gridelements
# ===============================================================================

# Load org. Config
[userFunc = TYPO3\CMS\Core\Utility\ExtensionManagementUtility::isLoaded('gridelements')]
	<INCLUDE_TYPOSCRIPT: source="FILE:EXT:gridelements/Configuration/TypoScript/setup.ts" extensions="ts">
[global]

tt_content.gridelements_pi1 >
tt_content.gridelements_pi1 =< lib.contentElement
tt_content.gridelements_pi1 {
	templateName = Generic
	variables {
		content = COA
		content {
			10 = USER
			10 {
				userFunc = GridElementsTeam\Gridelements\Plugin\Gridelements->main
				setup {
					default < lib.gridelements.defaultGridSetup
				}
			}
		}
	}
}
lib.gridelements.defaultGridSetup.cObject =< lib.contentElement

tt_content {
	gridelements_pi1 {
		variables {
			content {
				10 {
					setup {
						1 < lib.gridelements.defaultGridSetup
						1 {
							cObject {
								templateName = OneColumn
								templateRootPaths {
									20 = EXT:EXTNAME/Resources/Private/Templates/Extensions/GridElements/
								}
								#partialRootPaths {
								#	20 = EXT:EXTNAME/Resources/Private/Templates/Extensions/GridElements/
								#}
								#layoutRootPaths {
								#	20 = EXT:EXTNAME/Resources/Private/Templates/Extensions/GridElements/
								#}
							}
						}

						2 < lib.gridelements.defaultGridSetup
						2 {
							cObject {
								templateName = TwoColumns
								templateRootPaths {
									20 = EXT:EXTNAME/Resources/Private/Templates/Extensions/GridElements/
								}
								#partialRootPaths {
								#	20 = EXT:EXTNAME/Resources/Private/Templates/Extensions/GridElements/
								#}
								#layoutRootPaths {
								#	20 = EXT:EXTNAME/Resources/Private/Templates/Extensions/GridElements/
								#}
							}
						}
					}
				}
			}
		}
	}
}


tt_content.gridelements_view < tt_content.gridelements_pi1

HTML Ausgabe kann dann so aussehen (TwoColumns.html):

<div class="row">
	<div class="col1 col-xs-{data.flexform_xs_one} col-sm-{data.flexform_sm_one} col-md-{data.flexform_md_one} col-lg-{data.flexform_lg_one}">
		<f:format.raw>{data.tx_gridelements_view_columns.10}</f:format.raw>
	</div>
	<div class="col2 col-xs-{data.flexform_xs_two} col-sm-{data.flexform_sm_two} col-md-{data.flexform_md_two} col-lg-{data.flexform_lg_two}">
		<f:format.raw>{data.tx_gridelements_view_columns.20}</f:format.raw>
	</div>
</div>

Falls Ihr noch weitere Lösungen oder Probleme mit der neuen TYPO3 Version habt, so schreibt es doch in den Kommentaren.